.kyoto-water-surface{--ks-paper:#f7f4ee;--ks-ink:#171714;--ks-muted:#68655f;--ks-line:#ddd7cc;--ks-soft:#f0ece4;--ks-red:#157c8c;--ks-dark-red:#0b5663;--ks-yellow:#f2c62e;min-height:100vh;color:var(--ks-ink);background:var(--ks-paper)}.kyoto-water-shell{width:min(1080px,100% - 28px);margin:0 auto;padding:56px 0 72px}.kyoto-water-hero{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:32px;min-height:410px;margin-bottom:34px;display:grid;overflow:hidden}.kyoto-water-hero-copy{z-index:2;position:relative}.kyoto-water-eyebrow,.kyoto-water-section-kicker,.kyoto-water-rule-label{color:var(--ks-red);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:850}.kyoto-water-hero h1{letter-spacing:-.055em;max-width:820px;margin:0 0 20px;font-size:clamp(3rem,8vw,6.2rem);line-height:.92}.kyoto-water-lede{max-width:650px;color:var(--ks-muted);margin:0;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.65}.kyoto-water-art{min-height:310px;position:relative}.kyoto-water-art span{display:block;position:absolute}.kyoto-water-art-diagonal{background:var(--ks-red);width:190px;height:290px;top:8px;right:60px;transform:rotate(25deg)}.kyoto-water-art-disc{background:var(--ks-yellow);border-radius:50%;width:130px;height:130px;bottom:4px;right:0}.kyoto-water-art-grid{background:linear-gradient(90deg, var(--ks-ink) 2px, transparent 2px) 0 0 / 18px 18px, linear-gradient(var(--ks-ink) 2px, transparent 2px) 0 0 / 18px 18px;opacity:.75;width:150px;height:120px;top:46px;left:0;transform:rotate(-7deg)}.kyoto-water-rule{background:#f2fbfc;border:1px solid #a7d2d8;border-radius:22px;margin:0 0 28px;padding:clamp(20px,4vw,30px)}.kyoto-water-rule h2{margin:0 0 10px;font-size:clamp(1.45rem,3vw,2rem)}.kyoto-water-rule p:not(.kyoto-water-rule-label){color:#405b60;max-width:780px;margin:0;line-height:1.7}.kyoto-water-rule>div{flex-wrap:wrap;gap:8px 18px;margin-top:15px;display:flex}.kyoto-water-rule a{color:var(--ks-dark-red);font-size:.88rem;font-weight:800}.kyoto-water-tool{border:1px solid var(--ks-line);background:#fffffff0;border-radius:28px;padding:clamp(16px,3vw,28px);box-shadow:0 24px 60px #17171412}.kyoto-water-tool-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.kyoto-water-tool-header h2,.kyoto-water-info h2,.kyoto-water-faq h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,4vw,2.35rem)}.kyoto-water-location-button,.kyoto-water-more{background:var(--ks-ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:750;display:inline-flex}.kyoto-water-location-button:disabled{cursor:wait;opacity:.6}.kyoto-water-location-button:focus-visible,.kyoto-water-more:focus-visible,.kyoto-water-card-links a:focus-visible,.kyoto-water-card-links button:focus-visible,.kyoto-water-rule a:focus-visible{outline:3px solid var(--ks-yellow);outline-offset:3px}.kyoto-water-privacy,.kyoto-water-location-message{color:var(--ks-muted);margin:12px 0 20px;font-size:.88rem;line-height:1.5}.kyoto-water-location-message{color:#36624a}.kyoto-water-map-frame{border:1px solid var(--ks-line);background:var(--ks-paper);border-radius:22px;margin:8px 0 18px;overflow:hidden}.kyoto-water-map{width:100%;height:min(58vh,620px);min-height:440px}.kyoto-water-map .maplibregl-ctrl-group{border:1px solid var(--ks-line);box-shadow:none}.kyoto-water-result-summary{color:var(--ks-muted);margin:18px 2px 12px;font-size:.92rem}.kyoto-water-result-summary strong{color:var(--ks-ink)}.kyoto-water-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.kyoto-water-place-card{border:1px solid var(--ks-line);background:#fff;border-radius:18px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s}.kyoto-water-place-card[data-selected]{border-color:var(--ks-red);outline-offset:2px;outline:2px solid #c9443252;transform:translateY(-1px);box-shadow:0 12px 28px #8f2d231f}.kyoto-water-selected-label{color:var(--ks-dark-red);letter-spacing:.06em;text-transform:uppercase;background:#f8e4df;border-radius:999px;margin:0 0 9px;padding:4px 8px;font-size:.68rem;font-weight:850;display:inline-flex}.kyoto-water-place-heading{justify-content:space-between;gap:18px;display:flex}.kyoto-water-place-type{color:var(--ks-red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:800}.kyoto-water-place-heading h3{margin:0 0 8px;font-size:1.12rem;line-height:1.4}.kyoto-water-address{color:var(--ks-muted);margin:0;font-size:.86rem;line-height:1.55}.kyoto-water-distance{color:var(--ks-dark-red);white-space:nowrap;flex:none;font-weight:850}.kyoto-water-detail{color:var(--ks-muted);grid-template-columns:100px 1fr;gap:8px;margin:12px 0 0;font-size:.84rem;line-height:1.55;display:grid}.kyoto-water-detail strong{color:var(--ks-ink)}.kyoto-water-warning{background:#fff4d2;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.82rem;line-height:1.55}.kyoto-water-card-links{flex-wrap:wrap;gap:8px 16px;margin-top:15px;display:flex}.kyoto-water-card-links a,.kyoto-water-card-links button{color:var(--ks-dark-red);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.kyoto-water-card-links a:hover,.kyoto-water-card-links button:hover,.kyoto-water-source a:hover,.kyoto-water-footer a:hover{text-decoration:underline}.kyoto-water-state{color:var(--ks-muted);text-align:center;border:1px dashed #bdb5a8;border-radius:16px;margin-top:18px;padding:28px 18px}.kyoto-water-state-error{color:#8a2e2e;border-color:#e5aca3}.kyoto-water-more{background:var(--ks-soft);color:var(--ks-ink);margin:18px auto 0}.kyoto-water-source{border-top:1px solid var(--ks-line);margin-top:24px;padding-top:18px}.kyoto-water-source p{color:var(--ks-muted);margin:0 0 6px;font-size:.8rem;line-height:1.55}.kyoto-water-source a{color:var(--ks-ink)}.kyoto-water-info{border-top:1px solid var(--ks-line);border-bottom:1px solid var(--ks-line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-top:64px;padding:36px 0;display:grid}.kyoto-water-prose p{color:var(--ks-muted);margin:0 0 16px;line-height:1.75}.kyoto-water-faq{margin-top:56px}.kyoto-water-faq-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.kyoto-water-faq article{border:1px solid var(--ks-line);background:#fff;border-radius:18px;padding:20px}.kyoto-water-faq h3{margin:0 0 10px;font-size:1rem}.kyoto-water-faq p{color:var(--ks-muted);margin:0;font-size:.9rem;line-height:1.65}.kyoto-water-footer{border-top:1px solid var(--ks-line);color:var(--ks-muted);justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;font-size:.84rem;display:flex}.kyoto-water-footer p{margin:0}.kyoto-water-footer a{color:var(--ks-ink);text-decoration:none}@media (max-width:760px){.kyoto-water-shell{width:min(100% - 18px,1080px);padding-top:36px}.kyoto-water-hero{grid-template-columns:1fr;min-height:0}.kyoto-water-art{opacity:.92;min-height:170px;margin-top:-18px}.kyoto-water-art-diagonal{width:120px;height:180px;right:60px}.kyoto-water-art-disc{width:82px;height:82px}.kyoto-water-art-grid{width:105px;height:80px;top:30px}.kyoto-water-tool-header,.kyoto-water-info,.kyoto-water-footer{grid-template-columns:1fr;display:grid}.kyoto-water-location-button{width:100%}.kyoto-water-map{height:52vh;min-height:380px}.kyoto-water-faq-grid{grid-template-columns:1fr}.kyoto-water-detail{grid-template-columns:84px 1fr}}@media (prefers-reduced-motion:reduce){.kyoto-water-place-card{transition:none}}