.route-phase-list{display:grid;gap:1.25rem;margin-top:1.6rem}.route-phase{position:relative;padding:1.45rem 1.55rem 1.55rem;border:1px solid rgba(11,61,50,.14);border-radius:22px;background:#fffdf8;box-shadow:0 22px 60px rgba(11,61,50,.08);overflow:hidden}.route-phase:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#b99a5b}.route-phase-head{display:flex;gap:1rem;align-items:center}.route-phase-head>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(11,61,50,.18);border-radius:2px;background:#f8f5ee;color:#0b3d32;font-weight:700;transform:rotate(45deg)}.route-phase-head>span>*{transform:rotate(-45deg)}.route-phase-head small{font-size:.68rem;letter-spacing:.13em;color:#708f80}.route-phase-head h3{margin:.12rem 0 0;color:#0b3d32;font-size:1.18rem}.route-phase>p{margin:1rem 0 1.05rem;color:#66716b;line-height:1.65}.route-phase-notice{margin:.85rem 0 1rem;padding:.8rem .9rem;border-left:3px solid #b99a5b;border-radius:0 10px 10px 0;background:rgba(185,154,91,.1);font-weight:600;color:#0b3d32}.route-phase-items{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.route-phase-items>div{display:flex;align-items:center;gap:.65rem;min-height:52px;padding:.78rem .9rem;border:1px solid rgba(11,61,50,.08);border-radius:12px;background:#f8f5ee}.route-phase-items span{color:#b99a5b;font-size:1.05rem}.route-phase-items b{color:#202522;line-height:1.35}.route-guidance{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.route-guidance .guide-deep-link{display:inline-flex}@media(max-width:650px){.route-phase{padding:1.15rem}.route-phase-items{grid-template-columns:1fr}.route-phase-head>span{width:40px;height:40px;flex-basis:40px}}

/* #21B.2: explicit navigation choice, not ritual completion. */
.route-phase-select,.route-phase-clear{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem .9rem;border:1px solid #0b3d32;border-radius:10px;background:#fffdf8;color:#0b3d32;font:inherit;font-weight:650;cursor:pointer}
.route-phase-select{margin:0 0 1rem}
.route-phase-select[aria-pressed="true"]{background:#0b3d32;color:#fff}
.route-phase-selected{border-color:#0b3d32}
.route-phase-select:focus-visible,.route-phase-clear:focus-visible{outline:3px solid #b99a5b;outline-offset:3px}
.route-phase-clear{margin-top:.8rem}
.route-phase-clear[hidden]{display:none}
.route-phase-status:not(:empty){padding:.6rem 0;font-weight:600;color:#0b3d32}