:root{--hub-navy:#071727;--hub-blue:#0b67c2;--hub-cyan:#8ce4f4;--hub-gold:#f5b942;--hub-ink:#142334;--hub-muted:#526579;--hub-line:#dce6ed;--hub-soft:#f3f7fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--hub-ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--hub-blue)}button,summary{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #20b8d8;outline-offset:5px}.hub-wrap{width:min(1160px,calc(100% - 40px));margin:auto}.hub-skip{position:absolute;left:10px;top:10px;z-index:9999;background:#fff;padding:12px;transform:translateY(-150%)}.hub-skip:focus{transform:none}.hub-preview{background:#e7f5fa;color:#071727;text-align:center;font-size:12px;padding:8px 20px}.hub-hero{background:radial-gradient(circle at 85% 15%,#20b8d821,transparent 40%),linear-gradient(125deg,#071727,#0a2944);color:#fff;padding:32px 0 64px}.hub-breadcrumb{color:#c8dae7;font-size:13px;margin-bottom:28px}.hub-breadcrumb a{color:inherit}.hub-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.hub-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#0b67c2}.hub-hero .hub-eyebrow{color:#8ce4f4}.hub-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 22px}.hub-hero h1 span{color:#8ce4f4}.hub-hero p{color:#dbeaf5;font-size:18px;max-width:620px}.hub-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hub-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 20px;font-size:14px;line-height:1.3;font-weight:800;border:1px solid transparent;border-radius:7px;text-decoration:none}.hub-btn-primary{background:#f5b942;color:#17222c}.hub-btn-secondary{border-color:#8ce4f4;color:#fff;background:#ffffff06}.hub-trust{display:flex;gap:16px 24px;flex-wrap:wrap;color:#c8dae7;font-size:13px}.hub-trust span::before{content:'✓';color:#8ce4f4;margin-right:7px}.hub-art{width:100%;height:auto;max-width:460px;justify-self:end}.hub-section{padding:64px 0}.hub-section h2{font-size:clamp(28px,3.5vw,42px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 18px}.hub-lead{max-width:760px;color:#526579;margin:0 0 28px}.hub-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;border:1px solid #cfe2ea;background:linear-gradient(135deg,#fff,#eef8fb);border-radius:18px;padding:36px;box-shadow:0 12px 34px #07172709}.hub-feature h3{font-size:clamp(25px,3vw,36px);line-height:1.14;letter-spacing:-.035em;margin:14px 0}.hub-feature p{color:#526579}.hub-tag{display:inline-block;font-size:11px;font-weight:800;padding:5px 10px;background:#e7f5fa;color:#075987;border-radius:30px;letter-spacing:.04em}.hub-feature-list{padding-left:20px;color:#526579;font-size:14px}.hub-example{background:#071727;color:#fff;padding:28px;border-radius:13px;align-self:center}.hub-example .hub-eyebrow{color:#8ce4f4}.hub-example p{color:#c8dae7;font-size:13px}.hub-equation{display:flex;align-items:center;gap:16px;margin:20px 0}.hub-number{font-size:50px;line-height:1;font-weight:850;color:#8ce4f4;letter-spacing:-.04em}.hub-equals{font-size:26px;color:#f5b942}.hub-example small{color:#c8dae7;font-size:12px}.hub-example-label{font-size:12px;color:#fff;margin-top:6px}.hub-soft{background:#f3f7fa}.hub-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.hub-section-title p{font-size:13px;color:#526579;max-width:280px}.hub-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.hub-category{border:1px solid #dce6ed;border-radius:13px;background:#fff;min-width:0;overflow:hidden}.hub-category summary{position:relative;cursor:pointer;list-style:none;padding:24px;min-height:190px}.hub-category summary::-webkit-details-marker{display:none}.hub-category summary::after{content:'+';position:absolute;right:20px;top:20px;color:#0b67c2;font-size:25px}.hub-category[open] summary::after{content:'−'}.hub-category summary strong{display:block;font-size:20px;line-height:1.25;margin:12px 25px 8px 0;letter-spacing:-.02em}.hub-category summary p{font-size:13px;line-height:1.5;color:#526579;margin:0 0 12px}.hub-category-count{font-size:11px;color:#0b67c2;font-weight:750}.hub-category-icon{font-size:12px;color:#0b67c2;font-weight:850;letter-spacing:.1em}.hub-tool-list{list-style:none;margin:0;padding:0 24px 20px}.hub-tool-list li{border-top:1px solid #dce6ed;padding:17px 0}.hub-tool-list strong{display:block;font-size:14px;line-height:1.35}.hub-tool-list p{font-size:12px;line-height:1.6;color:#526579;margin:7px 0}.hub-tool-status{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#647789}.hub-tool-list a{display:inline-block;font-size:13px;font-weight:800;padding:6px 0}.hub-optional{border-style:dashed}.hub-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hub-principles article{border-top:3px solid #20b8d8;padding-top:16px}.hub-principles h3{font-size:20px;line-height:1.3;margin:0 0 10px}.hub-principles p{color:#526579;font-size:14px}.hub-share{border:1px solid #cfe2ea;background:#eef8fb;border-radius:14px;padding:24px;margin-top:32px}.hub-share h3{margin:0 0 8px;font-size:20px}.hub-share p{margin:0;color:#526579;font-size:14px}.hub-cta{background:linear-gradient(120deg,#0b67c2,#073453);color:#fff;border-radius:18px;padding:36px;display:flex;gap:28px;align-items:center;justify-content:space-between}.hub-cta h2{font-size:30px;margin:0 0 10px}.hub-cta p{color:#d7e9f4;margin:0;max-width:660px}.hub-cta a{flex-shrink:0}.hub-note{font-size:12px;color:#647789;margin-top:20px}.hub-category[open] summary{border-bottom:1px solid #dce6ed}.hub-feature>*,.hub-hero-grid>*{min-width:0}
@media(max-width:900px){.hub-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-feature{gap:24px;padding:26px}.hub-hero-grid{gap:15px}.hub-hero p{font-size:16px}.hub-number{font-size:42px}.hub-cta{align-items:start;flex-direction:column}}
@media(max-width:650px){.hub-wrap{width:calc(100% - 32px)}.hub-hero-grid,.hub-feature,.hub-principles,.hub-category-grid{grid-template-columns:1fr}.hub-art{max-width:340px;justify-self:center}.hub-hero{padding-bottom:36px}.hub-hero h1{font-size:48px}.hub-section{padding:40px 0}.hub-section-title{display:block}.hub-section-title p{max-width:none}.hub-category summary{min-height:0}.hub-feature{padding:23px}.hub-number{font-size:48px}.hub-cta{padding:26px}.hub-feature .hub-btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.rock-custom-header,.rock-custom-footer,.hub-preview,.hub-actions,.hub-cta{display:none!important}.hub-hero{background:#fff;color:#142334}.hub-hero p,.hub-hero h1 span{color:#142334}.hub-art{max-width:220px}.hub-section{padding:20px 0}.hub-feature{break-inside:avoid}.hub-category-grid{display:block}.hub-category{margin:10px 0}.hub-category summary{min-height:0}.hub-principles{display:block}}
/* Categories are the first decision surface; artwork belongs to each choice. */
.hub-hero-compact{padding:22px 0 25px}.hub-intro-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.hub-hero-compact h1{font-size:clamp(28px,3vw,40px);margin:7px 0 6px;letter-spacing:-.035em}.hub-hero-compact p{font-size:15px;margin:0;max-width:760px}.hub-intro-row>.hub-btn{flex-shrink:0}.hub-hero-compact .hub-eyebrow{font-size:10px}.hub-preview{padding:5px 20px;font-size:11px}#tool-categories{padding:25px 0 42px}#tool-categories h2{font-size:30px;margin:4px 0 8px}#tool-categories .hub-section-title>.hub-eyebrow,#tool-categories .hub-section-title .hub-eyebrow{font-size:10px}#tool-categories>.hub-wrap>.hub-lead{font-size:13px;margin-bottom:19px}#tool-categories .hub-section-title>p{font-size:12px;margin:0 0 8px;max-width:300px}.hub-category-grid{gap:20px}.hub-category{box-shadow:0 8px 24px #07172708}.hub-category summary{padding:0;min-height:0}.hub-category summary::after{content:none}.hub-category-art{display:block;width:100%;height:auto;aspect-ratio:2/1;border-bottom:1px solid #2e4b62}.hub-card-copy{display:block;padding:18px 21px 20px}.hub-category-icon{font-size:9px;color:#6e8191;font-weight:650;letter-spacing:.12em}.hub-category summary strong{font-size:20px;margin:7px 0 8px}.hub-category-desc{display:block;font-size:13px;line-height:1.5;color:#526579;min-height:59px}.hub-category-count{display:block;font-size:15px;line-height:1.45;font-weight:800;color:#075987;margin-top:13px}.hub-expand{display:flex;gap:9px;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid #dce6ed;color:#0b67c2;font-size:13px;font-weight:800}.hub-expand-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #a9cfdf;border-radius:50%;background:#eef8fb;flex-shrink:0;font-size:20px;line-height:1}.hub-expand-icon::before{content:'+'}.hub-expand-open{display:none}.hub-category[open] .hub-expand-icon::before{content:'−'}.hub-category[open] .hub-expand-closed{display:none}.hub-category[open] .hub-expand-open{display:inline}.hub-category summary:focus-visible{outline-offset:-4px;border-radius:12px}.hub-category[open]{border-color:#7eb7ce;box-shadow:0 12px 30px #07172710}.hub-category[open] summary{border-bottom:0}.hub-tool-list{padding-top:0}.hub-category[open] .hub-tool-list{border-top:1px solid #dce6ed;margin-top:0}.hub-tool-list li:first-child{border-top:0}.hub-expand-icon,.hub-category summary{transition:background-color .15s,border-color .15s}.hub-category summary:hover .hub-expand-icon{background:#d5f2f9;border-color:#0b67c2}.hub-category summary:hover strong{color:#0b67c2}
@media(min-width:1100px){.hub-category-art{max-height:180px}.hub-category summary strong{min-height:50px}.hub-category-desc{min-height:59px}}
@media(max-width:900px){.hub-intro-row{align-items:start;gap:16px}.hub-intro-row>.hub-btn{font-size:12px;padding:12px}.hub-hero-compact h1{font-size:32px}}
@media(max-width:650px){.hub-intro-row{display:block}.hub-hero-compact{padding:17px 0}.hub-hero-compact h1{font-size:30px}.hub-hero-compact p{font-size:14px}.hub-intro-row>.hub-btn{margin-top:13px;min-height:44px}.hub-category-art{max-height:185px}.hub-category summary strong{min-height:0}.hub-category-desc{min-height:0}.hub-category-count{font-size:16px}.hub-card-copy{padding:17px 20px}.hub-section-title{display:block}#tool-categories .hub-section-title>p{max-width:none;font-size:12px;margin:0 0 8px}#tool-categories h2{font-size:27px}#tool-categories>.hub-wrap>.hub-lead{margin-bottom:14px}.hub-category-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){.hub-expand-icon,.hub-category summary{transition:none}}

/* Compact cards: put the explicit expansion cue immediately below the art. */
.hub-category summary>.hub-expand{margin:0;padding:9px 17px;min-height:44px;border-top:0;border-bottom:1px solid #dce6ed;background:#eef8fb;gap:8px}
.hub-card-copy{padding:11px 17px 14px}
.hub-category summary strong{min-height:0;margin:5px 0 6px;line-height:1.2}
.hub-category-desc{min-height:0;line-height:1.45}
.hub-category-count{margin-top:9px;line-height:1.35}
.hub-category-icon{line-height:1.2}
.hub-category-grid{gap:16px}
.hub-tool-list{padding:0 17px 10px}
.hub-tool-list li{padding:12px 0}
.hub-tool-list p{margin:5px 0;line-height:1.45}
@media(max-width:650px){.hub-card-copy{padding:10px 16px 13px}.hub-category summary>.hub-expand{padding:8px 16px}.hub-category-count{margin-top:8px}}

/* Keep the action and availability together immediately beneath each graphic. */
.hub-category summary>.hub-expand{font-size:15px;padding-bottom:4px;border-bottom:0;min-height:40px}
.hub-category summary>.hub-category-count{margin:0;padding:0 17px 10px 50px;font-size:15px;line-height:1.35;background:#eef8fb;border-bottom:1px solid #dce6ed}
@media(max-width:650px){.hub-category summary>.hub-expand{font-size:16px;padding-bottom:4px}.hub-category summary>.hub-category-count{padding:0 16px 9px 49px;font-size:15px}}

/* Reduce the two review-requested transitions without changing card spacing. */
#tool-categories{padding-bottom:24px}
section[aria-labelledby="start-title"]{padding-top:28px;padding-bottom:24px}
section[aria-labelledby="principles-title"]{padding-top:24px}
@media(max-width:650px){#tool-categories{padding-bottom:20px}section[aria-labelledby="start-title"]{padding-top:24px;padding-bottom:16px}section[aria-labelledby="principles-title"]{padding-top:20px}}