/* Shared reading styles: clear hierarchy without compressing guide/legal content. */
footer{margin-top:2.5rem}
footer>div:first-child{padding-block:2.5rem}
.prose-content{font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.prose-content h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.5rem;line-height:1.3;margin:1.75rem 0 .7rem;color:#14241c}
.prose-content h3{font-size:1.12rem;font-weight:600;line-height:1.4;margin:1.4rem 0 .6rem}
.prose-content p{margin:.75rem 0}
.prose-content section+section{margin-top:1.6rem}
.prose-content ul,.prose-content ol{padding-left:1.4rem;margin:.8rem 0}
.prose-content ul{list-style:disc}.prose-content ol{list-style:decimal}
.prose-content li+li{margin-top:.4rem}
.prose-content a{color:#1c4a36;text-decoration:underline;text-underline-offset:3px}
.prose-content figure{margin:1rem 0}.prose-content figcaption{font-size:.875rem;margin-top:.5rem}
.prose-content table{width:100%;overflow-wrap:normal}
.prose-content table th:first-child,.prose-content table td:first-child{white-space:nowrap}
main:not([data-compact-tool]) .page-title{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.16}
main:not([data-compact-tool])>div{padding-top:2rem;padding-bottom:2.5rem}
/* The compressor is the main task; introduction and optional controls stay compact. */
[data-compact-tool]>.border-b>div{padding-top:2rem;padding-bottom:2rem}
[data-compact-tool] .page-title{font-size:clamp(1.85rem,3.5vw,2.75rem);line-height:1.15;margin-top:.5rem}
[data-compact-tool]>.border-b h1+p{margin-top:.6rem;font-size:1rem;line-height:1.5;max-width:62rem}
[data-compact-tool]>.border-b ul{margin-top:.65rem;gap:.4rem}
[data-compact-tool]>.border-b li{padding:.1rem .5rem;font-size:.8125rem}
[data-compact-tool]>div:not(.border-b){padding-top:1.25rem}
[data-compact-tool]>div:not(.border-b)>nav{margin-bottom:.6rem}
[data-compact-tool]>div:not(.border-b)>h1+p{margin-top:.65rem;font-size:1rem;line-height:1.5}
[data-compact-tool]>div:not(.border-b)>div:has(>astro-island){margin-top:1.15rem}
section[aria-labelledby="tool-heading"]{overflow:visible;box-shadow:none}
section[aria-labelledby="tool-heading"]>div:first-child{padding-block:.85rem}
section[aria-labelledby="tool-heading"]>div:first-child .eyebrow{margin-bottom:.15rem}
#tool-heading{font-size:1.5rem;line-height:1.25}
section[aria-labelledby="tool-heading"]>div:nth-child(2){padding-block:1rem}
section[aria-labelledby="tool-heading"]>div:nth-child(2)>fieldset{display:flex;flex-direction:column;gap:.65rem}
section[aria-labelledby="tool-heading"]>div:nth-child(2)>fieldset>*{margin-block:0!important}
section[aria-labelledby="tool-heading"] .tap{min-height:44px}
section[aria-labelledby="tool-heading"] [role="group"]{gap:.375rem}
section[aria-labelledby="tool-heading"] [data-testid^="preset-kb-"]{padding-inline:.75rem}
.size-presets{border-top:1px solid #d4cbb8;border-bottom:1px solid #d4cbb8}
.size-presets summary{cursor:pointer;min-height:44px;padding:.7rem 0;line-height:1.4}
.size-presets[open]{padding-bottom:.75rem}
section[aria-labelledby="tool-heading"]>div:nth-child(3){padding:1rem 1.15rem}
section[aria-labelledby="tool-heading"]>div:nth-child(3)>ul>li{padding:.75rem}
section[aria-labelledby="tool-heading"]>div:nth-child(3) img{max-height:5rem;width:100%;object-fit:contain}
@media(max-width:767px){
 footer>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
 footer>div:first-child>div:first-child{grid-column:1/-1}
 footer>div:first-child>div{min-width:0}
 [data-compact-tool]>.border-b>div{padding-top:1.1rem;padding-bottom:1rem}
 [data-compact-tool]>.border-b ul{gap:.3rem}
 [data-compact-tool] .page-title{font-size:1.85rem}
 section[aria-labelledby="tool-heading"]>div:first-child{align-items:stretch;gap:.35rem;padding:.9rem}
 section[aria-labelledby="tool-heading"]>div:nth-child(2){grid-template-columns:minmax(0,1fr);gap:1rem;padding:.9rem}
 section[aria-labelledby="tool-heading"] label:has(>input[type="file"]){min-height:6rem;padding:.75rem}
 section[aria-labelledby="tool-heading"]>div:nth-child(3){padding:.9rem}
 section[aria-labelledby="tool-heading"]>div:nth-child(3)>div{flex-wrap:wrap;gap:.5rem}
 [data-compact-tool]>.border-b li{font-size:.75rem}
 .prose-content h2{font-size:1.35rem}
}