.tokyo-directory{max-width:1440px;margin:0 auto;padding:145px 28px 60px;color:#263e36}.tokyo-directory h1{font:normal clamp(38px,5vw,66px)/1.1 Georgia,serif;margin:12px 0 22px}.tokyo-directory .intro{max-width:760px;font-size:20px;line-height:1.7}.tokyo-directory .eyebrow,.table-status{font:12px/1.5 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.directory-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:22px 0;margin-top:22px;border-block:1px solid #b5a37e}.directory-toolbar label{display:grid;gap:7px;font:14px system-ui,sans-serif}.directory-toolbar input,.directory-toolbar select,.tokyo-directory button{font:15px system-ui,sans-serif;padding:12px;border:1px solid #9caa9d;border-radius:5px;background:#fffdf5;color:#263e36}.directory-toolbar input[type=search]{min-width:260px}.tokyo-directory button{cursor:pointer}.tokyo-directory button:hover{background:#e8e5d6}.tokyo-directory :focus-visible{outline:3px solid #936e2e;outline-offset:3px}.directory-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(400px,1.1fr);gap:28px;align-items:start;margin-top:24px}.directory-map{position:sticky;top:110px;height:68vh;min-height:400px;border:1px solid #acb6a9;background:#e6eadf;border-radius:8px;overflow:hidden;z-index:1}.directory-map:not(.leaflet-container){display:grid;place-content:center;padding:30px;text-align:center}.directory-list{display:grid;gap:14px}.restaurant-card{padding:22px;background:#fffdf7;border:1px solid #c9c1aa;border-radius:6px}.restaurant-card h2{font:normal 27px/1.2 Georgia,serif;margin:8px 0}.restaurant-card p{font-size:15px;line-height:1.65;margin:8px 0}.restaurant-card .card-ja{font-size:13px;color:#58695e}.restaurant-card .actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px;font:14px system-ui,sans-serif}.restaurant-card .save{margin-left:auto;padding:8px}.restaurant-card a{text-underline-offset:4px}.table-status{display:inline-block;background:#edf0e8;padding:4px 8px;letter-spacing:.03em}.directory-count{font:14px system-ui,sans-serif;margin:18px 0}.directory-ethics{max-width:850px;margin:55px 0 20px;padding-top:28px;border-top:1px solid #b5a37e;line-height:1.8}.directory-ethics h2{font:30px Georgia,serif}.restaurant-card[hidden]{display:none}.directory-empty{padding:24px;border:1px dashed #a9b3a4}.leaflet-popup-content{font:14px/1.6 system-ui,sans-serif}.leaflet-popup-content a{color:#263e36;text-decoration:underline}.directory-notice{border-left:3px solid #ab8036;padding:10px 16px;background:#f4ecd8}.detail-facts{display:grid;grid-template-columns:160px 1fr;gap:14px;max-width:850px;margin:32px 0}.detail-facts dt{font-weight:bold}.detail-facts dd{margin:0}.directory-license{font:13px/1.6 system-ui,sans-serif;color:#58695e}.tokyo-directory a{color:inherit}.directory-toolbar .checkbox{display:flex;align-items:center;padding:12px 0}.directory-map button{width:max-content;margin:auto}.directory-map p{max-width:360px}.directory-toolbar [disabled]{opacity:.6}@media(max-width:850px){.directory-layout{display:flex;flex-direction:column}.directory-map{position:relative;top:auto;min-height:300px;height:42vh;width:100%;order:-1}.directory-list{width:100%}.tokyo-directory{padding:125px 18px 35px}.directory-toolbar label,.directory-toolbar input[type=search]{min-width:0;width:100%}.detail-facts{grid-template-columns:1fr;gap:8px}.detail-facts dd{margin-bottom:15px}}

.tokyo-directory button{min-height:44px}.detail-facts dd,.tokyo-directory li a{overflow-wrap:anywhere}

.directory-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:46px;align-items:center;padding-bottom:28px}.directory-hero h1{font-size:clamp(38px,4.7vw,66px)}.directory-hero .intro{font-size:19px;line-height:1.65}.directory-hero-art{margin:0}.directory-hero-art img{display:block;width:100%;height:auto;border:1px solid #d6c7a6}.directory-hero-art figcaption{font:12px/1.6 system-ui,sans-serif;margin-top:10px;color:#596558}.directory-explore{display:inline-flex;gap:24px;align-items:center;padding:13px 18px;border:1px solid #405a49;text-decoration:none;background:#263e36;color:#fffdf5!important;font:14px/1.4 system-ui,sans-serif;min-height:44px}.directory-hero-note{font:13px/1.65 system-ui,sans-serif;color:#58695e;margin-top:16px}.directory-approach{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-block:1px solid #c9c1aa;padding:16px 0;margin-top:12px}.directory-approach p{font-size:15px;line-height:1.7;margin:0}.directory-approach strong{display:block;font:normal 21px/1.4 Georgia,serif;margin-bottom:5px}.directory-next-cities{max-width:850px;margin:50px 0 0;line-height:1.8}.directory-next-cities h2{font:normal 32px/1.2 Georgia,serif}.directory-toolbar{scroll-margin-top:105px}@media(max-width:850px){.directory-hero{grid-template-columns:1fr;gap:24px;padding-bottom:15px}.directory-hero h1{font-size:42px}.directory-hero .intro{font-size:18px}.directory-hero-art{max-width:650px}.directory-approach{grid-template-columns:1fr;gap:16px}.directory-approach strong{display:inline;font-size:19px}.directory-next-cities h2{font-size:28px}}
.tokyo-directory:has(.directory-hero){padding-top:48px}@media(max-width:850px){.tokyo-directory:has(.directory-hero){padding-top:28px}}