:root{--font-body: "Inter", "Noto Sans JP", sans-serif;--font-heading: "Inter", "Noto Sans JP", sans-serif;--background: #ffffff;--foreground: #09090b;--muted: #f4f4f5;--muted-foreground: #71717a;--popover: #ffffff;--popover-foreground: #09090b;--card: #ffffff;--card-foreground: #09090b;--border: #e4e4e7;--input: #e4e4e7;--primary: #18181b;--primary-foreground: #fafafa;--secondary: #f4f4f5;--secondary-foreground: #18181b;--accent: #f4f4f5;--accent-foreground: #18181b;--destructive: #ef4444;--destructive-foreground: #fafafa;--ring: #18181b;--radius: .5rem;--card-border: #e4e4e7;--card-bg: #ffffff;--section-muted: #f8fafc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--foreground);background:var(--background);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}table{border-collapse:collapse;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}section{padding:3rem 0}.site-header{background:var(--background);color:var(--foreground);padding:.75rem 0;border-bottom:1px solid var(--border);z-index:1000}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{font-weight:600;font-size:1rem;letter-spacing:-.025em;display:flex;align-items:center;gap:.5rem}.site-nav{display:flex;gap:.5rem}.site-nav a{padding:.4rem .8rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:all .2s}.site-nav a:hover{background:var(--accent);color:var(--accent-foreground)}.hero{background:var(--background);color:var(--foreground);text-align:center;padding:4rem 0 3rem;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.05em;margin-bottom:1rem}.hero p{color:var(--muted-foreground);max-width:650px;margin:0 auto 2rem;font-size:1.125rem}.breadcrumb{font-size:.82rem;margin-bottom:1rem}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 .4rem;opacity:.6}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:visible;transition:transform .2s,box-shadow .2s;border:1px solid var(--card-border)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-body{padding:1.25rem}.section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.5rem;letter-spacing:-.025em}.section-subtitle{text-align:center;color:var(--muted-foreground);margin-bottom:3rem;font-size:1rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.badge-high{background:#dbf9ea;color:#166534}.badge-shoulder{background:#fef3c7;color:#92400e}.badge-off{background:#f4f4f5;color:#3f3f46}.season-table{font-size:.82rem;text-align:center}.season-table th,.season-table td{padding:.75rem .5rem;border:1px solid var(--border)}.season-table thead th{background:var(--muted);color:var(--foreground);font-weight:600;position:sticky;top:0}.season-table tbody tr:hover{background:#f1f5f9}.season-table .cell-high{background:#10b98126}.season-table .cell-shoulder{background:#f59e0b26}.season-table .cell-off{background:transparent}.season-table .country-name{text-align:left;white-space:nowrap;font-weight:600}.season-table .country-name a{color:var(--color-navy)}.season-table .country-name a:hover{text-decoration:underline}.month-nav{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:1rem}.month-nav a{padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;background:#ffffff26;color:#fff;transition:background .2s}.month-nav a:hover,.month-nav a.active{background:var(--color-gold);color:var(--color-navy)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.info-item{background:var(--color-surface);padding:1rem;border-radius:var(--radius);border:1px solid var(--color-border)}.info-item dt{font-size:.78rem;color:var(--color-muted);margin-bottom:.25rem;font-weight:600}.info-item dd{font-size:.95rem}.climate-table{font-size:.8rem;text-align:center}.climate-table th,.climate-table td{padding:.75rem;border:1px solid var(--border)}.climate-table thead th{background:var(--background)!important;color:var(--foreground);font-size:.75rem;font-weight:700;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:900!important;border-bottom:2px solid var(--foreground)}.climate-table .temp-high{color:#dc2626;font-weight:700}.climate-table .temp-low{color:#2563eb;font-weight:700}.climate-table .rainfall{color:#0891b2}.climate-table .event-cell{font-size:.72rem;color:var(--color-gold);font-weight:600}.site-footer{background:#09090b;color:#a1a1aa;padding:4rem 0;text-align:left;font-size:.875rem}.footer-mega-nav{display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.footer-section{display:flex;flex-direction:column}.footer-section h3{color:#fff;font-size:1rem;margin-bottom:1.25rem;padding-left:0}.footer-nav-group{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.footer-nav-group ul{list-style:none;padding:0;margin:0}.footer-nav-group li{margin-bottom:.6rem}.footer-nav-group a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .2s;display:block}.footer-nav-group a:hover{opacity:1;text-decoration:underline}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.footer-bottom{text-align:center}.site-footer a{color:#fff}.disclaimer{font-size:.72rem;margin-top:.5rem;opacity:.6}.legend{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;font-size:.82rem;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:.3rem}.legend-dot{width:12px;height:12px;border-radius:3px;display:inline-block}@media(max-width:768px){.site-nav{font-size:.75rem}.grid-cards{grid-template-columns:1fr}.season-table,.climate-table{font-size:.72rem}.season-table th,.season-table td,.climate-table th,.climate-table td{padding:.3rem .2rem}section{padding:2rem 0}}.tl-legend{display:flex;gap:1rem;margin-bottom:1rem;font-size:.82rem;color:var(--color-muted);flex-wrap:wrap}.ld{display:inline-block;width:30px;height:12px;border-radius:2px;margin-right:4px;vertical-align:middle}.ld-hi{background:#4ade80}.ld-sh{background:#fbbf24}.ld-of{background:#e2e8f0}.tl-header{display:flex;align-items:center;padding:.75rem 0 .5rem;border-bottom:2px solid var(--foreground);background:var(--background);position:sticky;top:0;z-index:950}.tl-info{width:160px;flex-shrink:0;display:flex;align-items:center;padding:.2rem .5rem;border-radius:6px;min-width:0;margin-right:12px}.tl-info:hover{background:#1e293b0d}.tl-bar{display:flex;flex:1;gap:2px;align-items:center}.tl-main{flex:1;overflow:visible}.tl-mlabel{flex:1 1 0;min-width:0;text-align:center;font-size:.75rem;font-weight:700;color:var(--foreground);white-space:nowrap;letter-spacing:-.025em}.tl-action{display:none}.tl-row-wrap{border-bottom:1px solid #eee;transition:background-color .3s}.tl-row-wrap.is-open{background-color:#f2f2f2}.tl-row-wrap.is-open .tl-row:hover{background:transparent}.tl-row{display:flex;align-items:center;padding:.4rem 0;cursor:pointer;transition:background .2s;min-width:0}.tl-row:hover{background:var(--accent)}.tl-flag{font-size:1.2rem;margin-right:6px;flex-shrink:0}.tl-names{display:flex;flex-direction:column;line-height:1.3}.tl-country{font-size:.72rem;color:var(--color-muted);font-weight:500;pointer-events:none}.tl-country:hover{text-decoration:underline}.tl-city{font-size:.88rem;font-weight:700;color:var(--foreground);pointer-events:none;line-height:1.2;word-break:break-all;white-space:normal}.tl-seg{flex:1 1 0;min-width:0;height:20px;border-radius:2px}.seg-hi{background:#4ade80}.seg-sh{background:#fbbf24}.seg-of{background:#e2e8f0}.detail-btn{background:none;border:1px solid var(--color-border);border-radius:4px;font-size:.7rem;padding:.2rem .5rem;cursor:pointer;color:var(--color-muted);white-space:nowrap}.detail-btn:hover{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.tl-detail{background:transparent;padding:.5rem 0}.td-row{display:flex;align-items:center;padding:.12rem 0}.td-label{width:160px;flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--color-muted);padding-left:2rem}.td-cells{display:flex;flex:1;gap:1px}.td-action{display:none}.td-cell{flex:1;text-align:center;font-size:.72rem;min-width:0}.td-hi{color:#dc2626;font-weight:700}.td-lo{color:#2563eb;font-weight:700}.td-rain{color:#0891b2;font-size:.68rem}.cont-title{font-size:1.15rem;color:var(--color-navy);border-bottom:2px solid var(--color-navy);padding-bottom:.4rem;margin-bottom:0}@media(max-width:768px){.tl-info{width:100px;margin-right:8px;padding:.2rem 0}.tl-mlabel{font-size:.55rem;display:flex;flex-direction:column;align-items:center;line-height:1.1}.tl-city{font-size:.78rem}.tl-country{font-size:.62rem}.tl-seg{height:14px}.tl-action,.td-action{display:none}.detail-btn{font-size:.6rem;padding:.15rem .3rem}.td-label{width:100px;padding-left:.5rem;font-size:.65rem}.td-cell{font-size:.62rem}.footer-nav-group{grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.7rem}.hidden-mobile{display:inline;font-size:.5rem;opacity:.8}}