@charset "UTF-8";

/* Founder refresh: interface illustrations, quiet motion, and a readable footer. */
:root {
    --bg: #fffdfb;
    --soft: #f7f3f8;
    --line: #e7dfe9;
    --text: #261a30;
    --muted: #65536e;
    --gradient: linear-gradient(115deg, #7024bb 0%, #a62683 42%, #ba2264 72%, #ad4129 100%);
    --refresh-shadow: 0 20px 60px #5c245812;
}

body { isolation: isolate; background: var(--bg); }
.ambient-backdrop { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.ambient-orb { position: absolute; display: block; width: min(66vw, 780px); aspect-ratio: 1; border-radius: 50%; opacity: .64; }
.ambient-orb:nth-child(1) { top: -280px; right: -280px; background: radial-gradient(circle, #efd4f075 0, #f3d9ed3d 36%, transparent 70%); }
.ambient-orb:nth-child(2) { top: 46vh; left: -420px; background: radial-gradient(circle, #ffe0d35c 0, #fdebe82b 36%, transparent 70%); }
.ambient-orb:nth-child(3) { bottom: -420px; right: -180px; background: radial-gradient(circle, #ded2fb66 0, #e8e0f52b 36%, transparent 70%); }
.js-ready .ambient-orb { animation: ambient-drift 18s ease-in-out infinite alternate; }
.js-ready .ambient-orb:nth-child(2) { animation-name: ambient-drift-left; animation-delay: -6s; }
.js-ready .ambient-orb:nth-child(3) { animation-delay: -12s; }
[data-motion-paused=true] .ambient-orb { animation-play-state: paused; }
@keyframes ambient-drift { from { transform: translate(-25px, -20px) scale(.97); } to { transform: translate(25px, 30px) scale(1.05); } }
@keyframes ambient-drift-left { from { transform: translate(25px, 25px) scale(.97); } to { transform: translate(-25px, -25px) scale(1.05); } }
.motion-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; max-width: 100%; padding: 10px 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); font-size: 12px; line-height: 1.4; font-weight: 650; text-align: center; transition: border-color .18s, background .18s; }
.motion-toggle .icon { width: 16px; height: 16px; }
.motion-toggle:hover { border-color: var(--purple); background: var(--soft); }
.motion-toggle[aria-pressed=true] { color: var(--purple); border-color: var(--purple); background: var(--tint); }
html:not(.js-ready) .motion-toggle { display: none; }
.independent { flex-wrap: wrap; gap: 10px 15px; }
.independent>p { flex: 1 1 min(600px, calc(100% - 35px)); min-width: 0; }
.independent>.motion-toggle { flex: none; margin-left: auto; }
.disclosure-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; }
.disclosure-inner>span, .disclosure-inner>p { flex: 1 1 min(600px, 100%); min-width: 0; }
.disclosure-inner>p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
.disclosure-inner>.motion-toggle { flex: none; margin-left: auto; }

body .button, body .download-nav, body .small-cta {
    position: relative; isolation: isolate; overflow: hidden;
    background: var(--gradient); background-size: 175% 100%; background-position: 8% 50%;
    border: 1px solid #822f832b;
    box-shadow: inset 0 1px 0 #ffffff38, inset 0 -2px 0 #52195235, 0 9px 21px #86206524;
    text-shadow: 0 1px 1px #4e174129;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    animation: button-color-arrive 4.3s ease-out 1;
}
body .button::after, body .download-nav::after, body .small-cta::after {
    content: ""; position: absolute; inset: -25% auto -25% -90%; width: 55%; pointer-events: none;
    background: linear-gradient(90deg, transparent, #ffffff19 50%, transparent); transform: skewX(-18deg);
}
body .button:hover, body .download-nav:hover, body .small-cta:hover {
    transform: translateY(-2px); text-decoration: none;
    box-shadow: inset 0 1px 0 #ffffff42, inset 0 -2px 0 #52195235, 0 13px 25px #86206532;
}
body .button:hover::after, body .download-nav:hover::after, body .small-cta:hover::after,
body .button:focus-visible::after, body .download-nav:focus-visible::after, body .small-cta:focus-visible::after { animation: button-sheen 1s ease-out 1; }
body .button:active, body .download-nav:active { transform: translateY(1px); box-shadow: inset 0 1px 3px #42133c26, 0 3px 9px #86206520; }
@keyframes button-color-arrive { from { background-position: 95% 50%; } to { background-position: 8% 50%; } }
@keyframes button-sheen { from { left: -90%; } to { left: 145%; } }
body .button.button-secondary { background: var(--surface); color: var(--text); border: 1px solid var(--line); text-shadow: none; box-shadow: 0 4px 13px #572c5110, inset 0 1px 0 #ffffff55; animation: none; }
body .button.button-secondary::after { background: linear-gradient(90deg, transparent, #b1267510, transparent); }
body .button:disabled, body .button[aria-disabled="true"] { background: var(--soft); color: var(--muted); border: 1px solid var(--line); box-shadow: none; text-shadow: none; transform: none; animation: none; }
body .button:disabled::after, body .button[aria-disabled="true"]::after { display: none; }

.hero-workbench {
    position: relative; min-width: 0; overflow: hidden; padding: 28px; border-radius: 30px;
    border: 1px solid #decddf; background: linear-gradient(155deg, #fff 4%, #f9f0fa 69%, #ffede5 100%);
    box-shadow: 0 24px 70px #572d4f15, inset 0 1px 0 #fff;
}
.hero-workbench::before { content: ""; position: absolute; top: 0; left: 25px; right: 25px; height: 3px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, #7835c8, #cb287c, #e98354); }
.workbench-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
.workbench-label { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; letter-spacing: .11em; font-weight: 750; color: #745d7c; text-transform: uppercase; }
.workbench-label .icon { width: 15px; height: 15px; }
.workbench-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; line-height: 1.4; font-weight: 650; padding: 6px 10px; border: 1px solid #decddd; border-radius: 99px; color: #7b3478; background: #fffafec9; }
.workbench-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 25px; }
.workbench-heading>div { min-width: 0; }
.workbench-emblem { display: grid; place-items: center; width: 64px; height: 64px; flex: none; border-radius: 19px; color: #fff; background: var(--gradient); box-shadow: 0 7px 20px #a42c8322, inset 0 1px 0 #ffffff55; }
.workbench-emblem .icon { width: 31px; height: 31px; }
.workbench-heading h2, .workbench-heading>strong { display: block; color: #2c1c35; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.18; letter-spacing: -.045em; margin: 0 0 10px; }
.workbench-heading p { color: #715d77; font-size: 14px; line-height: 1.65; margin: 0; }
.workbench-path { display: grid; gap: 12px; }
.workbench-node { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 15px 17px; border: 1px solid #e5d9e7; border-radius: 16px; background: #ffffffd9; color: #35253c; box-shadow: 0 4px 15px #74436a06; }
a.workbench-node { transition: transform .18s, border-color .18s; }
a.workbench-node:hover { border-color: #a577bc; transform: translateX(3px); text-decoration: none; }
.workbench-number { display: grid; place-items: center; width: 39px; height: 39px; flex: none; color: #81398c; border: 1px solid #eadbec; border-radius: 12px; background: #faf1fc; font-size: 13px; font-weight: 750; }
.workbench-number .icon { width: 20px; height: 20px; }
.workbench-copy { min-width: 0; }
.workbench-copy strong { display: block; font-size: 15px; line-height: 1.4; color: #35253c; }
.workbench-copy small { display: block; font-size: 12px; line-height: 1.6; color: #78627e; margin-top: 3px; }
.workbench-node>.icon { width: 17px; height: 17px; color: #a9478b; margin-left: auto; }
.workbench-footer { display: flex; align-items: center; gap: 8px; padding-top: 20px; margin: 0; color: #745b77; font-size: 12px; line-height: 1.6; }
.workbench-footer .icon { width: 15px; height: 15px; }
.guide-choice-controls { border-top: 1px solid #e3d4e4; margin-top: 20px; padding-top: 15px; }
.guide-choice-controls[hidden] { display: none; }
.guide-choice-controls>p:first-child { color: #674f70; margin: 0 0 10px; font-size: 13px; line-height: 1.5; font-weight: 650; }
.guide-choice-controls>[role=group] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.guide-choice-controls [data-guide-choice] { min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #e2d2e6; border-radius: 11px; background: #fffafec9; color: #674f70; font-size: 12px; line-height: 1.35; font-weight: 650; transition: border-color .18s, background .18s, box-shadow .18s; }
.guide-choice-controls [data-guide-choice]:hover { border-color: #ad7bb8; background: #fbf0fc; }
.guide-choice-controls [data-guide-choice][aria-pressed=true] { border-color: #842c81; background: var(--gradient); color: #fff; box-shadow: inset 0 1px 0 #ffffff29, 0 3px 9px #87206d18; }
.workbench-recommendation { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: 12px; padding: 10px 13px; border: 1px solid #e5cde2; border-radius: 11px; color: #8b2b7b; background: #fff9fc; transition: border-color .18s, background .18s; }
.workbench-recommendation strong { font-size: 13px; line-height: 1.4; }
.workbench-recommendation .icon { width: 17px; height: 17px; }
.workbench-recommendation:hover { text-decoration: none; border-color: #b170a6; background: #fcf0fa; }
.guide-choice-controls .guide-choice-status { margin: 7px 0 0; color: #705875; font-size: 11px; line-height: 1.5; }
.hero-art figcaption { max-width: 470px; margin: 12px auto 0; }
.page-art .hero-workbench { padding: 27px; }
.page-art .workbench-header { margin-bottom: 22px; }
.page-art .workbench-heading { margin-bottom: 22px; }
.page-art .workbench-emblem { width: 52px; height: 52px; border-radius: 16px; }
.page-art .workbench-emblem .icon { width: 27px; height: 27px; }
.page-art .workbench-heading h2, .page-art .workbench-heading>strong { font-size: 27px; }

body .guide-card { border-color: #e6dce8; box-shadow: 0 5px 20px #5a315607; }
body .guide-card:hover { transform: translateY(-4px); box-shadow: var(--refresh-shadow); border-color: #cda8d2; }
body .guide-visual { height: 190px; align-items: center; padding: 23px; position: relative; }
.topic-visual { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; min-width: 0; padding: 25px; border: 1px solid var(--line); border-radius: 21px; color: var(--text); background: linear-gradient(140deg, var(--surface), var(--tint)); }
.topic-visual-icon { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 17px; color: #863480; background: #ffffffb3; border: 1px solid #e4cfe7; box-shadow: 0 6px 18px #6a356011; }
.topic-visual-icon .icon { width: 31px; height: 31px; }
.topic-visual-label { font-size: 14px; line-height: 1.4; font-weight: 750; letter-spacing: -.015em; }
.topic-visual-detail { font-size: 12px; line-height: 1.6; color: var(--muted); }
.topic-visual-line { height: 6px; width: 78%; max-width: 180px; border-radius: 99px; background: #a667b128; }
.topic-visual-line:last-child { width: 54%; }
.guide-visual .topic-visual { align-items: center; text-align: center; padding: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background: transparent; gap: 12px; }
.guide-visual .topic-visual-icon { width: 64px; height: 64px; }
.guide-visual .topic-visual-label { font-size: 13px; }
.guide-visual .topic-visual-detail { font-size: 11px; }
.guide-visual-tag { position: absolute; bottom: 14px; left: 18px; font-size: 9px; font-weight: 700; letter-spacing: .1em; color: #775b7d; }
.topic-visual svg:not(.icon) { max-width: 100%; height: auto; }
/* Landscape checklists leave the enlarge action below the diagram text. */
body .gallery-trigger { padding: 12px 12px 46px; background: var(--surface); border-radius: 19px; }
body .gallery-trigger img, .prose .gallery-trigger img { width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: contain; border: 0; border-radius: 11px; filter: none; }
.gallery-enlarge { border: 1px solid var(--line); background: var(--soft); color: var(--text); box-shadow: none; bottom: 10px; right: 12px; }
.gallery-grid { align-items: start; }
.prose .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.gallery-dialog { width: min(900px, calc(100% - 36px)); }
.gallery-dialog-image { width: 100%; height: auto; max-height: min(70dvh, 560px); aspect-ratio: 3 / 2; object-fit: contain; border-radius: 15px; }
.gallery-dialog-caption { line-height: 1.7; }
.editorial-block { grid-template-columns: minmax(0, 1fr); padding: 42px; background: var(--soft); }
.editorial-note { border-left: 0; border-top: 1px solid var(--line); padding: 25px 0 0; max-width: 780px; }
.editorial-block .prose { min-width: 0; }
.editorial-block .prose section:last-child { margin-bottom: 0; }
.home-reference { max-width: 1060px; margin: 0 auto 68px; }
.home-reference>.prose { font-size: 17px; line-height: 1.85; }
.home-reference .decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-reference .prose section { padding: 28px 0 10px; border-bottom: 1px solid var(--line); }
.home-reference .prose section:last-child { border-bottom: 0; }
.home-reference .prose h2 { max-width: 840px; }
.home-reference .prose>section>p { max-width: 870px; }
.page-hero-grid--info { grid-template-columns: minmax(0, 1fr); max-width: 940px; padding-bottom: 10px; }
.page-hero-grid--info .page-hero { padding-bottom: 5px; }
.feature-topic, .decision-card, .step-card { box-shadow: 0 4px 18px #572d4f05; }
.prose .feature-grid, .prose .decision-grid, .prose .step-grid { align-items: start; }
.prose h2 { line-height: 1.2; }

.founder-card { display: flex; align-items: flex-start; gap: 25px; padding: 32px; margin: 34px 0; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(120deg, var(--surface) 0%, var(--soft) 100%); box-shadow: var(--refresh-shadow); }
.founder-monogram { display: grid; place-items: center; width: 76px; height: 76px; flex: none; border-radius: 22px; color: #fff; background: var(--gradient); font-size: 24px; font-weight: 750; letter-spacing: -.06em; box-shadow: inset 0 1px 0 #ffffff44, 0 8px 20px #8731781f; }
.founder-copy { min-width: 0; flex: 1; }
.founder-copy h2, .founder-copy h3 { font-size: 27px; margin: 0 0 10px; }
.founder-copy p { font-size: 15px; line-height: 1.75; margin-bottom: 17px; max-width: 760px; }
.founder-copy .eyebrow { margin-bottom: 9px; }
.social-profile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.prose .social-profile-links a { display: flex; align-items: center; min-height: 52px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--text); font-size: 14px; font-weight: 650; text-decoration: none; overflow-wrap: anywhere; box-shadow: 0 3px 10px #63285008; }
.prose .social-profile-links a:hover { border-color: var(--pink); background: var(--soft); }
@media (max-width: 650px) { .social-profile-links { grid-template-columns: 1fr; } }
.social-links { display: flex; flex-wrap: wrap; gap: 9px; padding: 0; list-style: none; }
.social-links li { margin: 0; padding: 0; }
.social-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 11px; color: var(--text); background: var(--surface); font-size: 12px; line-height: 1.4; font-weight: 650; transition: transform .18s, border-color .18s, background .18s; }
.social-link .icon { width: 18px; height: 18px; }
.social-link:hover { text-decoration: none; transform: translateY(-2px); border-color: #b68bbd; background: var(--tint); }
.prose a.social-link { text-decoration: none; }

body .site-footer { position: relative; isolation: isolate; background: linear-gradient(125deg, #20142d 0%, #232037 55%, #321b37 100%); border-top: 0; color: #f8f2fc; padding: 62px 0 28px; }
.site-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #8650e1, #db3c9a 50%, #f49463); }
body .site-footer .brand, body .site-footer .brand-name, body .site-footer h2, body .site-footer h3 { color: #fff9ff; }
body .site-footer .eyebrow { color: #f1a8d4; }
body .site-footer .brand-sub, body .site-footer p, body .site-footer small { color: #d2c6da; }
body .site-footer .footer-column a, body .site-footer .footer-bottom a { color: #e3d7ec; }
body .site-footer .footer-column a:hover, body .site-footer .footer-bottom a:hover { color: #ffffff; text-decoration: underline; text-decoration-color: #ef83ba; text-underline-offset: 5px; }
body .site-footer .footer-column h2 { font-size: 14px; letter-spacing: .01em; margin-bottom: 17px; }
body .site-footer .footer-column a { font-size: 14px; line-height: 1.6; padding: 8px 0; margin: 0; }
body .site-footer .footer-brand p { font-size: 14px; max-width: 355px; margin-top: 20px; }
body .site-footer .footer-bottom { border-color: #ffffff22; color: #cec1da; margin-top: 30px; padding-top: 23px; }
body .site-footer .footer-bottom p { color: #cec1da; font-size: 12px; line-height: 1.8; }
.site-footer .footer-top { gap: 38px; margin-bottom: 0; }
.site-footer .footer-download { display: inline-flex; font-size: 13px; margin-top: 6px; }
.site-footer .footer-founder { margin-top: 32px; padding-top: 28px; border-top: 1px solid #ffffff22; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-footer .founder-strip { margin-top: 32px; padding-top: 28px; border-top: 1px solid #ffffff22; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-footer .footer-founder strong { display: block; font-size: 15px; color: #fff; }
.site-footer .footer-founder p { font-size: 13px; margin: 5px 0 0; }
.site-footer .founder-strip strong { display: block; font-size: 15px; color: #fff; }
.site-footer .founder-strip p { font-size: 13px; margin: 5px 0 0; }
.site-footer .social-links { gap: 8px; margin: 0; }
body .site-footer .social-link { background: #ffffff08; border-color: #ffffff2b; color: #f3eafa; min-height: 44px; }
body .site-footer .social-link:hover { background: #8e3a8940; border-color: #bf81bb; color: #fff; }
.site-footer a:focus-visible { outline-color: #f2c8ee; }
.site-footer .footer-bottom .icon { display: inline-block; vertical-align: middle; width: 14px; height: 14px; }

[data-theme=dark] { --bg: #16111c; --surface: #21182b; --soft: #291f33; --text: #f6eff7; --muted: #c3b4c8; --line: #46344e; --refresh-shadow: 0 20px 60px #00000026; }
[data-theme=dark] .button, [data-theme=dark] .download-nav, [data-theme=dark] .small-cta { background: var(--gradient); background-size: 175% 100%; background-position: 8% 50%; }
[data-theme=dark] .ambient-orb { opacity: .18; }
[data-theme=dark] .hero-workbench { background: linear-gradient(150deg, #292036, #302139 66%, #382332); border-color: #60445f; box-shadow: 0 24px 60px #0002, inset 0 1px 0 #ffffff09; }
[data-theme=dark] .workbench-label, [data-theme=dark] .workbench-heading p, [data-theme=dark] .workbench-copy small, [data-theme=dark] .workbench-footer { color: #cab6d1; }
[data-theme=dark] .workbench-heading h2, [data-theme=dark] .workbench-heading>strong, [data-theme=dark] .workbench-copy strong { color: #f8ecff; }
[data-theme=dark] .workbench-badge { background: #472b44; border-color: #6a4968; color: #edbbdd; }
[data-theme=dark] .workbench-node { background: #3a2947bf; border-color: #65446b; color: #f2e6f7; }
[data-theme=dark] .workbench-number { background: #4d2d51; border-color: #76477c; color: #e6b7ea; }
[data-theme=dark] .workbench-node>.icon { color: #ecabd4; }
[data-theme=dark] .guide-choice-controls { border-color: #68476c; }
[data-theme=dark] .guide-choice-controls>p:first-child, [data-theme=dark] .guide-choice-controls .guide-choice-status { color: #d3b8dc; }
[data-theme=dark] .guide-choice-controls [data-guide-choice] { border-color: #715078; background: #3e2b4b; color: #f1dff8; }
[data-theme=dark] .guide-choice-controls [data-guide-choice]:hover { border-color: #be8bc2; background: #4c3156; }
[data-theme=dark] .guide-choice-controls [data-guide-choice][aria-pressed=true] { border-color: #cd81c7; background: var(--gradient); color: #fff; }
[data-theme=dark] .workbench-recommendation { color: #f1c3e5; background: #442b47; border-color: #84517f; }
[data-theme=dark] .workbench-recommendation:hover { background: #4c3156; border-color: #c187b8; }
[data-theme=dark] .gallery-trigger { background: var(--surface); }
[data-theme=dark] .topic-visual-icon { background: #472e4d; border-color: #734b77; color: #e9b2db; }
[data-theme=dark] .guide-visual-tag { color: #debadc; }
[data-theme=dark] .guide-card { border-color: var(--line); }
[data-theme=dark] .guide-card:hover { border-color: #916492; }
[data-theme=dark] .social-link:hover { border-color: #b68bbd; }

@media (max-width: 1100px) {
    .hero-workbench { padding: 23px; }
    .workbench-label { font-size: 10px; }
    .workbench-header { gap: 8px; }
    .workbench-badge { font-size: 10px; padding: 6px 8px; }
    .workbench-node { padding: 13px; gap: 11px; }
    .workbench-copy strong { font-size: 14px; }
    .site-footer .footer-top { gap: 28px; }
    .site-footer .footer-founder { align-items: flex-start; flex-direction: column; gap: 16px; }
    .site-footer .founder-strip { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 850px) {
    .workbench-header { flex-wrap: wrap; margin-bottom: 20px; }
    .workbench-heading h2, .workbench-heading>strong { font-size: 25px; }
    .workbench-heading p { font-size: 13px; }
    .workbench-number { width: 32px; height: 32px; border-radius: 9px; }
    .workbench-copy small { font-size: 11px; }
    .guide-choice-controls [data-guide-choice] { padding: 8px 5px; font-size: 11px; }
    .editorial-block { padding: 32px; }
    .site-footer .footer-column:last-child { display: block; grid-column: auto; }
    .site-footer .footer-top { grid-template-columns: 1fr 1fr; gap: 34px; }
    .site-footer .footer-brand { grid-column: 1 / -1; }
    .site-footer .footer-brand p { max-width: 540px; }
}
@media (max-width: 650px) {
    .hero-workbench, .page-art .hero-workbench { padding: 23px; border-radius: 24px; }
    .workbench-header { margin-bottom: 22px; }
    .workbench-heading h2, .workbench-heading>strong, .page-art .workbench-heading h2, .page-art .workbench-heading>strong { font-size: 27px; }
    .workbench-heading p { font-size: 14px; }
    .workbench-number { width: 37px; height: 37px; border-radius: 11px; }
    .workbench-copy strong { font-size: 14px; }
    .workbench-copy small { font-size: 12px; }
    .workbench-node { padding: 14px; }
    .workbench-heading { gap: 13px; }
    .workbench-emblem { width: 56px; height: 56px; border-radius: 17px; }
    .guide-choice-controls [data-guide-choice] { font-size: 11px; }
    .workbench-recommendation strong { font-size: 12px; }
    .prose .gallery-grid { gap: 16px; }
    .gallery-dialog { width: calc(100% - 24px); padding: 14px; border-radius: 19px; }
    .gallery-dialog-image { max-height: 65dvh; border-radius: 11px; }
    .independent>.motion-toggle { max-width: calc(100% - 32px); margin-left: 32px; margin-right: auto; }
    .disclosure-inner>.motion-toggle { margin-left: 0; margin-right: auto; }
    body .guide-visual { height: 168px; padding: 19px; }
    .guide-visual .topic-visual-icon { width: 56px; height: 56px; border-radius: 15px; }
    .editorial-block { padding: 25px 21px; }
    .editorial-block .prose h2 { font-size: 27px; }
    .home-reference { margin-bottom: 42px; }
    .home-reference .decision-grid { grid-template-columns: 1fr; }
    .founder-card { display: block; padding: 23px; margin: 28px 0; }
    .founder-monogram { width: 61px; height: 61px; border-radius: 18px; font-size: 22px; margin-bottom: 18px; }
    .founder-copy { width: 100%; }
    .founder-copy h2, .founder-copy h3 { font-size: 23px; }
    .founder-copy .social-links { width: 100%; margin-top: 21px; }
    .founder-copy p { font-size: 14px; }
    .social-links { gap: 8px; }
    .social-link { padding: 10px 11px; }
    body .site-footer { padding: 45px 0 26px; margin-top: 30px; }
    .site-footer .footer-top { gap: 28px 20px; }
    body .site-footer .footer-column h2 { margin-bottom: 13px; }
    body .site-footer .footer-column a { font-size: 13px; padding: 8px 0; }
    .site-footer .footer-founder { margin-top: 26px; padding-top: 23px; }
    .site-footer .founder-strip { margin-top: 26px; padding-top: 23px; }
    .site-footer .social-link { font-size: 11px; padding: 9px 11px; }
    body .site-footer .footer-bottom { flex-direction: column; gap: 12px; margin-top: 24px; }
    .ambient-orb { width: 580px; }
}
@media (max-width: 380px) {
    .hero-workbench, .page-art .hero-workbench { padding: 20px; }
    .workbench-badge { padding-inline: 7px; }
    .workbench-copy strong { font-size: 13px; }
    .workbench-copy small { font-size: 11px; }
    .workbench-heading h2, .workbench-heading>strong { font-size: 25px; }
    .guide-choice-controls>[role=group] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .social-link { font-size: 11px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .motion-toggle { display: none !important; }
    .ambient-orb, body .button, body .download-nav, body .small-cta,
    body .button::after, body .download-nav::after, body .small-cta::after { animation: none !important; }
    body .button, body .download-nav, body .small-cta, .social-link, a.workbench-node, body .guide-card,
    .guide-choice-controls [data-guide-choice], .workbench-recommendation, .motion-toggle { transition: none; }
    body .button:hover, body .download-nav:hover, body .small-cta:hover, .social-link:hover, a.workbench-node:hover, body .guide-card:hover { transform: none; }
}