.resource-page { --text-muted: color-mix(in srgb, var(--text) 75%, transparent); }
.materials { width:min(100% - 64px,1100px); margin:auto; }
.materials a { text-underline-offset:4px; text-decoration-thickness:1px; }
.talk-hero { padding:calc(var(--header-height) + 52px) 0 0; }
.eyebrow { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
.eyebrow a { text-decoration:none; }
.talk-hero h1 { font-size:clamp(44px,6.6vw,84px); line-height:1.06; letter-spacing:-.055em; font-weight:300; margin:26px 0 24px; }
.hero-subtitle { font-size:clamp(19px,2.2vw,26px); margin:0 0 12px; font-weight:350; }
.hero-description { max-width:650px; font-size:15px; color:var(--text-muted); margin:0 0 24px; }
.download-row,.copy-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:44px; padding:11px 19px; border:1px solid color-mix(in srgb, var(--text) 40%, transparent); border-radius:3px; font:inherit; font-size:13px; color:var(--text); background:color-mix(in srgb, var(--text) 4%, transparent); cursor:pointer; text-decoration:none; }
.button:hover { background:color-mix(in srgb, var(--text) 10%, transparent); }
.button.primary { background:#f0ede8; color:#181a21; border-color:#f0ede8; font-weight:550; }
.button.primary:hover { background:#fff; }
.fine { font-size:12px; color:var(--text-muted); line-height:1.65; }
.page-nav { display:flex; flex-wrap:wrap; gap:18px 34px; margin-top:48px; padding:22px 0; border-block:1px solid var(--site-line); }
.page-nav a { font-size:13px; text-decoration:none; }
.page-nav span { font-size:10px; margin-left:8px; opacity:.5; }
.material-section { padding-top:78px; }
.material-section h2 { font-size:clamp(30px,4vw,46px); font-weight:350; line-height:1.15; letter-spacing:-.035em; margin:14px 0 24px; }
.material-section h3 { font-size:20px; font-weight:450; line-height:1.35; margin:0 0 16px; letter-spacing:-.015em; }
.section-lead { max-width:730px; color:var(--text-muted); font-size:15px; margin:0 0 34px; }
.prompt-item { border-top:1px solid var(--site-line); scroll-margin-top:12px; }
.prompt-item:last-child { border-bottom:1px solid var(--site-line); }
.prompt-item summary { display:grid; grid-template-columns:230px 1fr 24px; gap:22px; align-items:baseline; padding:25px 0; cursor:pointer; list-style:none; }
.prompt-item summary::-webkit-details-marker { display:none; }
.prompt-category { font-size:12px; color:var(--text-muted); }
.prompt-item summary h3 { margin:0; font-size:21px; font-weight:350; }
.expand { font-size:24px; line-height:1; text-align:right; }
.prompt-item[open] .expand { transform:rotate(45deg); }
.prompt-body { padding:0 0 30px; }
.provenance { margin:0 0 20px; }
.prompt-columns { display:grid; grid-template-columns:1fr 1.25fr; gap:32px; }
.input-label,.builder-field,.audit-row label,#savings-form label { display:block; font-size:12px; color:var(--text-muted); margin:0; }
.materials textarea,.materials input { width:100%; display:block; margin-top:9px; border:1px solid color-mix(in srgb, var(--text) 25%, transparent); border-radius:3px; background:color-mix(in srgb, var(--text) 4%, transparent); color:var(--text); padding:12px; font:inherit; font-size:14px; line-height:1.6; }
.materials textarea { resize:vertical; min-height:80px; }
.materials textarea::placeholder,.materials input::placeholder { color:color-mix(in srgb, var(--text) 58%, transparent); }
.materials :is(input,textarea,button,summary):focus-visible { outline:2px solid var(--text); outline-offset:4px; }
.source-data { min-height:240px; }
.prompt-text { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:14px; margin:9px 0 0; }
.check-note { font-size:12px; color:var(--text-muted); margin:24px 0 20px; max-width:900px; }
.check-note strong { color:var(--text); font-weight:500; }
.copy-status { font-size:12px; }
.photo-download { display:flex; align-items:center; gap:18px; font-size:13px; margin-bottom:24px; width:fit-content; }
.photo-download img { display:block; width:76px; height:auto; border-radius:3px; }
.workflow { font-size:15px; max-width:750px; }
.prompt-formula { font-size:clamp(18px,2vw,23px); line-height:1.7; max-width:950px; }
.prompt-formula b { color:var(--text-muted); font-weight:300; margin-inline:5px; }
.structure-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto repeat(6, auto) auto; gap:16px 64px; margin-top:40px; }
.structure-example,.structure-template { display:grid; grid-template-rows:subgrid; grid-row:1 / span 9; min-width:0; }
.structure-example { grid-column:1; }
.structure-template { grid-column:2; }
.structure-grid h3 { grid-row:1; margin:0; }
.structure-template > .fine { grid-row:2; margin:0; }
.structure-grid .example-list,.structure-grid #prompt-builder { display:grid; grid-template-rows:subgrid; grid-row:3 / span 6; }
.structure-template > .copy-row { grid-row:9; }
.example-list { margin:0; }
.example-list dt { color:var(--text-muted); font-size:12px; margin:0; }
.example-list dd { margin:9px 0 0; font-size:14px; max-width:390px; }
.builder-field { margin:0; }
.builder-field textarea { min-height:66px; }
.tomorrow-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; list-style:none; counter-reset:step; padding:0; margin:0 0 44px; }
.tomorrow-steps li { font-size:14px; counter-increment:step; }
.tomorrow-steps li::before { content:'0' counter(step); display:block; font-size:12px; color:var(--text-muted); margin-bottom:8px; }
.audit-row { display:grid; grid-template-columns:24px 1.6fr 1fr 1fr; gap:14px; align-items:center; padding:16px 0; border-top:1px solid var(--site-line); }
.audit-row input { font-size:12px; padding:10px; }
.audit-number { font-size:11px; color:var(--text-muted); }
#routine-audit + .copy-row { margin-top:12px; }
.calculator { display:grid; grid-template-columns:1fr .8fr; gap:64px; margin-top:60px; padding:32px 0; border-block:1px solid var(--site-line); }
#savings-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; }
#savings-form input { font-size:23px; font-weight:350; }
.savings-result { align-self:center; }
#savings-value { font-size:clamp(34px,4vw,52px); font-weight:300; letter-spacing:-.04em; line-height:1.3; display:block; overflow-wrap:anywhere; }
#savings-formula { font-size:13px; color:var(--text-muted); }
.tool-lines > div { display:grid; grid-template-columns:230px 1fr; gap:22px; padding:22px 0; border-top:1px solid var(--site-line); }
.tool-lines h3 { font-size:14px; color:var(--text-muted); margin:0; }
.tool-lines p { margin:0; font-size:17px; }
.tool-lines .fine { display:block; margin-top:8px; }
.extra-tools { margin-top:24px; font-size:13px; }
.extra-tools summary { cursor:pointer; padding-block:12px; }
.extra-tools dt { margin-top:16px; color:var(--text-muted); }
.extra-tools dd { margin:4px 0 0; }
.catalog-link { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:48px; padding:30px 0; border-block:1px solid color-mix(in srgb, var(--text) 40%, transparent); text-decoration:none; }
.catalog-link strong { display:block; font-size:clamp(25px,3.5vw,38px); font-weight:350; letter-spacing:-.035em; margin-block:8px; }
.catalog-link span span:last-child { font-size:13px; color:var(--text-muted); }
.catalog-arrow { font-size:40px; }
.catalog-link:hover strong { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.materials-footer { display:flex; justify-content:space-between; gap:20px; padding:50px 0 40px; font-size:12px; color:var(--text-muted); }
#manual-copy { max-width:min(700px,calc(100% - 32px)); background:#181a24; color:#f0ede8; border:1px solid #777; border-radius:4px; }
#manual-copy::backdrop { background:rgba(0,0,0,.7); }
#manual-copy textarea { min-height:220px; margin-bottom:20px; }
@media (max-width:760px) {
 .materials { width:calc(100% - 40px); }
 .talk-hero { padding-top:calc(var(--header-height) + 34px); }
 .talk-hero h1 { margin-top:20px; }
 .page-nav { gap:14px 22px; margin-top:32px; }
 .material-section { padding-top:52px; }
 .prompt-item summary { grid-template-columns:1fr 24px; gap:8px 14px; padding:20px 0; }
 .prompt-category { grid-column:1; }
 .prompt-item summary h3 { grid-column:1; font-size:20px; }
 .expand { grid-column:2; grid-row:1 / 3; align-self:center; }
 .prompt-columns,.structure-grid,.calculator { grid-template-columns:1fr; gap:26px; }
 .source-data { min-height:190px; }
 .structure-grid { display:block; }
 .structure-example,.structure-template,.structure-grid .example-list,.structure-grid #prompt-builder { display:block; }
 .structure-template { margin-top:34px; }
 .structure-grid h3 { margin-bottom:16px; }
 .structure-template > .fine { margin-bottom:20px; }
 .example-list > div,.builder-field { margin-bottom:20px; }
 .tomorrow-steps { grid-template-columns:1fr 1fr; gap:22px; }
 .audit-row { grid-template-columns:1fr 1fr; gap:12px; }
 .audit-number { grid-column:1 / -1; }
 .audit-row label:first-of-type { grid-column:1 / -1; }
 .tool-lines > div { grid-template-columns:1fr; gap:8px; }
 .materials-footer { flex-direction:column; gap:12px; }
}
@media (max-width:360px) { .materials { width:calc(100% - 32px); } .talk-hero h1 { font-size:40px; } #savings-form { gap:12px; } }