/* Hallmark · genre: modern-minimal · macrostructure: Workbench · theme: existing Cobalt · enrichment: verified references and bounded concept preview · shared chrome preserved */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 · existing tokens.css is the locked source */
html,body{overflow-x:clip}
html{scroll-behavior:auto}
.resource-heading.hub-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-12);align-items:center;padding-block:var(--space-8) var(--space-12);border-bottom:0}
.hub-hero h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;max-width:20ch}
.hub-hero p{max-width:55ch}
.resource-page h1,.resource-page h2,.resource-page h3,.resource-page h4{font-style:normal;overflow-wrap:anywhere;min-width:0}
.hub-photo{margin:0;min-width:0}
.hub-photo img{display:block;width:100%;height:auto;object-fit:contain;background:var(--color-paper-2);aspect-ratio:4/3}
.hub-photo figcaption{font-size:.875rem;line-height:1.5;color:var(--color-muted);margin-top:var(--space-3)}
.hub-jump{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);padding-block:var(--space-5);margin-bottom:var(--space-8);border-block:1px solid var(--color-rule-dark)}
.hub-jump a{display:inline-flex;align-items:center;min-height:var(--control-height);color:var(--color-accent-deep);font-weight:600;white-space:nowrap;text-underline-offset:.2em}
.hub-jump a:hover{ text-decoration-thickness:2px }
.hub-group{padding-block:var(--space-12);border-top:1px solid var(--color-rule);scroll-margin-top:7rem}
.hub-group-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-12);align-items:center}
.hub-group h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:0 0 var(--space-5)}
.hub-group-heading p,.hub-packaging>header p{max-width:60ch;color:var(--color-ink-2)}
.hub-start{padding:var(--space-6);border:1px solid var(--color-rule);background:var(--color-paper-2)}
.hub-start p{margin-block:var(--space-4)}
.hub-cards{gap:0 var(--space-12)}
.hub-cards section{padding-block:var(--space-6)}
.hub-cards h3,.hub-cards h4{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.25;margin:0 0 var(--space-4)}
.hub-cards p{color:var(--color-ink-2);max-width:65ch;margin-bottom:var(--space-4)}
.hub-cards .guide-link,.hub-actions .guide-link{white-space:nowrap}
.hub-reading-stage{margin-top:var(--space-10)}
.hub-reading-stage>h3{font-family:var(--font-display);font-size:1.2rem;line-height:1.3;margin:0;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-rule-dark)}
.hub-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin-top:var(--space-6)}
.hub-actions a{min-height:var(--control-height);display:inline-flex;align-items:center;white-space:nowrap;line-height:1.1}
.hub-actions .button{padding-inline:var(--space-5)}
.hub-actions a:active,.hub-jump a:active{color:var(--color-ink)}
.hub-actions .button:active{color:var(--color-accent-ink)}
.resource-page a[aria-disabled="true"]{opacity:.55;cursor:not-allowed;pointer-events:none}
.hub-back{display:inline-flex;align-items:center;min-height:var(--control-height);margin-top:var(--space-6);color:var(--color-accent-deep);white-space:nowrap}
#guide-categories{scroll-margin-top:7rem}
.hub-packaging{padding-block:var(--space-12) var(--space-16)}
.hub-solution-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-10);align-items:center;margin-top:var(--space-8)}
.hub-solution-layout img{aspect-ratio:16/9}
.hub-solution-copy h3{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;margin:0 0 var(--space-5)}
.hub-solution-copy ol{padding-left:var(--space-6);margin-block:var(--space-5)}
.hub-solution-copy li{margin-block:var(--space-3);line-height:1.6}
.hub-solution-copy p{color:var(--color-ink-2)}
.resource-bottom{border-top:1px solid var(--color-rule-dark);padding-block:var(--space-10) var(--space-16)}
@media(max-width:59.99rem){
 .resource-heading.hub-hero,.hub-group-heading,.hub-solution-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
 .hub-hero .hub-photo{max-width:36rem}
 .hub-group-heading .hub-photo{max-width:32rem}
 .resource-heading.hub-hero{padding-block:var(--space-6) var(--space-8)}
 .hub-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4)}
 .hub-group{padding-block:var(--space-8)}
 .hub-hero h1{max-width:23ch}
 .hub-solution-layout{align-items:start}
}
@media(max-width:25rem){
 .hub-actions{gap:var(--space-2) var(--space-4)}
 .hub-actions .button{padding-inline:var(--space-4)}
}
@media print{
 .hub-jump,.hub-back,.hub-actions{display:none}
 .resource-heading.hub-hero,.hub-group-heading,.hub-solution-layout{display:block}
 .hub-photo{max-width:25rem}
 .hub-group{break-inside:avoid}
}
@media(prefers-reduced-motion:reduce){.resource-page *{transition:none!important;scroll-behavior:auto}.hub-actions .button:active{transform:none}}