/* Directory, shared navigation, and the small research workbench. */
:root{--paper:#f9faf7;--ink:#20312b;--muted:#69756e;--line:#e1e6df;--blue:#3451db;--pale:#eef0fb}

[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{width:calc(100% - 96px);max-width:1320px}
.site-header{background:#f9faf7f5;backdrop-filter:blur(12px)}
.nav-row{height:88px}
.brand{font-size:26px;letter-spacing:-1.2px;gap:9px}
.brand-mark{width:34px;height:34px;font-size:29px;background:var(--ink)}
.brand-descriptor{font-size:10px;letter-spacing:1.8px;font-weight:600;margin-left:1px;align-self:center;color:var(--muted)}
.nav-links{gap:29px}
.nav-links a{font-size:13px}
.nav-new{font-size:10px;padding:2px 5px;background:#e8eccf;border-radius:4px;margin-left:4px}
.nav-links .nav-cta{border-radius:6px;padding:12px 18px}
.nav-links .nav-cta[aria-current=page]{color:white}
.nav-cta span{margin-left:14px}
.overline{font-size:10px;letter-spacing:1.9px;font-weight:650;margin-bottom:20px;text-transform:uppercase}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70894a;margin-right:8px;vertical-align:middle}
.directory-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;padding-block:55px 48px;align-items:center}
.directory-intro h1{font-size:clamp(54px,5.4vw,78px);letter-spacing:-4px;line-height:1.03;margin-bottom:22px}
.directory-intro h1 em{color:var(--blue);font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:1.1em;letter-spacing:-2.3px}
.directory-lead{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:25px}
.hero-jump{display:flex;align-items:center;gap:24px}
.hero-jump .button{min-height:44px;padding:10px 19px;border-radius:6px;gap:20px;font-size:12px}
.quiet-link{background:none;border:0;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer}
.quiet-link:hover{text-decoration:underline}
.hero-facts{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:29px}
.hero-facts b{color:var(--ink);font-weight:650;margin-right:3px}
.feature-spotlight{background:#eeecf5;border:1px solid #e1dfea;border-radius:12px;overflow:hidden}
.spotlight-head{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font-size:8px;letter-spacing:1.2px;font-weight:650}
.feature-disclosure{letter-spacing:0;font-weight:400;color:#645978}
.story-art{height:202px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#d3cde7,transparent 55%)}
.story-sheet{position:absolute;background:#f9f8fb;width:228px;height:170px;border:1px solid #c8c1d6;box-shadow:0 10px 18px #2f284c14;border-radius:7px;padding:15px 20px}
.sheet-back{top:10px;right:27px;transform:rotate(8deg);background:#28253c;color:#bdb3d2}
.story-sheet>span{font-size:7px;letter-spacing:1.5px;display:block}
.sheet-back i{width:20px;display:inline-block;margin:15px 3px 0;background:#a199db;border-radius:3px;height:45px}
.sheet-back i:nth-child(3){height:68px;background:#d2c99e}
.sheet-back i:nth-child(4){height:85px;background:#e7e4f3}
.sheet-front{top:11px;left:25px;transform:rotate(-7deg)}
.sheet-front strong{display:block;font-size:29px;line-height:1.04;letter-spacing:-1.2px;margin-top:10px;font-weight:600}
.sheet-front em{font-family:'Instrument Serif',Georgia,serif;color:#705fa0}
.story-sheet small{font-size:6px;display:block;color:#776d88;margin-top:10px}
.story-wave{display:flex;align-items:end;gap:3px;position:absolute;right:19px;bottom:20px;height:23px}
.story-wave b{width:4px;background:#9990bb;height:8px;border-radius:5px}
.story-wave b:nth-child(3n){height:23px}
.story-wave b:nth-child(2n){height:15px}
.art-caption{position:absolute;bottom:7px;right:20px;font-size:6px;letter-spacing:1.2px;color:#746b87}
.spotlight-copy{display:flex;justify-content:space-between;gap:16px;background:#f6f4fb;padding:18px 20px;align-items:center}
.spotlight-copy h2{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}
.spotlight-copy h2 span{font-size:13px}
.spotlight-copy p{font-size:11px;line-height:1.6;max-width:220px;margin:0;color:#6d657b}
.spotlight-link{font-size:10px;text-decoration:none;white-space:nowrap;border:1px solid #cec8dc;padding:8px 11px;border-radius:5px}
.spotlight-link:hover{background:white}
.directory-divider{border-block:1px solid var(--line)}
.directory-divider .container{display:flex;align-items:center;justify-content:space-between;padding-block:15px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}
.directory-divider a{font-size:10px;letter-spacing:0;text-decoration:none}
.directory-layout{display:grid;grid-template-columns:181px minmax(0,1fr);gap:45px;padding-block:42px 55px}
.directory-main,.directory-sidebar{min-width:0}
.directory-sidebar{align-self:start;position:sticky;top:111px}
.sidebar-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:16px}
.category-controls{display:flex;flex-direction:column;gap:4px}
.category-button{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;width:100%;padding:11px 12px;text-align:left;font-size:11px;border-radius:6px;color:var(--muted);cursor:pointer}
.category-button b{font-weight:400;font-size:10px}
.category-button:hover{background:#eef0ea}
.category-button.is-active{background:#e9ede3;color:var(--ink);font-weight:600}
.sidebar-note{margin-top:38px;border:1px solid #dee3d5;padding:18px 15px;border-radius:8px;background:#f2f4e9}
.note-icon{font-size:22px}
.sidebar-note h3{font-size:16px;margin:13px 0 9px;letter-spacing:-.4px}
.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:14px}
.sidebar-note a{font-size:10px;font-weight:600;text-decoration:none}
.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}
.directory-heading .overline{font-size:8px;margin-bottom:8px;letter-spacing:1.8px;color:var(--muted)}
.directory-heading h2{font-size:27px;letter-spacing:-.9px;margin:0}
.directory-heading>p{text-align:right;font-size:10px;margin:0;white-space:nowrap}
.checked-date{display:block;font-size:8px;color:var(--muted);margin-top:5px}
.directory-controls{display:flex;gap:12px;margin-bottom:14px}
.search-field{display:flex;align-items:center;flex:1;gap:12px;background:white;border:1px solid var(--line);border-radius:7px;padding:0 14px;min-width:0}
.search-field svg{flex-shrink:0;color:#8b938c}
.search-field input{min-width:0;width:100%;height:46px;border:0;background:transparent;font-size:12px;outline:none;color:var(--ink)}
.search-field:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.search-field kbd{border:1px solid var(--line);font-size:10px;color:#8d948f;padding:0 5px;border-radius:3px}
.sort-control select{height:48px;border:1px solid var(--line);border-radius:7px;background:white;padding:0 28px 0 13px;font-size:11px;color:var(--ink)}
.filter-row{display:flex;align-items:center;gap:7px;margin-bottom:22px;flex-wrap:wrap}
.filter-chip{border:1px solid var(--line);background:transparent;border-radius:30px;padding:5px 13px;font-size:10px;cursor:pointer;color:var(--muted)}
.filter-chip.is-active{background:var(--ink);border-color:var(--ink);color:white}
.filter-chip span{margin-left:5px;opacity:.75}
.reset-filters{margin-left:auto;font-size:9px;background:none;border:0;text-decoration:underline;color:var(--muted);cursor:pointer}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.resource-card{background:white;border:1px solid var(--line);border-radius:9px;padding:20px;transition:border-color .15s,box-shadow .15s;min-width:0}
.resource-card:hover{border-color:#b9c5b8;box-shadow:0 7px 20px #1d332908}
.resource-top{display:flex;align-items:center;gap:8px;margin-bottom:16px;min-height:36px}
.tool-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;flex-shrink:0;font-size:19px;font-weight:650;letter-spacing:-1px}
.tone-violet{background:#eee8ff;color:#7353ae}
.tone-blue{background:#e8edff;color:#3456db}
.tone-pink{background:#f7e5ed;color:#9f456c}
.tone-green{background:#e8f0dc;color:#4d6f39}
.tone-orange{background:#fff0dd;color:#9c672c}
.tone-teal{background:#dff0ed;color:#267a70}
.tone-ink{background:#eef0ef;color:#202d27}
.resource-badge{font-size:8px;border-radius:4px;background:#f0f4e8;color:#59723d;padding:3px 6px}
.featured-badge{background:#f3effa;color:#645278;font-size:9px}
.save-tool{border:0;background:none;padding:6px;margin-left:auto;line-height:1;cursor:pointer;color:#8d968f}
.save-tool[aria-pressed=true]{color:var(--blue)}
.save-tool[aria-pressed=true] svg{fill:#e1e6ff}
.resource-card h3{font-size:17px;letter-spacing:-.4px;margin-bottom:4px;line-height:1.35}
.resource-card h3 a{display:flex;justify-content:space-between;gap:10px;text-decoration:none}
.resource-card h3 a:hover{color:var(--blue)}
.resource-card h3 a span{font-size:13px;font-weight:400;color:#879087}
.resource-kind{color:var(--muted);font-size:11px;margin:0 0 13px}
.resource-description{font-size:13px;line-height:1.8;color:#637066;min-height:60px;margin-bottom:18px}
.resource-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;padding-top:13px;border-top:1px solid #eef0eb}
.category-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#829479;margin-right:5px}
.cat-explain:before{background:#9b84c1}
.cat-analyze:before{background:#d499a4}
.cat-test:before{background:#839de3}
.cat-interview:before{background:#d3a46b}
.compare-check{display:flex;gap:4px;align-items:center;color:#727e74;cursor:pointer}
.compare-check input{width:12px;height:12px;margin:0;accent-color:var(--blue)}
.resource-details{margin-top:13px;font-size:10px}
.resource-details summary{font-size:11px;color:var(--muted);cursor:pointer}
.resource-details dl{margin:14px 0}
.resource-details dt{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#899088;margin-top:12px}
.resource-details dd{margin:4px 0 0}
.resource-details p{font-size:8px;color:var(--muted);margin:14px 0 0}
.directory-caption{font-size:10px;color:var(--muted);line-height:1.8;margin:22px 0 0}
.directory-notice{font-size:12px;padding:12px;background:var(--pale);border-radius:6px}
.empty-directory{padding:55px;text-align:center;border:1px dashed var(--line);border-radius:10px;background:white}
.empty-directory>span{font-size:35px}
.empty-directory h3{font-size:22px;margin:10px}
.empty-directory p{font-size:13px;color:var(--muted)}
.workflow-section{background:#e9edde;padding:54px 0}
.workflow-heading{display:grid;grid-template-columns:1fr .6fr;gap:0 50px;align-items:end}
.workflow-heading .overline{grid-column:1/-1;font-size:9px;color:#687359;margin-bottom:15px}
.workflow-heading h2{font-size:40px;line-height:1.1;margin:0}
.workflow-heading em{font-family:'Instrument Serif',Georgia,serif;font-size:1.12em}
.workflow-heading>p{font-size:13px;color:#687359;max-width:280px;margin:0}
.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}
.workflow-cards>a{text-decoration:none;border-top:1px solid #bcc7ac;padding:18px 0 0}
.workflow-number{font-size:10px;color:#647753}
.workflow-cards h3{font-size:20px;margin:15px 0 9px}
.workflow-cards p{font-size:12px;color:#687359;margin-bottom:14px}
.workflow-cards b{font-size:10px;font-weight:550}
.workflow-cards>a:hover b{color:var(--blue)}
.directory-journal{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-block:62px}
.directory-journal h2{font-size:37px}
.directory-journal em{font-family:'Instrument Serif',Georgia,serif}
.directory-journal .overline{font-size:9px;color:var(--muted)}
.journal-preview{display:grid;grid-template-columns:160px 1fr;gap:24px;text-decoration:none;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:13px}
.journal-preview img{width:160px;height:180px;object-fit:cover;border-radius:6px}
.journal-preview span{font-size:8px;letter-spacing:1px;color:var(--muted)}
.journal-preview h3{font-size:24px;margin:12px 0}
.journal-preview p{font-size:11px;color:var(--muted);margin-bottom:14px}
.journal-preview b{font-size:10px;font-weight:550}
.site-footer{border-top:1px solid var(--line);background:#f1f3ed;padding:42px 0 25px}
.footer-brand p{font-size:12px}
.footer-note{font-size:10px;color:var(--muted)}
.footer-group b{font-size:9px}
.footer-group a{font-size:11px}
.footer-bottom{font-size:9px}
.compare-tray{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:24px;background:#20312bf5;color:white;border:1px solid #526456;border-radius:10px;padding:14px 20px;box-shadow:0 10px 40px #1a322d22}
.compare-tray strong{display:block;font-size:12px}
.compare-tray span{font-size:10px;color:#c0cbbb}
.compare-tray .button{font-size:11px;min-height:36px;padding:8px 16px;background:#e4eccf;border-color:#e4eccf;color:var(--ink);white-space:nowrap}
.compare-tray .quiet-link{color:white;font-size:11px}
dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:960px;width:calc(100% - 40px);max-height:85vh;color:var(--ink);background:var(--paper)}
dialog::backdrop{background:#11281db3;backdrop-filter:blur(3px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:start}
.dialog-heading h2{font-size:30px;letter-spacing:-1px}
.dialog-heading .overline{font-size:9px}
.dialog-heading button{border:1px solid var(--line);background:white;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:22px}
.comparison-note{font-size:12px;color:var(--muted)}
.comparison-scroll{overflow:auto}
.comparison-scroll table{border-collapse:collapse;width:100%;font-size:12px}
.comparison-scroll th,.comparison-scroll td{border:1px solid var(--line);padding:16px;text-align:left;min-width:170px;vertical-align:top}
.comparison-scroll th{background:#e9edde;font-weight:600}
.comparison-scroll th:first-child{min-width:110px}
.comparison-scroll a{color:var(--blue)}

/* Shared tool layout */
.toolkit-hero h1{font-size:65px}
.tool-benefits{display:flex;gap:24px;margin-top:25px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.tool-benefits span:before{content:'✓';margin-right:7px;color:#728950}
.toolkit-collection{padding-block:45px 70px}
.tools-grid{grid-template-columns:repeat(2,1fr)}
.tools-grid .resource-description{min-height:0}
.toolkit-note{padding:35px;border:1px solid var(--line);border-radius:9px;margin-top:30px;max-width:800px}
.toolkit-note h2{font-size:26px}
.toolkit-note p,.toolkit-note a{font-size:14px}
.workbench-hero{padding-block:34px 32px}
.workbench-hero .breadcrumbs{margin-bottom:23px}
.workbench-hero h1{font-size:48px;letter-spacing:-2px;margin-bottom:17px}
.workbench-hero .lead{font-size:16px;max-width:700px;color:var(--muted)}
.workbench{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding-bottom:45px;align-items:start}
.tool-form,.tool-output{background:white;border:1px solid var(--line);border-radius:10px;padding:28px}
.tool-form h2,.tool-output h2{font-size:22px;letter-spacing:-.6px;margin-bottom:22px}
.tool-form .field{margin-bottom:18px}
.tool-form .field label{font-size:12px}
.tool-form .field input,.tool-form .field select,.tool-form .field textarea{padding:11px;font-size:14px;border-radius:5px;border-color:#d1d9cd}
.tool-form .field textarea{min-height:85px}
.field-hint{font-size:10px;color:var(--muted);margin:6px 0 0}
.tool-form .form-row{gap:14px}
.tool-form .button{font-size:12px;border-radius:5px;padding:10px 17px;min-height:42px}
.tool-form .example-button{background:none;border:0;text-decoration:underline;font-size:11px;cursor:pointer;color:var(--muted);margin-left:14px}
.tool-disclaimer{font-size:10px;color:var(--muted);margin:17px 0 0}
.output-header{display:flex;justify-content:space-between;gap:10px;align-items:center}
.output-header h2{margin:0}
.output-header>span{font-size:9px;color:#77866c;background:#eff4e6;border-radius:20px;padding:4px 9px}
.output-placeholder{padding:35px 8px 20px}
.output-placeholder p{font-size:14px;color:var(--muted)}
.output-placeholder h3{font-size:25px}
.output-placeholder ol{font-size:12px;color:var(--muted);padding-left:20px;line-height:2}
.sample-label{font-size:9px;letter-spacing:1px;color:var(--blue);display:block;margin-bottom:15px}
.result-editor{resize:vertical;width:100%;height:460px;min-height:220px;padding:18px;font:12px/1.8 'DM Sans',Arial,sans-serif;color:var(--ink);background:#fafbf7;border:1px solid var(--line);border-radius:6px;margin-top:20px}
.output-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.output-actions .button{font-size:11px;padding:8px 13px;min-height:37px;border-radius:5px}
.output-status{font-size:11px;margin:10px 0 0;min-height:18px;color:var(--blue)}
.next-step{margin-top:22px;padding:20px;background:#f2effa;border-radius:7px;border:1px solid #e4def0}
.next-step h3{font-size:19px;margin:5px 0 8px}
.next-step p{font-size:11px;color:#716780;margin-bottom:12px}
.next-step a{font-size:12px;color:#564087;font-weight:600}
.next-step small{display:block;margin-top:10px;font-size:9px;color:#716780}
.tool-method{border-top:1px solid var(--line);padding-block:42px 65px;display:grid;grid-template-columns:1fr 1fr;gap:55px}
.tool-method h2{font-size:28px}
.tool-method p,.tool-method li{font-size:14px;color:var(--muted)}
.tool-method details{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}
.tool-method details p{font-size:12px;margin:12px 0 0}
.tool-method summary{cursor:pointer}
.budget-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}
.budget-summary>div{background:#f0f4e8;padding:14px;border-radius:6px}
.budget-summary small{font-size:9px;color:var(--muted);display:block}
.budget-summary strong{font-size:20px;font-weight:550;display:block;margin-top:5px}
.inline-contact{font-size:14px;padding:18px 20px;background:var(--pale);border-radius:6px;margin-bottom:25px}

@media(min-width:1500px){.directory-intro h1{font-size:83px}
.directory-hero{gap:120px}
.story-sheet{width:250px}
.sheet-front{left:45px}
.sheet-back{right:45px}
}

@media(max-width:1150px){.container{width:calc(100% - 56px)}
.directory-hero{gap:40px}
.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.directory-layout{grid-template-columns:165px minmax(0,1fr);gap:25px}
.nav-links{gap:20px}
.hero-facts{gap:12px}
.directory-journal{gap:35px}
.journal-preview{grid-template-columns:120px 1fr;gap:15px}
.journal-preview img{width:120px}
.spotlight-copy{align-items:start;flex-direction:column}
.spotlight-link{align-self:flex-start}
.story-sheet{width:200px}
.sheet-front{left:18px}
.sheet-back{right:18px}
.story-art{height:190px}
}

@media(max-width:800px){.container{width:calc(100% - 40px)}
.nav-row{height:74px}
.nav-links{top:74px}
.directory-hero{grid-template-columns:1fr;padding-block:34px;gap:30px}
.directory-intro h1{font-size:65px;letter-spacing:-3px}
.directory-lead{font-size:15px}
.feature-spotlight{max-width:540px;width:100%}
.spotlight-copy{flex-direction:row;align-items:center}
.story-sheet{width:240px}
.sheet-front{left:40px}
.sheet-back{right:40px}
.directory-layout{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:28px}
.directory-sidebar{position:static}
.category-controls{flex-direction:row;overflow-x:auto;padding-bottom:5px;gap:6px}
.category-button{white-space:nowrap;width:auto;border:1px solid var(--line);gap:14px;padding:9px 12px}
.sidebar-note{display:none}
.sidebar-label{margin-bottom:9px}
.directory-heading h2{font-size:25px}
.resource-card{padding:17px}
.resource-description{min-height:60px}
.workflow-heading{grid-template-columns:1fr;gap:18px}
.workflow-heading h2{font-size:35px}
.workflow-heading>p{max-width:420px}
.workflow-cards{gap:20px}
.workflow-cards h3{font-size:18px}
.directory-journal{grid-template-columns:1fr;gap:25px;padding-block:38px}
.journal-preview{grid-template-columns:140px 1fr}
.journal-preview img{width:140px}
.workbench{grid-template-columns:1fr}
.tool-method{grid-template-columns:1fr;gap:25px}
.workbench-hero h1{font-size:42px}
.toolkit-hero h1{font-size:50px}
.tools-grid{grid-template-columns:1fr}
.compare-tray{width:calc(100% - 24px);gap:15px;bottom:12px;padding:12px 14px}
.compare-tray>div{margin-right:auto}
.footer-bottom{gap:15px}
.footer-grid{gap:25px}
}

@media(max-width:460px){.directory-intro h1{font-size:58px}
.hero-jump{gap:18px}
.hero-jump .button{font-size:11px;padding-inline:14px;gap:13px}
.hero-jump .quiet-link{font-size:10px}
.hero-facts{gap:13px;font-size:8px}
.desktop-break{display:none}
.story-sheet{width:205px}
.sheet-front{left:20px}
.sheet-back{right:14px}
.spotlight-copy p{max-width:183px}
.spotlight-copy{gap:7px}
.spotlight-link{font-size:9px;padding:8px}
.feature-disclosure{font-size:7px}
.spotlight-head{font-size:7px;padding-inline:17px}
.directory-divider .container{font-size:7px;gap:15px}
.directory-divider a{font-size:8px}
.directory-heading h2{font-size:22px}
.directory-heading>p{font-size:8px}
.checked-date{font-size:7px}
.directory-controls{flex-wrap:wrap}
.search-field{flex-basis:100%}
.sort-control{margin-left:auto}
.sort-control select{height:34px}
.resource-grid{grid-template-columns:1fr}
.resource-card{padding:22px}
.resource-top{margin-bottom:15px}
.resource-description{min-height:0;font-size:13px}
.resource-kind{font-size:10px}
.resource-card h3{font-size:20px}
.resource-bottom,.resource-details summary{font-size:10px}
.resource-badge{font-size:9px}
.resource-details{font-size:12px}
.resource-details dt,.resource-details p{font-size:10px}
.filter-chip{font-size:10px;padding:6px 11px}
.filter-row{gap:7px}
.reset-filters{margin-left:0;padding:6px}
.workflow-cards{grid-template-columns:1fr}
.workflow-heading h2{font-size:31px}
.workflow-section{padding-block:37px}
.journal-preview{grid-template-columns:105px 1fr;gap:14px;padding:10px}
.journal-preview img{width:105px;height:165px}
.journal-preview h3{font-size:22px}
.journal-preview span{font-size:6px}
.journal-preview p{font-size:10px}
.directory-journal h2{font-size:32px}
.tool-form,.tool-output{padding:20px}
.workbench-hero h1{font-size:37px}
.toolkit-hero h1{font-size:44px}
.tool-form .form-row{grid-template-columns:1fr 1fr}
.budget-summary{gap:5px}
.budget-summary>div{padding:10px}
.budget-summary strong{font-size:17px}
.output-header>span{font-size:8px}
.compare-tray{gap:10px}
.compare-tray .button{padding:8px 10px}
.compare-tray strong{font-size:11px}
.compare-tray span{font-size:9px}
.dialog-heading h2{font-size:25px}
dialog{padding:20px}
.footer-group a{font-size:12px}
.footer-bottom{font-size:10px}
.brand{font-size:24px}
}