/* Shared readability and graphic-fit rules. */
:root{font-size:16px}body{font-size:1rem}*{box-sizing:border-box}a{overflow-wrap:anywhere}h1,h2,h3{overflow-wrap:break-word;word-break:normal;letter-spacing:-.025em!important;line-height:1.12!important}p,li{line-height:1.7}img{display:block;max-width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}a.image-link{display:block;min-width:0}.hero-art{padding:0;max-height:none!important}.hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:28px 0 40px}.hero-copy{min-width:0;padding:25px 0}.hero h1{font-size:clamp(2.6rem,6.2vw,5.5rem)}.feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature h2{font-size:clamp(2rem,4vw,3.5rem)}.section-head h2,.about h2{font-size:clamp(2rem,4.5vw,4rem)}.section-head>*{min-width:0}.feature>*,.finds>*,.about>*,.email>*{min-width:0}.start-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))}.start-card{gap:16px;min-width:0}.start-card small,.start-card span,.linkbox span,footer{font-size:.875rem}.start-card strong{line-height:1.3}.btn,.menu-btn{font-size:.875rem;min-height:48px;white-space:normal;text-align:center;max-width:100%;line-height:1.45}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{grid-column:auto!important;min-width:0;min-height:0!important;overflow:visible;background:var(--cream)!important;color:var(--ink);border:1px solid var(--line);padding:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.card:before{display:none}.card-image{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.card-copy{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.card h3{font-size:clamp(1.4rem,2.5vw,2rem);margin:0}.card p{margin:0}.tag{color:#77582b}.read-link{display:block;font-size:.9375rem;font-weight:800;text-decoration:underline;text-underline-offset:5px;margin-top:auto;padding-top:16px}.card:hover{border-color:#77582b;box-shadow:0 3px 0 #77582b}.c4,.c5{background:#171512!important;color:#fff}.c4 .tag,.c5 .tag{color:#ead9bd}.c4 .card-copy,.c5 .card-copy{padding:32px}.links{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))}.kicker{color:#77582b}.hero .kicker,.band .kicker,.cta .kicker,.criteria .kicker{color:#ead9bd}.reading{width:100%;max-width:820px;padding:0 24px}.editorial-image{max-width:560px}.editorial-image img{height:auto;object-fit:contain}.pin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}.pin-grid a{display:block}.pin-grid img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain}.caption{font-size:.875rem}.num{color:#88704e;line-height:1.05!important}.article .section-grid{grid-template-columns:100px minmax(0,1fr);gap:32px}.article .section h2{font-size:clamp(1.8rem,4vw,3rem)}.topbar{height:auto;min-height:68px}.nav a,.footer-links a{display:inline-flex;align-items:center;min-height:44px}.mobile-dock{padding-bottom:env(safe-area-inset-bottom)}.mobile-dock a{min-height:48px}.btn:focus-visible,.card:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a67327;outline-offset:5px}.nav{max-width:100%}a.image-link:hover{outline:2px solid #a67327;outline-offset:4px}.article .hero h1{max-width:100%;font-size:clamp(2.3rem,6.2vw,5.3rem)}.jump a{font-size:.9375rem;min-height:48px}.article{padding-top:48px}.article .lead{font-size:1.15rem}.image-caption{font-size:.875rem;color:#6b645b;margin:8px 0 0}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:900px){.feature,.finds,.about,.email{grid-template-columns:minmax(0,1fr)}.feature>.image-link,.finds>.image-link{max-width:520px;width:100%;margin:auto}.hero h1{font-size:clamp(2.2rem,5.5vw,4rem)}}
@media(max-width:780px){.hero-layout{grid-template-columns:minmax(0,1fr);gap:28px}.hero-copy{padding:24px 0 0}.hero-art{padding:0}.hero-layout>.image-link{width:100%;max-width:480px;margin:auto}.hero h1{font-size:clamp(2.1rem,9.2vw,4rem)}.grid{grid-template-columns:minmax(0,1fr)}.card{max-width:560px;margin:0 auto;width:100%}.nav.open{max-height:70vh;overflow:auto;top:100%;width:min(100%,320px)}.top .nav{display:flex;position:static;flex-wrap:wrap;background:transparent;border:0;padding:0;gap:8px 16px}.top .topbar{flex-wrap:wrap;padding:16px 0;gap:8px}.top .brand{font-size:.95rem}.top .nav a{font-size:.875rem}.article .section-grid{grid-template-columns:1fr;gap:20px}.article .num{font-size:4rem}.article .section{padding:40px 0}.hero-inner{padding-top:48px;padding-bottom:40px}.hero{min-height:0}.pin-grid{grid-template-columns:minmax(0,1fr)}.pin-grid a{max-width:500px;margin:auto}.section-head h2,.about h2,.finds h2,.email h2,.cta h2,.pin-section h2,.criteria h2{font-size:clamp(2rem,8.4vw,3.2rem)}section{padding:48px 0}.wrap,.reading{padding-left:20px;padding-right:20px}.criteria-grid{grid-template-columns:minmax(0,1fr)}.quick{padding:20px}.feature{padding:16px}.card-copy{padding:24px}.mobile-dock{grid-template-columns:repeat(3,minmax(0,1fr))}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.top .wrap.topbar{padding:16px 24px}
