/* Stage 7: shared premium treatment for knowledge and reference surfaces. */
.knowledge-panel{padding-top:clamp(1.5rem,4vw,3rem)}
.knowledge-panel .section-intro{max-width:820px;margin:0 auto clamp(1.6rem,4vw,2.6rem);text-align:left}
.knowledge-panel .section-eyebrow{max-width:none;margin:0 0 .65rem;color:var(--color-accent);font-size:.68rem;font-weight:820;letter-spacing:.14em;text-transform:uppercase}
.knowledge-panel .section-intro h1{max-width:760px;margin:0;color:var(--color-text-strong);font-family:var(--font-body);font-size:clamp(2.35rem,6vw,4.2rem);font-weight:740;line-height:.98;letter-spacing:-.06em;text-wrap:balance}
.knowledge-panel .section-intro>p:last-child{max-width:650px;margin:1rem 0 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.6}
.knowledge-panel .glosscta{max-width:820px;margin:0 auto 1rem;color:var(--color-text-muted);font-size:.78rem;text-align:left}
.knowledge-panel .glosscta a,.knowledge-panel .glosscta .linklike{display:inline-flex;align-items:center;min-height:40px;padding:.35rem .6rem;border-radius:9px;background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:.76rem;text-decoration:none}
.knowledge-panel .nphint{max-width:820px;margin:-.4rem auto 1rem;text-align:left}

/* Compare */
#mapPanel .toggle-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:min(820px,100%);margin:0 auto 1rem;padding:.35rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:0 8px 24px rgba(21,17,13,.07)}
#mapPanel .tbtn{min-height:48px;padding:.55rem .7rem;border-radius:12px;color:var(--color-text-muted);font-size:.77rem;line-height:1.25}
#mapPanel .tbtn.active.biz,#mapPanel .tbtn.active.ent,#mapPanel .tbtn.active.frn{background:#17171a;color:#fff;box-shadow:0 7px 18px rgba(21,17,13,.16)}
#mapPanel .ladder{max-width:820px;gap:.75rem}
#mapPanel .rung{grid-template-columns:140px 1fr;overflow:hidden;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface-raised);box-shadow:0 12px 34px rgba(21,17,13,.075);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}
#mapPanel .rung:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(21,17,13,.1)}
#mapPanel .rung .rL{min-height:150px;padding:1.2rem;border-right:1px solid rgba(255,255,255,.1)}
#mapPanel .rung .rL .rw{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
#mapPanel .rung .rL .rn{margin-top:.55rem;font-family:var(--font-body);font-size:1.45rem;letter-spacing:-.03em}
#mapPanel .rung .rR{padding:1.2rem 1.35rem}
#mapPanel .rstack{color:var(--color-text-strong);font-size:1.05rem}
#mapPanel .rprice{color:var(--color-accent-hover)}
#mapPanel .rfor{line-height:1.5}
#mapPanel .rtrig{margin-top:.65rem;padding:.65rem .75rem;border-radius:11px;background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:.78rem;line-height:1.45}
#mapPanel .arrowup{font-size:0;line-height:0}
#mapPanel .arrowup::after{content:"";display:block;width:1px;height:22px;margin:0 auto;background:var(--color-border)}
#mapPanel .govbox{max-width:820px;border:1px solid var(--color-border);border-radius:16px;box-shadow:none}
#mapPanel .laddercta{border-radius:18px}

/* Learn */
#glossPanel .gsearchwrap{position:sticky;top:5.4rem;z-index:10;max-width:820px;margin:0 auto 1rem;padding:.35rem;border-radius:17px;background:color-mix(in srgb,var(--color-canvas) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
#glossPanel .gsearch{min-height:54px;padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface-raised);box-shadow:0 10px 28px rgba(21,17,13,.09);font-size:.9rem}
#glossPanel .gsearch:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring),0 10px 28px rgba(21,17,13,.09)}
#glossPanel .glossary{max-width:820px;gap:.7rem}
#glossPanel .gsuite{overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-raised);box-shadow:0 10px 30px rgba(21,17,13,.065)}
#glossPanel .ghead{min-height:78px;padding:1rem 1.15rem;background:transparent}
#glossPanel .ghead:hover{background:var(--color-canvas)}
#glossPanel .gic{width:46px;height:46px;border-radius:14px}
#glossPanel .gname{font-family:var(--font-body);font-size:1rem;font-weight:740;letter-spacing:-.02em}
#glossPanel .gblurb{font-size:.78rem;line-height:1.4}
#glossPanel .gcount{color:var(--color-accent-hover);font-size:.72rem}
#glossPanel .gbody{padding:0 1.15rem 1.15rem}
#glossPanel .gfeat{padding:1rem 0;border-color:var(--color-border)}
#glossPanel .gfname{font-size:.94rem}
#glossPanel .gfwhat,#glossPanel .gfwhy{font-size:.8rem}
#glossPanel .ginc{border-radius:12px}

