.sheets-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,6vw,80px); align-items:center; padding-block:52px 42px; }
.sheets-intro h1 { font-size:clamp(2.3rem,4vw,3.8rem); line-height:1.12; }
.sheets-intro > p:not(.eyebrow):not(.sheets-small) { font-size:1.0625rem; line-height:1.85; color:var(--muted); margin:26px 0; max-width:560px; }
.sheets-intro .hero-actions { gap:16px 24px; flex-wrap:wrap; align-items:center; }
.sheets-small { display:block; font-size:.8125rem; line-height:1.7; color:var(--muted); margin-top:20px; }
.sheet-stack { margin:0; }
.sheet-stack > a { position:relative; display:block; height:0; padding-bottom:calc(94% + 44px); }
.sheet-stack img { position:absolute; height:auto; width:65%; border:1px solid #d8d8d8; box-shadow:0 12px 34px #20202010; border-radius:2px; }
.sheet-stack .sheet-back { left:0; top:44px; transform:rotate(-3deg); }
.sheet-stack .sheet-front { right:3%; top:0; transform:rotate(2deg); }
.sheet-stack figcaption { text-align:center; font-size:.75rem; color:var(--muted); line-height:1.6; margin-top:24px; }
.sheets-benefits { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); padding-block:26px; gap:32px; }
.sheets-benefits > div { display:flex; align-items:baseline; gap:18px; }
.sheets-benefits span { color:#984800; font-size:.75rem; }
.sheets-benefits p { margin:0; color:var(--muted); font-size:.875rem; line-height:1.75; }
.sheets-benefits strong { display:block; color:var(--ink); font-size:1rem; margin-bottom:3px; }
.sheets-explainer-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,64px); }
.sheets-explainer-grid article { border-top:1px solid var(--line); padding-top:24px; }
.sheets-explainer-grid .eyebrow { font-size:.75rem; color:#984800; margin-bottom:14px; }
.sheets-explainer-grid h3 { font-size:1.375rem; line-height:1.4; margin:0 0 14px; }
.sheets-explainer-grid p:not(.eyebrow), .sheet-content p, .sheet-content li, .sheets-reading p, .sheets-contact p, .sheets-download p:not(.eyebrow) { font-size:.9375rem; line-height:1.8; color:var(--muted); }
.sheets-explainer-grid figure, .sheet-content figure { margin:24px 0 0; }
.sheets-explainer-grid figure img, .sheet-content figure img { display:block; width:100%; height:auto; }
.sheets-explainer-grid figure > a { display:flex; min-height:190px; align-items:center; background:var(--surface); padding:20px; border:1px solid var(--line); border-radius:8px; }
.sheets-explainer-grid figcaption, .sheet-content figcaption { font-size:.75rem; color:var(--muted); line-height:1.7; margin-top:12px; }
.sheets-explainer-grid figcaption a, .sheet-content figcaption a { text-decoration:underline; text-underline-offset:3px; }
.sheets-example-note { font-size:.8125rem; color:var(--muted); line-height:1.75; margin:0 0 25px; }
.sheet-type { border:1px solid var(--line); background:white; border-radius:8px; margin-top:12px; scroll-margin-top:24px; }
.sheet-type > summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; cursor:pointer; list-style:none; }
.sheet-type > summary::-webkit-details-marker { display:none; }
.sheet-type > summary > span:first-child { display:grid; grid-template-columns:32px 1fr; column-gap:18px; align-items:baseline; }
.sheet-type .sheet-number { color:#984800; font-size:.8125rem; grid-row:1 / 3; }
.sheet-type strong { font-size:1.125rem; line-height:1.4; font-weight:650; }
.sheet-type .sheet-subtitle { display:block; color:var(--muted); font-size:.875rem; line-height:1.6; margin-top:4px; }
.sheet-type .sheet-toggle { font-size:1.35rem; color:#984800; line-height:1; }
.sheet-type .sheet-toggle::before { content:'+'; }
.sheet-type[open] .sheet-toggle::before { content:'−'; }
.sheet-type[open] > summary { border-bottom:1px solid var(--line); }
.sheet-type > summary:hover { background:#fafafa; border-radius:8px; }
.sheet-content { display:grid; grid-template-columns:1fr 1.1fr; align-items:start; gap:36px; padding:30px 28px; }
.sheet-content p { margin:0 0 16px; }
.sheet-content ul { margin:20px 0; padding-left:19px; }
.sheet-content li { padding-left:4px; margin-top:7px; }
.sheet-content .text-link { margin-top:6px; font-size:.875rem; min-height:44px; }
.sheet-content figure { margin:0; padding:18px; border:1px solid var(--line); border-radius:4px; }
.sheet-content .sheet-reading-note { background:var(--surface); padding:24px; border-left:2px solid var(--repair-accent); }
.sheet-reading-note h3 { margin:0 0 12px; font-size:1rem; line-height:1.5; }
.sheet-reading-note p { margin:0; }
.sheets-reading { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,6vw,80px); }
.sheets-reading .text-link { margin-top:16px; }
.sheets-key { margin:0; }
.sheets-key > div { border-top:1px solid var(--line); padding:18px 0; }
.sheets-key dt { font-size:.9375rem; font-weight:700; margin-bottom:6px; }
.sheets-key dd { margin:0; color:var(--muted); font-size:.9375rem; line-height:1.7; }
.sheets-download { background:var(--ink); color:white; }
.sheets-download-layout, .sheets-contact { display:flex; justify-content:space-between; gap:40px; align-items:center; }
.sheets-download h2, .sheets-contact h2 { font-size:clamp(1.75rem,2.7vw,2.4rem); line-height:1.3; margin:16px 0; }
.sheets-download p:not(.eyebrow), .sheets-download .sheets-small { color:#d0d0d0; }
.sheets-download .button { background:white; color:var(--ink); white-space:normal; }
.sheets-download-layout > div:last-child, .sheets-contact > div:last-child { flex-shrink:0; }
.sheets-contact p { max-width:620px; }
.sheets-contact > div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
@media(max-width:1050px) { .sheets-intro h1 { font-size:2.65rem; } .sheets-download-layout { flex-direction:column; align-items:flex-start; } }
@media(max-width:800px) {
 .sheets-hero, .sheets-explainer-grid, .sheets-reading { grid-template-columns:1fr; }
 .sheets-hero { padding-top:30px; gap:32px; }
 .sheet-stack { width:min(100%,480px); margin-inline:auto; }
 .sheets-benefits { gap:16px; }
 .sheets-benefits > div { gap:8px; }
 .sheet-content { grid-template-columns:1fr; gap:24px; }
 .sheet-content figure { max-width:620px; }
 .sheets-contact { flex-direction:column; align-items:flex-start; gap:20px; }
}
@media(max-width:500px) {
 .sheets-intro h1 { font-size:2.35rem; }
 .sheet-stack figcaption { margin-top:12px; }
 .sheets-benefits { grid-template-columns:1fr; padding-block:22px; }
 .sheets-benefits > div { gap:18px; }
 .sheets-benefits strong { display:inline; margin-right:8px; }
 .sheet-type > summary { padding:20px; gap:12px; }
 .sheet-type > summary > span:first-child { grid-template-columns:24px 1fr; gap:8px; }
 .sheet-content { padding:22px 20px; }
 .sheet-content figure { padding:12px; }
 .sheets-explainer-grid figure > a { padding:12px; min-height:140px; }
 .sheets-download-layout > div:last-child { flex-shrink:1; width:100%; }
 .sheets-download .button { width:100%; }
}