@media(max-width:760px){.wrap{width:calc(100% - 28px)}.site-header{height:54px}.header-inner{width:calc(100% - 28px)}.brand-sub{display:none}.site-header nav{gap:10px}.site-header nav a{font-size:9px}.hero{height:500px}.hero-copy{left:20px;bottom:32px;top:auto;transform:none;width:calc(100% - 40px)}.hero h1{font-size:43px}.hero-lead{font-size:16px}.intro{grid-template-columns:1fr;gap:28px;padding:40px 0}.toc{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.story{padding:50px 0}.split,.split.reverse,.two-col,.rank-columns,.ending-grid{grid-template-columns:1fr;gap:28px}.split.reverse>:first-child,.split.reverse>:last-child{order:initial}.intro h2,.story h2,.ending h2{font-size:26px}.copy .num,.wide-head .num{font-size:36px}.wide-head h2{display:block;font-size:26px}.metric b{font-size:52px}.ending h2{font-size:31px}.site-footer .wrap{display:block}.site-footer span{display:block;margin-top:5px}}
@media(max-width:760px){
.hero-single{object-position:center center}.hero-credit{left:14px;right:auto;font-size:8px}
.photo-block img,.wide-photo img{aspect-ratio:4/3}
}

@media(max-width:760px){
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.related-card div{padding:10px}
.related-card b{font-size:14px}
.related-card p{font-size:9px}
}

@media(max-width:760px){.site-header .tagline{font-size:9px}.site-header .brand-image{max-width:108px}.trivia-grid{grid-template-columns:1fr}.editorial-image strong{font-size:21px}.editorial-image{padding:24px}.editorial-image small{left:24px}.hero .hero-copy{width:calc(100% - 48px)} }
@media(max-width:760px){.trivia-table th,.trivia-table td{display:block;width:100%;padding:12px 16px}.trivia-table th{padding-bottom:0;font-size:16px}.trivia-table td{padding-top:4px;font-size:12px}.kanagawa-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanagawa-related-grid .related-card div{padding:14px}.kanagawa-related-grid .related-card b{font-size:17px}.kanagawa-related-grid .related-card p{font-size:11px}}

@media(max-width:720px){.extra-shelf{margin-top:48px;margin-bottom:40px}.shelf-grid{grid-template-columns:1fr;gap:12px}.shelf-grid .related-card{min-height:120px}}
@media(max-width:760px){.ranking-top-only .rank-columns{grid-template-columns:1fr}}
@media(max-width:760px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company{padding:14px;min-height:0}.company h3{font-size:16px}.company p{font-size:11px;line-height:1.7}}
