/* CoreKnowledge pathway cards v1 (staged). Reuses live .ckp-* card styles from ck-system.css; this file adds the tile row, the single detail card frame and the connection-button system (.ckc-*). No reveal-on-scroll; nothing hidden except the unselected papers' cards when JS runs. */
:root{--ckc-map:#1D4ED8;--ckc-test:#047857;--ckc-outline:#BE185D;--ckc-guide:#0369A1;--ckc-past:#7C2D12;--ckc-cbe:#B91C1C;--ckc-intro:#6D28D9;--ckc-ask:#334155}
.pc-hero .wrap{padding-top:26px;padding-bottom:28px}
.pc-hero h1{margin:12px 0 8px}
.pc-hero p{font-size:17px}
.pc-hero .pnav{margin-top:16px}
.pc-main{max-width:1240px;margin:0 auto;padding:20px 16px 44px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* tile row */
.pt-lv{margin:0 0 12px}
.pt-lv h3{font-family:'Cabin',sans-serif;font-size:16px;line-height:1.2;margin:0 0 8px;color:var(--pwink);border-left:4px solid var(--pw2);padding-left:10px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.pt-lv h3 small{font:700 12px 'Public Sans',sans-serif;color:var(--muted,#5A6185);letter-spacing:.03em}
.pt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ptile{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;background:#fff;border:2px solid #DDE2F2;border-radius:14px;color:var(--navy,#1B2766);text-decoration:none;font-size:13px;line-height:1.2;font-weight:600;transition:border-color .15s,box-shadow .15s}
.ptile .pc-c{flex:none;min-width:38px;height:34px;padding:0 6px;border-radius:10px;background:var(--pwink);color:#fff;display:grid;place-items:center;font:800 12px 'Public Sans',sans-serif;font-style:normal}
.ptile.soon .pc-c{background:#5A6185}
.ptile .pc-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.ptile .pc-t b{font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pst{align-self:flex-start;font:800 11px 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px}
.pst.live{background:#047857;color:#fff}.pst.soon{background:#E3E7F5;color:#4A5178}
.ptile:hover{border-color:var(--pw)}
.ptile:focus-visible,.ckc:focus-visible{outline:3px solid var(--focus,#1B6FEB);outline-offset:2px}
.ptile[aria-current="true"]{border-color:var(--pw);background:var(--pwbg);box-shadow:0 8px 20px -10px var(--pw)}
@media(min-width:900px){
 .pt-lv{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:start}
 .pt-lv h3{margin:0;padding-top:14px;font-size:17px;display:block}.pt-lv h3 small{display:block;margin-top:3px}
 .pt-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
}
/* detail card */
.pcard{scroll-margin-top:76px;margin-top:14px}
.panel.pcard{padding:20px}
.pcard .ph{align-items:flex-start;margin-bottom:14px}
.pcard .ph h2{font-size:24px}
.pcard .ph p{font-size:15px}
.pcard .pwtag{margin-bottom:10px}
.pcard .ph .cd{flex:none}
.js .panel.on.pcard:not(.sel){display:none}
.pcard .ckp-act .btn{width:100%}
@media(max-width:640px){.panel.pcard{padding:14px}.pcard .ph h2{font-size:21px}.pcard .ph .cd{min-width:52px;height:52px;font-size:14px}}
/* connection buttons (.ckc): one identity per link type; same glyph and colour site-wide */
.ckc-row{margin-top:16px;padding-top:14px;border-top:1px solid #E3E7F5}
.ckc-h{display:block;font:800 12px 'Public Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#5A6185);margin:0 0 10px}
.ckc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:900px){.ckc-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
.ckc-list li{display:flex}
.ckc{--ic:var(--ckc-ask);position:relative;flex:1;display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 10px;background:#fff;border:2px solid #DDE2F2;border-radius:14px;color:var(--navy,#1B2766);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s}
.ckc-i{flex:none;width:40px;height:40px;border-radius:11px;background:var(--ic);color:#fff;display:grid;place-items:center}
.ckc-i svg{width:22px;height:22px}
.ckc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ckc-t b{font:800 14px/1.2 'Public Sans',sans-serif}
.ckc-t small{font-size:12px;line-height:1.25;color:var(--muted,#5A6185);font-weight:500}
.ckc-go{flex:none;width:16px;height:16px;color:var(--ic)}
.ckc-soon{display:inline-block;margin-left:6px;vertical-align:1px;font:800 10px 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 7px;background:#E3E7F5;color:#4A5178}
.ckc:hover{border-color:var(--ic);box-shadow:0 8px 18px -12px var(--ic)}
.ckc:active{transform:translateY(1px);background:#F4F6FC}
.ckc.is-soon{background:#FAFBFF}.ckc.is-soon .ckc-i{background:#5A6185}.ckc.is-soon .ckc-go{color:#5A6185}
.ckc[data-t=map]{--ic:var(--ckc-map)}.ckc[data-t=test]{--ic:var(--ckc-test)}.ckc[data-t=books]{--ic:var(--pw)}.ckc[data-t=outline]{--ic:var(--ckc-outline)}
.ckc[data-t=guide]{--ic:var(--ckc-guide)}.ckc[data-t=past]{--ic:var(--ckc-past)}.ckc[data-t=cbe]{--ic:var(--ckc-cbe)}.ckc[data-t=intro]{--ic:var(--ckc-intro)}.ckc[data-t=ask]{--ic:var(--ckc-ask)}
html[data-theme="dark"] .ptile,html[data-theme="dark"] .ckc{background:#161B3A;border-color:#2C3366;color:#E7EBFB}
html[data-theme="dark"] .ckc-t small{color:#AEB8DC}
html[data-theme="dark"] .ptile[aria-current="true"]{background:#1B2352}
@media(prefers-reduced-motion:reduce){.ptile,.ckc{transition:none}}
/* phone: shorter page, same content (descriptions of the three standard cards are one line shorter, nothing hidden that carries a status or a link) */
@media(max-width:640px){
 .pc-hero .wrap{padding-top:18px;padding-bottom:18px}
 .pc-hero h1{font-size:28px;margin:10px 0 0}
 .pc-hero p,.pc-hero .pnav span{display:none}
 .pc-hero .pnav{margin-top:12px;gap:6px}.pc-hero .pnav a{min-height:44px;padding:0 12px}
 .pc-main{padding:14px 16px 32px}
 .pt-lv{margin:0 0 8px}.pt-lv h3{margin-bottom:6px;font-size:15px}.pt-lv h3 small{font-size:11px}
 .pt-grid{gap:6px}
 .ptile{min-height:52px;padding:6px 8px;gap:8px}.ptile .pc-t{gap:2px}.ptile .pc-c{min-width:36px}
 .pst{font-size:10px;padding:1px 7px}
 .pcard{margin-top:10px}
 .pcard .ckp-fam{display:none}
 .pcard .ckp-cards{gap:8px}
 .pcard .ckp-card{padding:12px 12px 10px;gap:4px}
 .pcard .ckp-card h4{font-size:19px}
 .pcard .ckp-card p{display:none}
 .pcard .ckp-both{margin-top:8px}
 .ckc-row{margin-top:12px;padding-top:10px}
 .ckc{gap:8px;padding:8px}
 .ckc-go{display:none}
 .ckc-t small{font-size:11.5px}
}
@media(max-width:640px){
 .pc-hero .pnav a{padding:0 9px;font-size:13px}.pc-hero .pnav{gap:5px}
 .pcard .ph p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
 .pcard .ckp-both .btn{font-size:14.5px;min-height:48px;padding:0 10px;width:100%}
 .ckc-t b{font-size:13px}.ckc-t small{font-size:11.5px}.ckc-soon{margin-left:4px;padding:1px 5px}
}
@media(max-width:640px){
 .pc-hero .k{display:none}
 .pc-hero .wrap{padding-top:14px;padding-bottom:14px}
 .ptile{min-height:48px;padding:4px 8px}.ptile .pc-t b{line-height:1.12}
 .pcard .ckp-card{padding:10px 12px 8px;gap:2px}.pcard .ckp-card h4{font-size:18px;line-height:1.15}
 .pcard .ckp-act{margin-top:4px}.pcard .ckp-act .btn,.pcard .ckp-both .btn{min-height:44px}
 .pcard .ckp-k{font-size:11px}
}
@media(max-width:640px){.pc-main{padding:10px 16px 22px}.pt-lv{margin:0 0 6px}.pt-lv h3{margin-bottom:5px}}
/* v2: BICA / IFRS / IPSAS support */
:root{--ckc-related:#0E7490}
.ckc[data-t=related]{--ic:var(--ckc-related)}
body[data-path="BICA"]{--pw:#1F4F7C;--pw2:#2F6F9E;--pwbg:#EEF5FA;--pwink:#124466}
.ph-hero.bica{background:linear-gradient(115deg,#1B2766 0%,#1F4F7C 55%,#2F6F9E 100%)}
.pst.ck{background:#DCEBF6;color:#0D3350}
.ptile.ck .pc-c{background:#1F4F7C}
.pcard .ckp-cards.one{grid-template-columns:minmax(0,1fr);max-width:560px}
.pc-note{margin:0 0 14px;background:#fff;border:2px solid #DDE2F2;border-left:6px solid var(--pw);border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.55;color:#232A4A}
.pc-note b{color:var(--pwink)}
.pc-note.pnote{border-radius:14px}
.pc-qual{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px;padding:12px 16px;background:#fff;border:2px solid #DDE2F2;border-top:5px solid var(--pw2);border-radius:14px;color:var(--navy,#1B2766);text-decoration:none;min-height:56px}
.pc-qual b{font:700 18px 'Cabin',sans-serif}.pc-qual span{font-size:14px;color:var(--muted,#5A6185);flex:1 1 200px}.pc-qual em{font-style:normal;font-weight:800;color:var(--pw)}
.pc-qual:hover{border-color:var(--pw)}.pc-qual:focus-visible{outline:3px solid var(--focus,#1B6FEB);outline-offset:2px}
html[data-theme="dark"] .pc-note,html[data-theme="dark"] .pc-qual{background:#161B3A;border-color:#2C3366;color:#E7EBFB}
@media(max-width:640px){.pc-note{margin-bottom:10px;padding:10px 12px;font-size:13px}.pc-qual{padding:8px 12px;min-height:48px;margin-bottom:10px}.pc-qual b{font-size:16px}.pc-qual span{display:none}}