:root{color-scheme:light;--bg:#fbf7f1;--surface:#ffffff;--surface-soft:#f7efe6;--border:#ede3d7;--text:#40382f;--text-sub:#7a7062;--brand:#e58a67;--brand-strong:#c9663f;--link:#a64f2e;--focus-ring:#2f6f80;--brand-soft:#fae7dc;--accent:#7fb6c4;--accent-soft:#e7f2f5;--caution-bg:#fbf0da;--caution-text:#7a5a1e;--brand-fill:#b55c39;--radius-s:8px;--radius-m:14px;--radius-l:20px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(80,60,40,0.06),0 4px 16px rgba(80,60,40,0.07);--shadow-card-hover:0 2px 4px rgba(80,60,40,0.09),0 10px 28px rgba(80,60,40,0.13);--band-b7:#f2b09c;--band-b6:#f5c49e;--band-b5:#f0d9a3;--band-b4:#c4d9a8;--band-b3:#afd4c2;--band-b2:#a9c8de;--band-b1:#a8b8df;--font-heading-fallback:"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic Medium",sans-serif;--weather-cloud:#b9c3ce;--weather-snow:#a8b8df;--weather-thunder:#e8b54b}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Noto Sans JP,system-ui,sans-serif;font-size:1rem;line-height:1.8}.brand,.feels-badge-value,h1,h2,h3{font-family:var(--font-heading,var(--font-heading-fallback)),var(--font-heading-fallback)}h1{font-size:1.5rem;line-height:1.4;font-weight:700;margin:0 0 .75rem}h2{font-size:1.15rem;margin:2rem 0 .85rem}h2,h3{line-height:1.5;font-weight:700}h3{font-size:1rem;margin:0 0 .6rem}@media (min-width:480px){h1{font-size:1.75rem}}p{margin:0 0 1rem}a{color:var(--link);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-s)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.site-header{background:var(--bg);border-bottom:1px solid var(--border)}.site-header-inner{max-width:720px;margin:0 auto;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-header a.brand{font-weight:700;font-size:1.375rem;text-decoration:none;color:var(--brand-strong)}.site-header-nav{display:flex;gap:1.25rem}.site-header-nav a{color:var(--text);text-decoration:none;font-size:.92rem;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.site-header-nav a:hover{color:var(--link)}.site-main{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}@media (min-width:480px){.site-main{padding-left:1.5rem;padding-right:1.5rem}}.page-section{margin:0 0 1.5rem}.site-footer{border-top:1px solid var(--border);background:var(--surface-soft);padding:1.75rem 1rem;color:var(--text-sub);font-size:.85rem}.site-footer-nav{margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.site-footer a,.site-footer-nav a{color:var(--text-sub);text-decoration:underline}.site-footer p{margin:0 0 .4rem}.breadcrumbs{margin-bottom:1rem}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:0;margin:0;font-size:.82rem;color:var(--text-sub)}.breadcrumbs a{color:var(--text-sub);text-decoration:underline}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.4rem}.not-found{text-align:center;padding:3rem 1rem}.not-found-home-link{display:inline-flex;min-height:44px;align-items:center;margin-top:1rem;padding:.65rem 1.75rem;border-radius:var(--radius-pill);background:var(--brand-fill);color:#fff;text-decoration:none;font-weight:700;box-shadow:var(--shadow-card);transition:box-shadow .15s ease}.not-found-home-link:hover{box-shadow:var(--shadow-card-hover)}.home-hero{margin:.5rem 0 2rem}.home-hero-title{font-size:1.75rem;margin-bottom:.75rem}@media (min-width:480px){.home-hero-title{font-size:2.1rem}}.home-hero-lead{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .6rem}.home-hero-sub{color:var(--text-sub);margin:0}.region-block-grid{display:grid;gap:1.5rem;margin-top:1.25rem}.region-block-title{margin:0 0 .6rem}.region-block-cards{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.region-block-card{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.1rem;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.92rem;font-weight:600;box-shadow:var(--shadow-card);transition:box-shadow .15s ease}.region-block-card:hover{box-shadow:var(--shadow-card-hover)}.region-picker{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:1.25rem;margin:1.25rem 0;box-shadow:var(--shadow-card)}.region-picker-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-sub)}.region-picker-field select{min-height:44px;padding:.5rem .75rem;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem}.region-picker-submit{min-height:44px;background:var(--brand-fill);color:#fff;border:none;border-radius:var(--radius-pill);padding:.65rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-card);transition:box-shadow .15s ease}.region-picker-submit:hover{box-shadow:var(--shadow-card-hover)}.region-picker-geo{min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.65rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-card);transition:box-shadow .15s ease}.region-picker-geo:hover{box-shadow:var(--shadow-card-hover)}.region-picker-geo:disabled{opacity:.6;cursor:default}.region-picker-status{flex:1 0 100%;margin:.5rem 0 0;font-size:.85rem;color:var(--text-sub)}.region-picker-status:empty{display:none}.region-card-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem;padding:0;margin:1.25rem 0}.region-card{display:flex;flex-direction:column;gap:.3rem;min-height:44px;padding:1rem 1.1rem;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);text-decoration:none;color:var(--text);transition:box-shadow .15s ease}.region-card:hover{box-shadow:var(--shadow-card-hover)}.region-card-name{font-weight:700;font-size:1rem}.region-hero{margin:.25rem 0 .5rem}.feels-badge{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin:0 0 .6rem;padding:.75rem 1.25rem;border-radius:var(--radius-l);background:var(--band-b4)}.feels-badge[data-band=B7]{background:var(--band-b7)}.feels-badge[data-band=B6]{background:var(--band-b6)}.feels-badge[data-band=B5]{background:var(--band-b5)}.feels-badge[data-band=B4]{background:var(--band-b4)}.feels-badge[data-band=B3]{background:var(--band-b3)}.feels-badge[data-band=B2]{background:var(--band-b2)}.feels-badge[data-band=B1]{background:var(--band-b1)}.feels-badge-band,.feels-badge-label{color:var(--text);font-size:.95rem;font-weight:600}.feels-badge-value{color:var(--text);font-size:2.5rem;font-weight:700;line-height:1}.feels-badge-unit{font-size:1.25rem;font-weight:700;margin-left:.05rem}.hero-weather-line{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;color:var(--text-sub);font-size:.95rem}.hero-outfit-caption{margin:0 0 .15rem;color:var(--text-sub);font-size:.85rem}.hero-outfit-line{margin:0 0 .5rem;color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.5;font-family:var(--font-heading,var(--font-heading-fallback)),var(--font-heading-fallback)}.outfit-card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:1.25rem 1.25rem 1.5rem;margin:.75rem 0 1.25rem;transition:box-shadow .15s ease}.outfit-card:hover{box-shadow:var(--shadow-card-hover)}.outfit-card .feels-like{margin:0 0 .9rem;font-size:1.05rem;color:var(--text-sub)}.outfit-card .feels-like strong{color:var(--brand-strong);font-size:1.15rem}.outfit-list{display:grid;gap:.65rem;margin:0 0 .25rem}.outfit-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.75rem}.category-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;background:var(--surface-soft);color:var(--text);border-radius:var(--radius-pill);padding:.3rem .85rem;font-size:.8rem;font-weight:600;white-space:nowrap}.outfit-row dd{margin:0;align-self:center;font-size:.98rem}.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}.chip{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.25rem .75rem;font-size:.85rem;color:var(--text)}.reasons-box{background:var(--brand-soft);border-radius:var(--radius-m);padding:.9rem 1rem;margin:1.1rem 0}.reasons-heading{margin:0 0 .5rem;font-weight:700;font-size:.9rem;color:var(--text)}.reasons{margin:0;padding-left:1.15rem;color:var(--text)}.reasons li{margin:.25rem 0}.morning-gap-note{background:var(--accent-soft);border-radius:var(--radius-m);padding:.75rem 1rem;margin:1.1rem 0;font-size:.9rem;color:var(--text)}.morning-gap-note:before{content:"◑ "}.cautions{background:var(--caution-bg);border-radius:var(--radius-m);padding:.85rem 1rem;margin:1.1rem 0 0;list-style:none;color:var(--text)}.cautions li{position:relative;padding-left:1.6rem;margin:.35rem 0}.cautions li:first-child{margin-top:0}.cautions li:before{content:"!";position:absolute;left:0;top:.05em;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--caution-text);color:#fff;font-size:.7rem;font-weight:700;line-height:1}.outfit-fallback{color:var(--text-sub);font-style:italic}.age-band-picker{margin:.25rem 0 .75rem}.outfit-conclusion{margin:0 0 1.25rem}.age-band-selector [role=radiogroup]{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.2rem .15rem .85rem;margin:0 -.15rem .25rem}.age-band-selector .pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.1rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.age-band-selector .pill:hover{background:var(--surface-soft)}.age-band-selector .pill-selected,.age-band-selector .pill-selected:hover{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:.1rem 1.1rem}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.85rem 0;font-weight:700;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex:0 0 auto;font-size:1.3rem;line-height:1;font-weight:400;color:var(--brand-strong)}.faq-item[open] summary:after{content:"\2212"}.faq-item p{margin:0 0 1rem;color:var(--text-sub)}.table-card{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:.25rem;margin:1rem 0 1.5rem}table.guide-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}table.guide-table td,table.guide-table th{border:1px solid var(--border);padding:.6rem .75rem;text-align:left;vertical-align:top}table.guide-table thead th{background:var(--surface-soft);font-weight:700}.chip-nav{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.75rem 0 1.5rem}.chip-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1.1rem;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.88rem;transition:box-shadow .15s ease,background-color .15s ease}.chip-nav a:hover{background:var(--surface);box-shadow:var(--shadow-card)}.guide-disclaimer{margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text-sub);font-size:.85rem}.weather-icon{flex-shrink:0;display:block}.weather-icon-inline{display:inline-flex;align-items:center;gap:.35rem;vertical-align:middle}.wind-arrow{flex-shrink:0;display:block}.wind-indicator{display:inline-flex;align-items:center;gap:.3rem}.time-slot-section{margin:.75rem 0 1.75rem}.time-slot-highlight{background:var(--brand-soft);border-radius:var(--radius-m);padding:.8rem 1rem;margin:0 0 .85rem;font-size:.92rem;font-weight:600;color:var(--text)}.time-slot-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.1rem .1rem .4rem;margin:0 -.1rem}@media (min-width:480px){.time-slot-grid{grid-auto-columns:1fr;overflow-x:visible}}.time-slot-card{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:.9rem .85rem 1rem}.time-slot-label{font-weight:700;font-size:.95rem;color:var(--text);margin:0}.time-slot-weather-row{display:flex;align-items:center;gap:.4rem}.time-slot-weather-label{font-size:.82rem;color:var(--text-sub)}.time-slot-feels{display:inline-flex;align-items:baseline;gap:.15rem;width:fit-content;font-weight:700;font-size:1.3rem;color:var(--text);border-bottom:4px solid var(--band-b4);padding-bottom:.1rem}.time-slot-feels[data-band=B7]{border-bottom-color:var(--band-b7)}.time-slot-feels[data-band=B6]{border-bottom-color:var(--band-b6)}.time-slot-feels[data-band=B5]{border-bottom-color:var(--band-b5)}.time-slot-feels[data-band=B4]{border-bottom-color:var(--band-b4)}.time-slot-feels[data-band=B3]{border-bottom-color:var(--band-b3)}.time-slot-feels[data-band=B2]{border-bottom-color:var(--band-b2)}.time-slot-feels[data-band=B1]{border-bottom-color:var(--band-b1)}.time-slot-feels-unit{font-size:.85rem;font-weight:700}.time-slot-temp{margin:0}.time-slot-temp,.time-slot-wind{font-size:.85rem;color:var(--text-sub)}.time-slot-summary{margin-top:.15rem;padding-top:.5rem;border-top:1px dashed var(--border);font-size:.88rem;color:var(--text)}.city-data-note,.weekly-outlook-note{color:var(--text-sub);font-size:.9rem}.city-data-note{margin:.25rem 0 .75rem}.outlook-band-chip{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:var(--radius-pill);background:var(--band-b4);color:var(--text);font-size:.85rem;font-weight:600;white-space:nowrap}.outlook-band-chip[data-band=B7]{background:var(--band-b7)}.outlook-band-chip[data-band=B6]{background:var(--band-b6)}.outlook-band-chip[data-band=B5]{background:var(--band-b5)}.outlook-band-chip[data-band=B4]{background:var(--band-b4)}.outlook-band-chip[data-band=B3]{background:var(--band-b3)}.outlook-band-chip[data-band=B2]{background:var(--band-b2)}.outlook-band-chip[data-band=B1]{background:var(--band-b1)}.ad-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:calc(250px + 1.5rem);margin:1.5rem 0}.ad-slot-label{font-size:.75rem;color:var(--text-sub)}