/* Visual refinements from the full Figma/UI audit. */
/* Lining figures avoid the descenders of old-style chapter numerals. */
.design .chapter-label{align-items:center!important}
.design .chapter-label>.text:first-child{font-variant-numeric:lining-nums tabular-nums!important;line-height:1!important}
.tool-buttons{width:216px;display:flex;flex-direction:column;align-items:stretch;padding:10px 12px;border-radius:12px}
.tool-buttons button,.tool-buttons>a{justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:9px 12px;font-size:14px;font-weight:500;text-align:left}
.tool-buttons button+button{border-left:0;border-top:1px solid var(--line)}
.tool-buttons>a{border-top:1px solid var(--line)}
.tool-buttons button:first-child{color:var(--terra)}
.tool-buttons img{width:20px;height:20px;flex-shrink:0}
.tool-buttons button:hover,.tool-buttons>a:hover{background:var(--sage);border-radius:5px}
#paper-toc{position:absolute;right:calc(100% + 16px);top:0;width:390px;max-width:calc(100vw - 280px);margin:0;max-height:70dvh;border-radius:12px;padding:20px}
@media (min-width:1101px){.design .text.body-copy{font-size:max(16px,var(--body-size));line-height:max(25.6px,var(--body-leading))}.design [data-name="Team story and photograph"]{height:auto}}
@media(max-width:1100px){
 body[data-page=paper] main{padding-top:62px}
 body[data-page=paper] .site-header::after{content:"";position:absolute;top:100%;left:0;right:0;height:62px;background:var(--paper);border-bottom:1px solid var(--line);z-index:-1}
 body[data-page=paper] .paper-section{scroll-margin-top:62px}
 body[data-page=paper] .design [data-name="Paper metadata"]{gap:14px!important}
 body[data-page=paper] .design [data-name="Harris / Paper metadata"]{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:16px!important;align-items:baseline!important}
 .nav-open .paper-tools{visibility:hidden}
 .design .surface-card{padding:24px!important;gap:18px!important}
 .design .photo-print{padding:8px 8px 12px!important;gap:7px!important;box-shadow:0 2px 9px #10100d0a!important;background-color:white}
 .design .photo-print>.text{font-size:23px!important;line-height:1.15!important}
 .design .figma-button{background-color:var(--button-bg,var(--ink))!important}
 .design .figma-button .text{color:var(--button-ink,var(--paper))!important}
 .design .chapter-index{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important;align-items:stretch!important}
 .design .chapter-index>[data-name="Index heading"]{grid-column:1/-1;margin-bottom:10px!important}
 .design .chapter-index>a.node{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-height:68px!important;padding:10px 0!important;border-bottom:1px solid var(--line)}
 .design .chapter-label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
 .design .chapter-label>.text:first-child{font:400 30px/1 'Cormorant Garamond',serif!important;font-variant-numeric:lining-nums tabular-nums!important;color:var(--terra);width:38px!important;flex:0 0 38px!important}
 .design .chapter-label>.text:last-child{font:400 13px/1.4 'DM Sans',sans-serif!important;width:auto!important;flex:1!important;letter-spacing:0!important}
 .design .chapter-map{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .design .chapter-map>[data-name="Field marginalia"]{display:none!important}
 .design .chapter-map>a.node{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;min-height:112px!important;padding:16px!important;border:1px solid var(--line)}
 .design .chapter-map>a.node>.text:first-child{font-size:9px!important;line-height:1.5!important;letter-spacing:.04em!important}
 .design .chapter-map>a.node>.text:last-child{font-size:15px!important;line-height:1.35!important}
 .design [data-name="Contact opening / Lower margin"],.design [data-name="Photography arc"],.design [data-name="Chapter invitation"]{display:none!important}
 .footer-title{font-size:clamp(52px,15.5vw,70px)}
 .tool-buttons{width:auto;flex-direction:row;align-items:center;padding:4px;border-radius:100px}
 .tool-buttons button,.tool-buttons>a{width:auto;gap:7px;min-width:42px;min-height:42px;padding:8px 11px;font-size:12px}
 .tool-buttons button+button{border-top:0;border-left:1px solid var(--line)}
 .tool-buttons>a{border-top:0;border-left:1px solid var(--line)}
 .tool-buttons>a>span{display:none}
 .tool-buttons img{width:18px;height:18px}
 .tool-buttons button:hover,.tool-buttons>a:hover{border-radius:50px}
 #paper-toc{top:calc(100% + 10px);right:0;width:min(370px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:65dvh;padding:16px}
}
@media print{body[data-page=paper] main{padding-top:0}}