/* What's new */
#newPanel .newsgrid{max-width:920px;gap:.85rem}
#newPanel .ncard{padding:1.15rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-raised);box-shadow:0 12px 34px rgba(21,17,13,.07);transition:transform var(--duration-base),box-shadow var(--duration-base)}
#newPanel .ncard:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(21,17,13,.1)}
#newPanel .nhead{align-items:flex-start}
#newPanel .nic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--color-canvas);font-size:1.25rem}
#newPanel .ndate{margin-top:.35rem;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:.62rem}
#newPanel .ntitle{font-family:var(--font-body);font-size:1.08rem;font-weight:740;line-height:1.2;letter-spacing:-.025em}
#newPanel .nwhat{font-size:.8rem;line-height:1.55}
#newPanel .nwhy{padding:.75rem;border-left:0;border-radius:12px;background:var(--color-canvas);font-size:.78rem}
#newPanel .livefeed{max-width:920px;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 12px 34px rgba(21,17,13,.07)}
#newPanel .staycurrent{max-width:920px;padding:1.4rem;border-radius:20px;background:#17171a}
#newPanel .sct{color:#ff9a58;font-size:.68rem}
#newPanel .sclink{min-height:98px;border-radius:14px}
#newPanel .newsmorebtn{min-height:44px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:none}

/* Copilot supporting links */
#aiPanel>.glosscta,#aiPanel>.advref{max-width:900px}
#aiPanel>.advref .cwcredits{border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-raised);box-shadow:0 10px 30px rgba(21,17,13,.06)}

/* Challenge */
#gamePanel .g-inner{max-width:760px}
#gamePanel .g-hero{position:relative;overflow:hidden;margin-bottom:1rem;padding:clamp(1.4rem,4vw,2.2rem);border-radius:24px;background:radial-gradient(circle at 88% 20%,rgba(242,106,27,.2),transparent 14rem),#141416;color:#fff;text-align:left}
#gamePanel .g-eyebrow{color:#ff9a58;font-size:.68rem;font-weight:820;letter-spacing:.14em}
#gamePanel .g-hero h1{max-width:620px;margin:.7rem 0;color:#fff;font-family:var(--font-body);font-size:clamp(2.2rem,6vw,4rem);font-weight:740;line-height:.98;letter-spacing:-.055em}
#gamePanel .g-hero p{max-width:560px;margin:0;color:rgba(255,255,255,.64);font-size:.88rem;line-height:1.55}
#gamePanel .g-cats{justify-content:flex-start;margin:.8rem 0}
#gamePanel .g-chip{border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.72rem}
#gamePanel .g-card{padding:clamp(1.1rem,3vw,1.6rem);border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface-raised);box-shadow:0 16px 42px rgba(21,17,13,.09)}
#gamePanel .g-btn{min-height:52px;border-radius:14px;background:var(--color-accent);font-size:.9rem}
#gamePanel .g-btn.g-ghost{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}
#gamePanel .g-difftog{border:1px solid var(--color-border);background:var(--color-canvas)}
#gamePanel .g-difftog button{min-height:44px}
#gamePanel .g-ans{min-height:68px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);font-size:.9rem}
#gamePanel .g-qtext{font-family:var(--font-body);font-size:1.25rem;font-weight:730}
.knowledge-panel .engage{max-width:820px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:none}
@media(max-width:700px){
 .knowledge-panel{padding-top:1.25rem}
 .knowledge-panel .section-intro h1{font-size:clamp(2.25rem,11vw,3.25rem)}
 #mapPanel .toggle-wrap{grid-template-columns:1fr}
 #mapPanel .rung{grid-template-columns:1fr}
 #mapPanel .rung .rL{min-height:92px;border-right:0}
 #newPanel .newsgrid{grid-template-columns:1fr}
 #newPanel .scgrid{grid-template-columns:1fr}
}
@media(max-width:520px){
 #glossPanel .gsearchwrap{top:4.7rem}
 #glossPanel .ghead{align-items:flex-start}
 #glossPanel .gcount{white-space:normal;text-align:right}
 #gamePanel .g-modes{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #mapPanel .rung,#newPanel .ncard{transition:none}
}