/* ======================================================================
   UK procurement frameworks - route-to-market finder
   Builds on the .planner shell in market-entry.css
   ====================================================================== */

.route-out .po-sub{ margin-bottom:18px; }
.route-card{ border:1px solid var(--line); border-radius:15px; padding:18px 20px; margin-bottom:13px; background:#fff; }
.route-card:last-of-type{ margin-bottom:0; }
.route-card .rc-top{ display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:9px; }
.route-card .rc-name{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.08rem; color:var(--ink); line-height:1.3; text-decoration:none; display:inline-flex; align-items:center; gap:7px; transition:color .2s; }
a.rc-name:hover{ color:var(--green-deep); }
a.rc-name .rc-ext{ width:14px; height:14px; color:var(--green-deep); opacity:.7; }
a.rc-name:hover .rc-ext{ opacity:1; }
.rc-status{ display:flex; gap:10px; align-items:flex-start; background:#FBF4E9; border:1px solid #EAD9BC; border-radius:11px; padding:11px 14px; margin:0 0 13px; font-size:.86rem; line-height:1.55; color:#6B4E22; }
.rc-status svg{ flex:none; width:16px; height:16px; color:#B0651F; margin-top:2px; }
.route-asof{ display:flex; gap:9px; align-items:center; justify-content:center; margin:14px 0 2px; font-size:.82rem; color:var(--ink-faint); font-weight:600; text-align:center; }
.route-asof svg{ width:15px; height:15px; flex:none; }
.route-tag{ display:inline-flex; align-items:center; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; padding:4px 10px; border-radius:999px; white-space:nowrap; }
.route-tag.framework{ color:var(--green-deep); background:#E4F4EA; }
.route-tag.dps{ color:#1E5FA8; background:#E2EEFB; }
.route-tag.portal{ color:#8A5212; background:#FBEFDD; }
.route-tag.closed{ color:#8A4B12; background:#FBE7D5; }
.route-card .rc-desc{ color:var(--ink-soft); line-height:1.6; font-size:.93rem; margin:0 0 12px; }
.route-card .rc-how{ display:block; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; color:var(--green-deep); margin-bottom:8px; }
.rc-steps{ list-style:none; margin:0; padding:0; display:grid; gap:8px; counter-reset:rcs; }
.rc-steps li{ display:flex; gap:11px; align-items:flex-start; line-height:1.5; color:var(--ink); font-size:.92rem; }
.rc-steps li .rcs-n{ counter-increment:rcs; flex:none; width:21px; height:21px; border-radius:6px; display:grid; place-items:center; background:var(--bg-soft); border:1px solid var(--line); font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:.72rem; color:var(--green-deep); margin-top:1px; }
.rc-steps li .rcs-n::before{ content:counter(rcs); }

.route-reqs{ margin-top:18px; border-top:1px dashed var(--line); padding-top:16px; }
.route-reqs .rr-label{ display:flex; align-items:center; gap:8px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:var(--green-deep); margin-bottom:11px; }
.route-reqs .rr-label svg{ width:15px; height:15px; }
.rr-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.rr-tag{ display:inline-flex; align-items:center; gap:7px; font-size:.85rem; font-weight:600; color:var(--ink); background:var(--bg-soft); border:1px solid var(--line); border-radius:999px; padding:7px 13px; }
.rr-tag svg{ width:14px; height:14px; color:var(--green-deep); flex:none; }

/* Foundations checklist */
.found-list{ list-style:none; margin:18px 0 8px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:680px){ .found-list{ grid-template-columns:1fr; } }
.found-item{ display:flex; gap:13px; align-items:flex-start; border:1px solid var(--line); border-radius:14px; padding:16px 18px; background:#fff; }
.found-item .fi-ic{ flex:none; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--grad-bright); color:#fff; box-shadow:0 9px 18px -11px rgba(28,101,71,.6); }
.found-item .fi-ic svg{ width:17px; height:17px; }
.found-item h4{ margin:0 0 4px; font-size:1rem; }
.found-item p{ margin:0; color:var(--ink-soft); line-height:1.55; font-size:.9rem; }
