*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:#243b33;font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bb603f;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}header{border-bottom:1px solid #d9ddd2;background:#f7f5ef}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:-1px}.sun{display:inline-block;width:18px;height:18px;border-radius:50%;background:#bc5639;margin-right:10px}.navlinks{display:flex;gap:32px;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:bold;color:#687b6e}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:66px 0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,6vw,83px);letter-spacing:-3px;margin:22px 0}h2{font-size:42px;letter-spacing:-1px}h3{font-size:28px;margin:12px 0}.intro{max-width:440px;color:#62746a;font-size:17px}.button{display:inline-block;background:#294a3b;color:white;padding:14px 24px;font-size:14px;margin-top:18px}.herofigure{margin:0;position:relative}.herofigure img{width:100%;height:550px;object-fit:cover}.caption{font-size:11px;color:#6b7c70;margin-top:8px}.stamp{position:absolute;bottom:40px;left:-26px;background:#f4e9cc;padding:23px;font:italic 23px Georgia;max-width:180px;transform:rotate(-4deg)}.strip{border-top:1px solid #d3d9cd;border-bottom:1px solid #d3d9cd;padding:19px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}.section{padding:55px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px}.sectionhead h2{margin:12px 0 26px}.tools{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 30px}input{background:transparent;border:1px solid #a9b7a9;padding:10px 14px;min-width:260px}button{border:1px solid #b9c4b6;background:transparent;color:#294a3b;padding:9px 18px;cursor:pointer}button.active{background:#294a3b;color:white}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border-top:1px solid #c9d3c7;padding:28px 0 20px;display:grid;grid-template-columns:80px 1fr;gap:18px}.card .number{font:48px Georgia;color:#bcc7b7}.card p{color:#6a7b70;font-size:14px;max-width:450px}.read{font-size:13px;font-weight:bold}.band{background:#e6ebdf;padding:45px;margin:30px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.band h2{margin:12px 0}.band p{color:#5c7063}.ad{border:1px dashed #c5cbbc;text-align:center;padding:24px;font-size:10px;letter-spacing:2px;color:#84917e;margin:20px 0}footer{border-top:1px solid #ccd4c7;padding:36px 0;font-size:12px;color:#657568}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footlinks{display:flex;gap:22px}.article{max-width:760px;margin:55px auto 80px}.article h1{font-size:54px;letter-spacing:-1.5px}.article h2{font-size:30px;margin-top:40px}.article p,.article li{color:#4e6457;font-size:17px}.meta{font-size:12px;color:#768372}.toc{padding:22px 30px;background:#e8ecdf}.toc a,.sources a{text-decoration:underline}.sources{font-size:13px;overflow-wrap:anywhere}.article .lede{font-size:22px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:9;padding:12px}[hidden]{display:none!important}@media(max-width:700px){nav{min-height:80px;flex-wrap:wrap;padding:15px 0}.navlinks{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;padding:30px 0;gap:30px}h1{letter-spacing:-2px}.herofigure img{height:340px}.stamp{left:12px;bottom:35px}.strip{flex-wrap:wrap;font-size:10px}.grid,.band{grid-template-columns:1fr}.band{padding:25px}.sectionhead{display:block}.article{width:90%}.article h1{font-size:42px}.tools input{width:100%}.section{padding:35px 0}}
.article a{text-decoration:underline;text-underline-offset:3px}.article h1{overflow-wrap:break-word}.article h3{font-size:23px;line-height:1.3}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid #c9d3c7}.table-scroll:focus-visible{outline:3px solid #bb603f}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}th,td{padding:14px;vertical-align:top;border-bottom:1px solid #c9d3c7;min-width:145px}th{background:#e8ecdf;color:#243b33;font-weight:700}tr:last-child td{border-bottom:0}.note,.article .note{padding:16px 20px;background:#e8ecdf;font-size:14px;line-height:1.7}.toc li{font-size:15px;margin:6px 0}.article .sources li{font-size:14px;margin:8px 0}.article .meta{font-size:13px}.article section{scroll-margin-top:20px}.article .editorial-note{border-left:3px solid #bc5639;padding:8px 18px;margin:24px 0;background:#efeee5}.article .editorial-note p{font-size:14px;margin:8px 0}@media(max-width:700px){.article h1{font-size:38px}.article h2{font-size:27px}.toc{padding:20px}.toc ol{padding-left:20px}.article p,.article li{font-size:16px}th,td{padding:12px;min-width:135px}.footlinks{flex-wrap:wrap}}.visit-map{margin:48px 0}.map-panel{border:1px solid #c9d3c7;background:#e8ecdf;padding:18px}.map-status{margin-bottom:12px}.map-placeholder{padding:26px;text-align:center;background:#f7f5ef;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.map-placeholder p{margin:6px 0 14px}.map-panel iframe{display:block;width:100%;height:360px;border:0;background:#f7f5ef}.map-panel .meta{margin-bottom:0}.map-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.place-card{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:24px 0;border-bottom:1px solid #c9d3c7}.place-number{font:25px Georgia;color:#84917e;padding-top:8px}.place-card h3{margin:0 0 12px}.place-card address{font-style:normal;color:#4e6457;line-height:1.7}.place-card p{font-size:15px}.place-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px}.place-actions button{font-size:13px}.place-actions button[aria-pressed=true]{background:#294a3b;color:white}.place-contact{margin:10px 0}.map-actions .button{color:white}@media(max-width:700px){.map-panel{padding:12px}.map-placeholder{padding:15px}.map-panel iframe{height:300px}.place-card{grid-template-columns:28px 1fr;gap:8px}.place-actions{gap:12px}.place-card h3{font-size:22px}}.emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.emergency-card{border:1px solid #bc5639;background:#f3e9df;padding:24px}.emergency-number{display:block;font:56px Georgia;line-height:1.3;margin:8px 0;color:#8d351e}.hotline-number{font-size:25px;font-weight:700}.checklist{list-style:none;padding:0}.checklist li{border-bottom:1px solid #d3d9cd;padding:15px 0}.checklist label{display:flex;align-items:flex-start;gap:14px;cursor:pointer}.checklist input{min-width:22px;width:22px;height:22px;flex:0 0 22px;margin:4px 0 0;accent-color:#294a3b}.checklist input:checked+span{color:#697c6f}.essentials [lang=ja]{font-size:17px}.navlinks{flex-wrap:wrap;gap:22px}.essentials-promo{border-top:1px solid #c9d3c7;border-bottom:1px solid #c9d3c7;margin-bottom:45px;padding:24px 0}.essentials-promo p{color:#62746a;max-width:650px}@media(max-width:700px){.emergency-grid{grid-template-columns:1fr}.navlinks{gap:16px}.emergency-card{padding:20px}}@media print{header,footer,.toc,.map-panel,.map-actions,.place-actions,button,.ad{display:none!important}body{background:white;color:black}.article{max-width:none;width:100%;margin:0}.article h1{font-size:32px}.article h2{font-size:24px;break-after:avoid}.article p,.article li{font-size:11pt}.table-scroll{overflow:visible}th,td{min-width:0;padding:8px}.emergency-grid,.emergency-card,tr,.checklist li{break-inside:avoid}a{color:inherit}.checklist input{min-width:15px;width:15px;height:15px;flex-basis:15px}}.article-illustration{margin:28px 0 24px}.article-illustration img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:5px}.article-illustration figcaption{font-size:11px;color:#687b6e;margin-top:8px;line-height:1.5}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:20px;border-radius:4px}.card a:has(.card-image){display:block}.card-image{transition:transform .25s ease}.card a:hover .card-image{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.card-image{transition:none}}@media(max-width:700px){.card{grid-template-columns:40px 1fr;gap:12px}.card .number{font-size:32px}.article-illustration{margin:22px 0}.article-illustration figcaption{font-size:10px}}@media print{.article-illustration,.card-image{display:none!important}}
/* Shared layout rules apply to every page, including intermediate tablet widths. */
img,iframe{max-width:100%}
img{vertical-align:middle}
.wrap{width:min(1240px,calc(100% - 40px))}
.article{width:min(760px,calc(100% - 40px));margin:clamp(28px,5vw,55px) auto clamp(48px,8vw,80px)}
.hero,.grid,.band{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero>*,.grid>*,.band>*,.card>*,.place-card>*,.checklist label>*,nav>*,.foot>*{min-width:0}
.card{grid-template-columns:64px minmax(0,1fr)}
.place-card{grid-template-columns:38px minmax(0,1fr)}
p,li,address,h1,h2,h3,.meta,.caption,figcaption,.brand,.navlinks,.footlinks{overflow-wrap:anywhere}
h1,h2,h3{text-wrap:balance}
.article h1{font-size:clamp(32px,5.4vw,54px);line-height:1.14;letter-spacing:-.035em}
.article h2{font-size:clamp(25px,3.8vw,30px);line-height:1.2}
.article .lede{font-size:clamp(18px,2.5vw,22px)}
.article p,.article li{line-height:1.75}
.hero h1{font-size:clamp(42px,6.2vw,83px);line-height:1.08;letter-spacing:-.04em}
.herofigure img{display:block;height:auto;aspect-ratio:9/11;object-fit:cover}
.article-illustration img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.article-illustration figcaption{font-size:12px;line-height:1.6}
.card-image{height:auto;aspect-ratio:16/9;object-fit:cover}
.table-scroll{display:block;width:100%;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
th,td{overflow-wrap:normal;word-break:normal}
nav{flex-wrap:wrap;padding:16px 0}
.navlinks{justify-content:flex-end;align-items:center;gap:8px 20px}
.navlinks a,.footlinks a{display:inline-flex;align-items:center;min-height:44px}
.footlinks{flex-wrap:wrap;gap:8px 20px;align-content:flex-start}
button,.button{min-height:44px;max-width:100%;white-space:normal;text-align:center}
button{touch-action:manipulation}
.place-actions{gap:8px 16px}
.place-actions>a{display:inline-flex;align-items:center;min-height:44px}
.tools>label{display:block;flex:1 1 260px;min-width:0}
.tools input{display:block;width:100%;min-width:0;min-height:46px;font-size:16px}
.tools #filters{min-width:0}
.map-panel{max-width:100%}
.map-panel iframe{height:clamp(260px,48vw,380px);width:100%}
.map-placeholder{min-width:0;padding:clamp(14px,3vw,26px)}
.map-status{overflow-wrap:anywhere}
.checklist input{min-width:22px;width:22px;height:22px;flex:0 0 22px}
.checklist label{padding:4px 0;min-height:44px}
.checklist span{min-width:0}
.hotline-number{font-size:clamp(22px,5vw,25px)}
.ad{overflow-wrap:anywhere}
@media(max-width:960px){
 nav{align-items:flex-start}
 .brand{flex:0 1 auto}
 .navlinks{flex:1 1 100%;justify-content:flex-start}
 .hero{gap:32px;padding:42px 0}
 .stamp{left:12px;bottom:36px;padding:18px;font-size:21px}
 .card{grid-template-columns:38px minmax(0,1fr);gap:12px}
 .card .number{font-size:32px}
 .band{gap:24px;padding:30px}
 .sectionhead{align-items:flex-start}
 .sectionhead h2{font-size:36px}
}
@media(max-width:760px){
 .hero{grid-template-columns:minmax(0,1fr);gap:28px}
 .hero .intro{max-width:580px}
 .herofigure{width:min(100%,520px);justify-self:center}
 .herofigure img{height:auto;aspect-ratio:9/11}
 .strip{flex-wrap:wrap;gap:12px 24px}
 .grid,.band{grid-template-columns:minmax(0,1fr)}
 .sectionhead{display:block}
 .sectionhead h2{font-size:clamp(30px,7vw,38px)}
 .card{grid-template-columns:38px minmax(0,1fr)}
 .card h3{font-size:clamp(25px,5vw,30px)}
 .band{padding:26px;margin-bottom:40px}
 .band h2{font-size:36px}
 .foot{flex-direction:column;gap:20px}
 .article .toc{padding:20px}
 .toc ol,.toc ul{padding-left:22px}
 .article .toc li{font-size:15px}
}
@media(max-width:480px){
 .wrap,.article{width:calc(100% - 32px)}
 nav{gap:10px;min-height:0}
 .brand{font-size:27px}
 .navlinks{font-size:13px;gap:0 16px}
 .hero{padding:26px 0}
 .hero h1{font-size:clamp(40px,12vw,56px)}
 .intro{font-size:16px}
 .stamp{font-size:19px;padding:15px;max-width:150px}
 .strip{font-size:11px;letter-spacing:.5px;flex-direction:column;gap:10px}
 .section{padding:30px 0}
 .tools{gap:12px}
 .tools>label{flex-basis:100%}
 #filters button{font-size:13px;padding:9px 13px}
 .card{grid-template-columns:minmax(0,1fr);gap:6px;padding-top:22px}
 .card .number{font-size:24px}
 .card p{font-size:15px}
 .card-image{margin-bottom:16px}
 .article p,.article li{font-size:16px}
 .article .editorial-note{padding:8px 14px}
 .article .editorial-note p,.article .note{font-size:14px}
 .article .meta{font-size:12px}
 .note,.article .note{padding:14px}
 .place-card{grid-template-columns:minmax(0,1fr);gap:4px}
 .place-card h3{font-size:22px}
 .place-number{padding:0;font-size:21px}
 .place-actions{align-items:stretch;gap:6px 14px}
 .map-actions .button{width:100%}
 .emergency-grid{grid-template-columns:minmax(0,1fr)}
 .emergency-card{padding:20px}
 .checklist label{gap:12px}
 .footlinks{gap:2px 16px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image{transition:none}.card a:hover .card-image{transform:none}}
@media print{.article{width:100%;max-width:none;margin:0}.article-illustration,.card-image{display:none!important}.table-scroll{overflow:visible}button,.map-panel,.map-actions,.place-actions{display:none!important}}

/* Japan at Ease: shared editorial design tokens and component rules. */
:root{
 --color-canvas:#f7f5ef;--color-ink:#243b33;--color-body:#4e6457;
 --color-muted:#526459;--color-brand:#294a3b;--color-brand-hover:#1c392c;
 --color-surface:#e8ecdf;--color-line:#b5c0b1;--color-accent:#a9482b;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
 --space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;
 --space-12:48px;--space-16:64px;--space-20:80px;
 --radius-small:4px;--radius-medium:8px;--control-height:48px;
 --font-body:Arial,sans-serif;--font-display:Georgia,serif;
 --width-reading:760px;--width-wide:1240px;
}
body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body)}
.wrap{max-width:var(--width-wide)}
.article{max-width:var(--width-reading)}
header,footer{border-color:var(--color-line)}
nav{gap:var(--space-6);align-items:center}
.brand{line-height:1.25;display:inline-flex;align-items:center;flex-wrap:wrap;row-gap:var(--space-2)}
.brand .sun{flex:0 0 18px;background:var(--color-accent)}
.navlinks{gap:var(--space-2) var(--space-6)}
.navlinks a{padding:var(--space-2) 0;text-underline-offset:6px}
.navlinks a[aria-current=page]{font-weight:700;text-decoration:underline;text-decoration-thickness:2px}
.eyebrow,.meta,.caption,.article .meta,.article-illustration figcaption,footer{color:var(--color-muted)}
.eyebrow{line-height:1.6}
.article p,.article li,.place-card address{color:var(--color-body)}
.article>h1{margin:var(--space-5) 0 var(--space-6)}
.article .lede{margin:var(--space-6) 0;line-height:1.55}
.article>p.meta{margin:var(--space-4) 0 var(--space-6)}
.article-illustration{margin:var(--space-6) 0}
.article-illustration img,.card-image{border-radius:var(--radius-small)}
.article-illustration figcaption{margin-top:var(--space-2)}
.article h2{margin:var(--space-12) 0 var(--space-5)}
.article h3{margin:var(--space-8) 0 var(--space-4)}
.article p{margin:0 0 var(--space-5)}
.article p+p{margin-top:0}
.article ul,.article ol{padding-left:var(--space-6);margin:var(--space-4) 0 var(--space-6)}
.article li+li{margin-top:var(--space-2)}
.article section>h2:first-child{margin-top:var(--space-12)}
.toc,.article .toc{padding:var(--space-6);border-radius:var(--radius-small);background:var(--color-surface);margin:var(--space-6) 0 var(--space-10)}
.toc>strong{display:block;line-height:1.5}
.article .toc ol,.article .toc ul{margin:var(--space-3) 0 0;padding-left:var(--space-6)}
.article .editorial-note{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-color:var(--color-accent)}
.article .editorial-note p{margin:0;font-size:14px}
.note,.article .note{padding:var(--space-5);margin:var(--space-6) 0;line-height:1.7;border-radius:var(--radius-small)}
.article a{text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,input:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-3) var(--space-5);border-radius:var(--radius-small);font-weight:600;line-height:1.4;vertical-align:middle}
button{border:1px solid var(--color-brand);color:var(--color-brand);background:transparent}
button:hover{background:var(--color-surface)}
.button,button.active,.place-actions button[aria-pressed=true]{background:var(--color-brand);color:white}
.button,.article .button{text-decoration:none}
.button:hover,button.active:hover,.place-actions button[aria-pressed=true]:hover{background:var(--color-brand-hover);text-decoration:none}
.button{margin-top:var(--space-4)}
input[type=search]{border-color:var(--color-line);border-radius:var(--radius-small);padding:var(--space-3) var(--space-4)}
input[type=search]::placeholder{color:var(--color-muted);opacity:1}
.tools{align-items:flex-start;gap:var(--space-4);margin:var(--space-4) 0 var(--space-6)}
.tools input{min-height:var(--control-height)}
#filters{gap:var(--space-2)!important}
#filters button{min-height:var(--control-height);font-size:14px}
.grid{align-items:stretch;gap:var(--space-6)}
.card{padding:var(--space-8) 0 var(--space-6);border-color:var(--color-line);align-items:start}
.card>div{display:flex;flex-direction:column;align-items:stretch;height:100%}
.card-image{margin-bottom:var(--space-5)}
.card h3{margin:var(--space-3) 0 var(--space-4);line-height:1.2}
.card p{margin:0 0 var(--space-5);color:var(--color-body);font-size:15px;line-height:1.7}
.card .read{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;align-self:flex-start}
.card .eyebrow{font-size:11px}
.card .number{line-height:1}
.sectionhead{align-items:baseline}
.sectionhead>span{white-space:normal}
.sectionhead h2{line-height:1.15}
.strip{align-items:center}
.band{padding:var(--space-10);gap:var(--space-8);border-radius:var(--radius-small)}
.band h2{line-height:1.15}
.band p{margin:0 0 var(--space-5);color:var(--color-body)}
.table-scroll{border-color:var(--color-line);border-radius:var(--radius-small);margin:var(--space-6) 0}
th,td{padding:var(--space-4);border-color:var(--color-line);text-align:left;vertical-align:top}
th{line-height:1.5;color:var(--color-ink);background:var(--color-surface)}
td{color:var(--color-body)}
.map-panel{padding:var(--space-5);border-color:var(--color-line);border-radius:var(--radius-small)}
.map-panel iframe,.map-placeholder{border-radius:var(--radius-small)}
.map-status{margin-bottom:var(--space-4)}
.article .map-panel p.meta{margin:var(--space-3) 0 0}
.article .map-placeholder p{margin:0 0 var(--space-4)}
.map-actions{margin:0 0 var(--space-6)}
.place-card{padding:var(--space-6) 0;border-color:var(--color-line)}
.place-card h3{margin:0 0 var(--space-3);line-height:1.3}
.place-card address{font-size:16px;line-height:1.7;margin-bottom:var(--space-3)}
.place-card p{margin:0 0 var(--space-4);font-size:15px}
.place-actions{gap:var(--space-2) var(--space-4);align-items:center}
.place-actions button{font-size:13px}
.place-number{padding-top:2px;line-height:1.3;color:var(--color-muted)}
.place-card p.meta{margin:var(--space-3) 0 0}
.emergency-grid{align-items:stretch;gap:var(--space-6)}
.emergency-card{padding:var(--space-6);border-radius:var(--radius-small)}
.emergency-card p{margin:0}
.article .checklist{padding:0;margin:var(--space-5) 0 var(--space-8)}
.article .checklist li{margin:0;padding:var(--space-4) 0;border-color:var(--color-line)}
.checklist label{align-items:flex-start;gap:var(--space-4)}
.checklist input{margin-top:3px}
.hotline-number{display:inline-flex;min-height:44px;align-items:center}
.foot{align-items:flex-start;gap:var(--space-8)}
.foot p{margin:var(--space-4) 0}
.footlinks{align-items:flex-start;gap:var(--space-2) var(--space-6)}
.essentials-promo h2{margin:var(--space-4) 0 var(--space-5);line-height:1.15}
.essentials-promo p{margin:0 0 var(--space-4);color:var(--color-body)}
@media(max-width:960px){nav{align-items:flex-start}.sectionhead{align-items:flex-start}}
@media(max-width:760px){
 .article h2,.article section>h2:first-child{margin-top:var(--space-10)}
 .band{padding:var(--space-6);gap:var(--space-6)}
 .sectionhead h2{margin-bottom:var(--space-4)}
 .sectionhead>span{display:block;margin-bottom:var(--space-5)}
}
@media(max-width:480px){
 nav{gap:var(--space-3)}
 .navlinks{gap:0 var(--space-4)}
 .article .toc,.map-panel{padding:var(--space-4)}
 .article .editorial-note,.note,.article .note{padding:var(--space-4)}
 .card{padding:var(--space-6) 0;gap:var(--space-3)}
 .card .number{font-size:20px}
 .card-image{margin-bottom:var(--space-4)}
 #filters button{padding:var(--space-3);font-size:13px}
 th,td{padding:var(--space-3)}
 .place-card{gap:var(--space-2)}
 .place-actions{align-items:flex-start}
 .checklist label{gap:var(--space-3)}
 .emergency-card{padding:var(--space-5)}
 .footlinks{gap:var(--space-2) var(--space-4)}
}
@media print{.article{margin:0}.article h2{margin-top:24px}.article p{margin-bottom:12px}.card .read,.hotline-number{min-height:0}.button,button{display:none!important}}

.intro,.card p,.band p{color:var(--color-body)}
.ad{color:var(--color-muted)}
/* Cards use their whole column; intrinsic image widths never determine the grid. */
.grid{width:100%;min-width:0;max-width:100%}
.card{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:0}
.card .number{display:none}
.card>div{width:100%;min-width:0;max-width:100%}
.card>div>a:first-child{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;border-radius:var(--radius-small)}
.card-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-illustration,.herofigure{min-width:0;max-width:100%}
main,section{min-width:0}
@media(max-width:760px){
 .tools>label{flex:1 1 100%;width:100%}
 .tools #filters{width:100%;max-width:100%}
 #filters button{flex:1 1 auto}
 .card{display:flex;gap:0}
 .card .number{display:none}
 .card>div{width:100%}
}