.osaka-guide{color:#193b31;--muted:#5d6c61;--line:#d9e0d5;--green:#123f32;--gold:#dac18e;background:#faf9f5;padding-bottom:36px}.osaka-guide [hidden]{display:none!important}.osaka-guide a{text-decoration:none}.osaka-guide a:focus-visible,.osaka-guide button:focus-visible{outline-offset:5px;outline:3px solid #946818}.osaka-guide h1,.osaka-guide h2,.osaka-guide h3{text-wrap:balance;font-weight:750}.osaka-guide p{line-height:1.9}.guide-wrap{width:min(1160px,100% - 48px);margin-inline:auto}.guide-breadcrumb{color:#596e60;flex-wrap:wrap;gap:11px;padding-block:22px;font-size:.75rem;display:flex}.guide-breadcrumb a{text-underline-offset:4px;align-items:center;min-height:28px;text-decoration:underline;display:inline-flex}.guide-breadcrumb>span{align-self:center}.guide-eyebrow{letter-spacing:.14em;color:#46745d;margin-bottom:12px;font-size:.66rem;font-weight:750;line-height:1.6!important}.city-hero{background:var(--green);color:#fff;border-radius:6px;grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.city-intro{align-self:center;padding:46px 42px}.city-intro .guide-eyebrow{color:var(--gold)}.city-intro h1{letter-spacing:.08em;margin-top:30px;font-size:.95rem;font-weight:500}.city-title{letter-spacing:-.045em;margin:13px 0 23px;font-size:clamp(2rem,3.7vw,3.1rem);font-weight:700;line-height:1.45!important}.city-lead{color:#e0e7dd;max-width:36ch;font-size:.92rem}.guide-button{background:var(--gold);color:#1c3a2c;border-radius:3px;align-items:center;gap:30px;min-height:48px;margin-top:28px;padding:15px 20px;font-size:.85rem;font-weight:700;display:inline-flex}.guide-button:hover{background:#ecd5a2}.city-meta{letter-spacing:.1em;color:#c3d2c7;flex-wrap:wrap;gap:12px;margin-top:33px;font-size:.62rem;display:flex}.city-meta span+span{border-left:1px solid #6d8777;padding-left:12px}.guide-photo{min-width:0;margin:0}.guide-photo img{object-fit:cover;background:#dae1d6;width:100%;height:auto;display:block}.guide-photo figcaption{color:#617064;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;font-size:.66rem;line-height:1.6;display:flex}.guide-photo figcaption>a{white-space:nowrap;text-underline-offset:3px;flex-shrink:0;text-decoration:underline}.city-hero-photo{min-width:0;min-height:550px;position:relative}.city-hero-photo .guide-photo{height:100%}.city-hero-photo img{object-position:65% center;height:100%;position:absolute;inset:0}.city-hero-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05251bd9);position:absolute;inset:55% 0 0}.city-hero-photo figcaption{z-index:1;color:#fff;padding:17px 22px;position:absolute;bottom:0;left:0;right:0}.photo-location{z-index:1;color:#fff;letter-spacing:.1em;background:#062e25cc;border:1px solid #fff5;padding:7px 12px;font-size:.65rem;position:absolute;top:25px;right:24px}.guide-jump{border-bottom:1px solid var(--line);align-items:center;gap:27px;padding-block:18px;font-size:.78rem;display:flex}.guide-jump>span{color:var(--muted);margin-right:auto;font-size:.69rem}.guide-jump a{align-items:center;min-height:44px;padding:9px 0;font-weight:650;display:inline-flex}.guide-jump a:hover{text-underline-offset:5px;text-decoration:underline}.guide-section{padding-block:65px;scroll-margin-top:75px}.guide-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:29px;display:flex}.guide-heading h2,.guide-next h2{letter-spacing:-.025em;font-size:clamp(1.5rem,2.5vw,2.05rem);line-height:1.5}.guide-heading>p{color:var(--muted);font-size:.83rem}.area-filters{flex-wrap:wrap;gap:9px;display:flex}.area-filters button{cursor:pointer;color:#294837;background:0 0;border:1px solid #bbcbbb;border-radius:24px;min-height:44px;padding:10px 20px;font-size:.79rem}.area-filters button:hover{background:#e8eee5}.area-filters button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.area-count{color:var(--muted);margin:16px 0;font-size:.72rem}.area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 23px;display:grid}.area-card{min-width:0}.area-card>a{background:#fff;border:1px solid #dee4d9;border-radius:5px;height:100%;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.area-card>a:hover{transform:translateY(-3px);box-shadow:0 9px 22px #1a4d2610}.area-card-image{position:relative;overflow:hidden}.area-card-image img{aspect-ratio:1.5;object-fit:cover;transition:transform .3s}.area-card>a:hover img{transform:scale(1.025)}.area-number{color:#557058;background:#fff;padding:9px 13px;font:italic 1.08rem Georgia,serif;position:absolute;bottom:0;left:0}.area-card-copy{padding:23px 22px}.area-card-copy .guide-eyebrow{letter-spacing:.11em;font-size:.57rem}.area-card h3{justify-content:space-between;align-items:start;gap:10px;font-size:1.27rem;line-height:1.5;display:flex}.area-card h3>span{color:#6b825e;font-size:1.15rem}.area-card-copy>p:not(.guide-eyebrow){color:var(--muted);margin:12px 0 18px;font-size:.83rem}.area-card-meta{color:#56704d;border-top:1px solid #e3e9dd;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:15px;font-size:.66rem;display:flex}.guide-small{color:var(--muted);margin-top:22px;font-size:.72rem}.walk-band{background:#eaf0e5;border-block:1px solid #dce5d4}.walk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.walk-card{background:#fff;border:1px solid #dce4d8;border-radius:5px;overflow:hidden}.walk-card img{aspect-ratio:1.7;object-fit:cover}.walk-card>div{padding:25px}.walk-card h3{font-size:1.18rem;line-height:1.5}.walk-card>div>p:not(.guide-eyebrow){color:var(--muted);margin-block:13px 20px;font-size:.84rem}.guide-text-link{color:#235d40;text-underline-offset:5px;align-items:center;min-height:44px;font-size:.8rem;font-weight:700;line-height:1.8;display:inline-flex;text-decoration:underline #a2b39c!important}.orientation{grid-template-columns:1fr 1fr;gap:45px;display:grid}.rail-note{background:#f0eee3;border-radius:5px;padding:32px}.rail-note h3{margin-bottom:24px;font-size:1.3rem}.rail-note ol{flex-wrap:wrap;gap:10px 0;margin:0 0 22px;padding:0;list-style:none;display:flex}.rail-note li{align-items:center;font-size:.82rem;font-weight:650;display:flex}.rail-note li:before{content:"";background:#fff;border:2px solid #a43d35;border-radius:50%;width:9px;height:9px;margin-right:6px}.rail-note li:not(:last-child):after{content:"";background:#a43d35;width:13px;height:2px;margin-inline:7px;display:inline-block}.rail-note>p:not(.guide-eyebrow){color:var(--muted);font-size:.79rem}.travel-tips article{border-bottom:1px solid var(--line);gap:20px;padding:23px 0;display:flex}.travel-tips article:first-child{padding-top:0}.travel-tips article>span{color:#829074;font:italic 1.5rem Georgia,serif}.travel-tips h3{font-size:1rem}.travel-tips p{color:var(--muted);margin-top:9px;font-size:.84rem}.guide-source-note{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:32px;padding-top:19px;font-size:.72rem;display:flex}.guide-source-note a{text-underline-offset:4px;text-decoration:underline}.guide-next{background:var(--green);color:#fff;border-radius:5px;justify-content:space-between;align-items:center;gap:30px;padding:35px;display:flex}.guide-next .guide-eyebrow{color:var(--gold)}.guide-next h2{font-size:1.5rem}.guide-next p:not(.guide-eyebrow){color:#dce6dc;margin-top:12px;font-size:.8rem}.guide-next>div:last-child{gap:10px;min-width:210px;display:grid}.guide-next a{border:1px solid #97ab94;border-radius:3px;min-height:48px;padding:14px 17px;font-size:.83rem;font-weight:650}.guide-next a:hover{background:#ffffff12}.area-hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-block:20px 38px;display:grid}.area-hero h1{letter-spacing:-.045em;font-size:clamp(2rem,3.5vw,2.85rem);line-height:1.35}.area-subtitle{margin:18px 0;font-size:1.1rem;font-weight:600}.area-intro{color:#52695a;margin-top:18px;font-size:.9rem}.area-facts{border-top:1px solid var(--line);margin-top:25px}.area-facts>div{border-bottom:1px solid var(--line);grid-template-columns:95px 1fr;gap:14px;padding-block:13px;font-size:.77rem;line-height:1.7;display:grid}.area-facts dt{color:#61775e;padding-top:2px;font-size:.67rem}.area-facts dd{margin:0;font-weight:600}.area-hero>.guide-photo img{object-fit:cover;border-radius:5px;height:450px}.spot-list{gap:52px;display:grid}.spot-row{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.spot-row:nth-child(2n)>.guide-photo{order:2}.spot-row img{aspect-ratio:1.5;border-radius:5px}.spot-copy h3{font-size:1.5rem;line-height:1.55}.spot-copy>p:not(.guide-eyebrow){color:var(--muted);margin-block:18px;font-size:.9rem}.route-steps{grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;list-style:none;display:grid}.route-steps li{border-top:2px solid #91a384;padding-top:20px}.route-number{color:#748764;margin-bottom:13px;font:italic 2rem Georgia,serif;display:block}.route-steps h3{font-size:1.05rem;line-height:1.65}.route-steps p{color:var(--muted);margin-top:10px;font-size:.84rem}.practical-grid{grid-template-columns:repeat(2,1fr);gap:0 40px;display:grid}.practical-grid>section{border-top:1px solid var(--line);padding-block:25px}.practical-grid h3{margin-bottom:12px;font-size:1.08rem}.practical-grid p{color:var(--muted);font-size:.86rem}.guide-sources{background:#eeeee5;border-radius:4px;margin-top:17px;padding:25px 28px}.guide-sources h3{font-size:.92rem}.guide-sources p{color:var(--muted);margin-top:11px;font-size:.75rem}.guide-sources ul{flex-wrap:wrap;gap:10px 22px;margin-top:13px;padding:0;list-style:none;display:flex}.guide-sources a{text-underline-offset:4px;min-height:32px;padding-block:5px;font-size:.75rem;text-decoration:underline;display:inline-block}.related-areas{padding-top:0}.related-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.related-grid>a{border:1px solid var(--line);background:#fff;border-radius:5px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.related-grid .guide-photo,.related-grid img{height:100%}.related-grid img{object-fit:cover;min-height:190px}.related-grid>a>div{padding:25px}.related-grid h3{font-size:1.1rem;line-height:1.5}.related-grid .guide-eyebrow{font-size:.55rem}.related-grid p:not(.guide-eyebrow){color:var(--muted);margin-top:9px;font-size:.78rem}.osaka-guide img[data-photo=tennoji-garden]{object-position:center 15%}.osaka-guide img[data-photo=tsutenkaku]{object-position:center 28%}.osaka-guide img[data-photo=namba-parks]{object-position:center 40%}@media (width>=701px){.area-card:last-child{grid-column:1/-1}.area-card:last-child>a{grid-template-columns:1fr 2fr;display:grid}.area-card:last-child .area-card-image,.area-card:last-child .guide-photo,.area-card:last-child img{height:100%}.area-card:last-child img{aspect-ratio:auto;min-height:230px}.area-card:last-child .area-card-copy{align-self:center}}@media (width<=1000px){.city-intro{padding:32px 27px}.city-title{font-size:2.3rem}.city-hero-photo{min-height:510px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orientation{gap:28px}.area-hero{gap:30px}.area-hero>.guide-photo img{height:420px}.spot-row{gap:30px}.related-grid>a{grid-template-columns:1fr}.related-grid .guide-photo img{height:200px}.walk-grid{gap:18px}.walk-card>div{padding:20px}.guide-next{padding:28px}.guide-heading{align-items:start}}@media (width<=700px){.guide-wrap{width:calc(100% - 32px)}.guide-breadcrumb{gap:8px;padding-block:15px;font-size:.66rem}.city-hero{grid-template-columns:1fr}.city-intro{padding:30px 26px 32px}.city-intro h1{margin-top:18px}.city-title{margin-block:10px 18px;font-size:2.25rem}.city-lead{max-width:42ch;font-size:.88rem}.city-meta{margin-top:24px}.city-hero-photo{height:280px;min-height:280px}.city-hero-photo img{object-position:center 45%}.city-hero-photo figcaption{padding:14px;font-size:.59rem}.photo-location{font-size:.56rem;top:15px;right:15px}.guide-jump{flex-wrap:wrap;gap:0 18px;padding-block:12px}.guide-jump>span{width:100%;font-size:.62rem}.guide-jump a{font-size:.73rem}.guide-section{padding-block:42px}.guide-heading{margin-bottom:23px;display:block}.guide-heading>p,.guide-heading>.guide-text-link{margin-top:12px}.guide-heading h2{font-size:1.53rem}.area-filters{gap:7px}.area-filters button{padding:10px 14px;font-size:.73rem}.area-grid{grid-template-columns:1fr;gap:23px}.area-card-image img{aspect-ratio:1.7}.area-card-copy{padding:23px}.area-card-copy>p:not(.guide-eyebrow){font-size:.87rem}.area-card h3{font-size:1.35rem}.walk-grid,.orientation,.route-steps,.practical-grid,.related-grid,.area-hero,.spot-row{grid-template-columns:1fr}.walk-grid{gap:22px}.walk-card>div{padding:23px}.walk-card img{aspect-ratio:1.8}.guide-small{font-size:.69rem}.rail-note{padding:25px}.orientation{gap:30px}.guide-source-note{flex-direction:column;gap:10px}.guide-next{flex-direction:column;align-items:stretch;gap:23px;padding:27px}.guide-next h2{font-size:1.3rem}.area-hero{gap:24px;padding-block:15px 20px}.area-hero h1{font-size:2.1rem}.area-subtitle{font-size:1.05rem}.area-intro{font-size:.88rem}.area-hero>.guide-photo img{height:300px}.guide-photo figcaption{gap:8px;font-size:.6rem}.spot-list{gap:35px}.spot-row{gap:18px}.spot-row:nth-child(2n)>.guide-photo{order:0}.spot-copy h3{font-size:1.3rem}.spot-copy>p:not(.guide-eyebrow){margin-block:12px;font-size:.87rem}.spot-copy .guide-eyebrow{margin-bottom:8px}.route-steps{gap:24px}.route-steps li{padding-top:17px;padding-left:55px;position:relative}.route-number{font-size:1.6rem;position:absolute;top:18px;left:0}.route-steps h3{font-size:1.05rem}.practical-grid>section{padding-block:22px}.guide-sources{padding:22px}.related-areas{padding-top:0}.related-grid>a{grid-template-columns:1fr}.related-grid .guide-photo img{height:210px}.related-grid>a>div{padding:23px}}@media (prefers-reduced-motion:reduce){.osaka-guide *{scroll-behavior:auto!important;transition:none!important}}