.practical-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:28px}
.practical-route{min-width:0;border:1px solid #d6e2df;border-radius:16px;background:#fff;padding:clamp(20px,2.5vw,30px)}
.practical-route__number{display:inline-flex;align-items:center;justify-content:center;background:#143e36;color:#fff;width:40px;height:40px;border-radius:50%;font-weight:700;margin-bottom:16px}
.practical-route h3{margin:0 0 12px;font-size:1.22rem}.practical-route p{line-height:1.75}.practical-route dl{margin:18px 0}.practical-route dt{font-weight:700;color:#285b4d;margin-top:12px}.practical-route dd{margin:4px 0 0;line-height:1.65}
.practical-route__link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.practical-route__link:focus-visible,.practical-choice summary:focus-visible,.practical-table-scroll:focus-visible{outline:3px solid #a56e18;outline-offset:5px}
.practical-choice{border:1px solid #d6e2df;border-radius:12px;margin-block:14px;background:#fff;overflow:hidden}.practical-choice summary{cursor:pointer;font-weight:700;font-size:1.06rem;padding:20px 24px}.practical-choice[open] summary{background:#edf5f1}.practical-choice__body{padding:6px 24px 22px}.practical-choice__body p{max-width:82ch}
.practical-table-scroll{overflow-x:auto;margin-block:24px}.practical-table-scroll table{width:100%;min-width:640px;border-collapse:collapse;text-align:left}.practical-table-scroll caption{font-weight:700;text-align:left;padding-bottom:14px}.practical-table-scroll th,.practical-table-scroll td{vertical-align:top;padding:17px 20px;border-bottom:1px solid #d6e2df;line-height:1.65}.practical-table-scroll thead{background:#143e36;color:#fff}.practical-table-scroll tbody th{width:23%}
.practical-example{border:1px solid #e4d9c4;border-radius:14px;background:#fbf5e9;padding:22px 26px;margin-block:24px}.practical-example p:last-child{margin-bottom:0}.practical-example h3{margin-top:0}
.practical-stage-list{counter-reset:stage;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:28px}.practical-stage-list li{counter-increment:stage;padding:24px;border:1px solid #d4e2dd;border-radius:14px;background:#f0f6f3}.practical-stage-list li::before{content:counter(stage,decimal-leading-zero);display:block;font-size:1.7rem;font-weight:700;color:#286b58;margin-bottom:14px}.practical-stage-list h3{font-size:1.12rem;margin-top:0}.practical-stage-list p{line-height:1.75}
.practical-route-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:960px){.practical-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.practical-route-grid,.practical-route-grid--two,.practical-stage-list{grid-template-columns:1fr}.practical-choice summary{padding:18px}.practical-choice__body{padding:4px 18px 18px}}