:root{--ink:#25323c;--muted:#5e6b74;--deep:#18344f;--ocean:#247a9a;--spruce:#2b6a55;--maple:#c5424f;--gold:#dfa53b;--ice:#e9f6fa;--snow:#f3f7f8;--paper:#fffdf8;--line:#d8e3e5;--white:#fff;--shadow:0 14px 36px rgba(23,51,77,.11);--radius:18px;--wrap:min(1340px,calc(100% - 36px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7}img,svg{max-width:100%;height:auto}a{color:#0c6179;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#972d3a}.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:10px;z-index:1000}.skip-link:focus{left:10px;top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{width:var(--wrap);margin:auto;min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--deep);font-weight:850;line-height:1.08;min-width:280px}.brand img{width:46px;height:46px}.brand small{display:block;font-size:.74rem;color:var(--muted);font-weight:650;margin-top:4px}.nav-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-weight:780;color:var(--deep)}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:10px 10px;border-radius:10px;text-decoration:none;color:var(--deep);font-weight:730;font-size:.91rem}.main-nav a:hover,.main-nav a[aria-current="page"]{background:#e8f3f5;color:#0d566d}.hero{background:linear-gradient(135deg,#18344f 0%,#247a9a 48%,#2b6a55 100%);color:#fff;overflow:hidden}.hero-inner{width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:44px;align-items:center;padding:62px 0 50px}.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:850;color:#ffe2a0}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.02;margin:.5rem 0 1rem;max-width:820px}.hero p{font-size:1.13rem;max-width:730px;color:#eef9fa}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:12px;font-weight:820;text-decoration:none;border:2px solid transparent}.button.primary{background:var(--gold);color:#20313b}.button.secondary{border-color:#d7f0f3;color:#fff;background:rgba(255,255,255,.06)}.button.dark{background:var(--deep);color:#fff}.hero-art{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:16px;box-shadow:0 22px 52px rgba(0,0,0,.2)}.quick-strip{background:#fff;border-bottom:1px solid var(--line)}.quick-grid{width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.quick-item{padding:19px 22px;border-right:1px solid var(--line)}.quick-item:last-child{border-right:0}.quick-item strong{display:block;color:var(--deep);font-size:1rem}.quick-item span{font-size:.86rem;color:var(--muted)}main{min-height:50vh}.section{padding:58px 0}.section.alt{background:var(--snow)}.wrap{width:var(--wrap);margin:auto}.section-head{max-width:820px;margin-bottom:28px}.section-head h2,.article h2{font-family:Georgia,"Times New Roman",serif;color:var(--deep);line-height:1.18}.section-head h2{font-size:clamp(1.85rem,3vw,2.75rem);margin:0 0 10px}.section-head p{color:var(--muted);font-size:1.04rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 6px 20px rgba(23,51,77,.055)}.card h3{margin:.2rem 0 .6rem;color:var(--deep);font-size:1.2rem;line-height:1.25}.card p{color:var(--muted);margin:.4rem 0}.card .tag{font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#972d3a}.card a.stretched{font-weight:800}.icon-box{width:44px;height:44px;border-radius:13px;background:#e8f3f5;display:grid;place-items:center;color:var(--ocean);font-size:1.16rem;font-weight:850;margin-bottom:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.feature-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.notice{border-left:5px solid var(--gold);background:#fff8e8;padding:18px 20px;border-radius:0 14px 14px 0;margin:22px 0}.notice.info{border-left-color:var(--ocean);background:#edf8fa}.notice.alert{border-left-color:var(--maple);background:#fff1f2}.page-hero{background:linear-gradient(135deg,#18344f,#247a9a);color:#fff}.page-hero-inner{width:var(--wrap);margin:auto;padding:43px 0}.breadcrumbs{font-size:.84rem;color:#d9edf0;margin-bottom:10px}.breadcrumbs a{color:#fff}.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:0 0 12px;max-width:960px}.page-hero p{max-width:850px;color:#eaf7f9;font-size:1.08rem;margin:0}.article-layout{width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,850px) minmax(250px,310px);gap:44px;align-items:start;padding:46px 0 68px}.article{min-width:0}.article .lead{font-size:1.16rem;color:#3d4d56}.article h2{font-size:1.77rem;margin:2.2rem 0 .7rem}.article h3{color:var(--deep);font-size:1.2rem;margin:1.6rem 0 .5rem}.article p,.article li{font-size:1rem}.article ul,.article ol{padding-left:1.35rem}.article table{width:100%;border-collapse:collapse;min-width:620px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin:20px 0}.article th,.article td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.article th{background:#e8f2f4;color:var(--deep)}.article tr:last-child td{border-bottom:0}.sidebar{position:sticky;top:98px}.side-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}.side-card h2{font-family:inherit;font-size:1rem;margin:0 0 10px}.side-card ul{list-style:none;padding:0;margin:0}.side-card li{border-top:1px solid #edf1f2;padding:8px 0}.side-card li:first-child{border-top:0}.side-card a{text-decoration:none;font-weight:700;font-size:.91rem}.byline{display:flex;gap:10px;flex-wrap:wrap;font-size:.86rem;color:var(--muted);margin:14px 0 24px}.tool-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow);margin:25px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-weight:800;color:var(--deep);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #b7c8cc;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.field textarea{min-height:105px}.field.full{grid-column:1/-1}.result{margin-top:20px;padding:18px;border-radius:14px;background:#edf8fa;border:1px solid #b7dde3}.result:empty{display:none}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.check{display:flex;gap:8px;align-items:flex-start;background:#f6f8f7;padding:10px;border-radius:10px}.filter-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.filter-row input,.filter-row select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;min-width:220px}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.term{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fff}.term h3{margin:0 0 4px;font-size:1.05rem}.footer{background:#102d43;color:#d9e9ec;padding:46px 0 22px}.footer-grid{width:var(--wrap);margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}.footer h2{font-size:1rem;color:#fff;margin-top:0}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:7px 0}.footer a{color:#d9e9ec;text-decoration:none}.footer a:hover{color:#fff}.footer-bottom{width:var(--wrap);margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);font-size:.82rem;color:#abc1c7}.compact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0}.compact-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.season-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.season{border-radius:16px;padding:20px;color:#fff;text-decoration:none;min-height:138px}.season strong{font-size:1.15rem}.season.spring{background:#557b5a}.season.summer{background:#187b8d}.season.autumn{background:#9d5c30}.season.winter{background:#486a8d}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.region-link{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--deep);font-weight:800}.region-link span{display:block;color:var(--muted);font-weight:500;font-size:.86rem;margin-top:5px}.region-link:hover{border-color:#8fb8bf;box-shadow:0 8px 22px rgba(23,51,77,.08)}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.route-step{background:#fff;border:1px solid var(--line);border-top:5px solid var(--maple);border-radius:14px;padding:16px}.route-step strong{color:var(--deep)}
@media(max-width:1050px){.main-nav a{padding:9px 7px;font-size:.87rem}.brand{min-width:240px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;padding:10px 0}.nav-toggle{display:block}.main-nav{width:100%;display:none;margin:0}.main-nav.open{display:block}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr);padding:8px 0}.main-nav a{border:1px solid #e3e9ea}.hero-inner{grid-template-columns:1fr;padding:44px 0}.hero-art{max-width:720px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:nth-child(2){border-right:0}.quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.split{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:10px}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.side-card{margin:0}.footer-grid{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--wrap:min(100% - 22px,1340px)}.header-inner{min-height:64px}.brand span{font-size:.92rem}.brand small{display:none}.main-nav ul{grid-template-columns:1fr}.hero-inner{padding:34px 0}.hero h1{font-size:2.45rem}.hero p{font-size:1rem}.hero-art{padding:8px}.quick-grid{grid-template-columns:1fr}.quick-item{border-right:0;border-bottom:1px solid var(--line)}.quick-item:last-child{border-bottom:0}.section{padding:40px 0}.card-grid,.form-grid,.check-grid,.glossary-grid,.season-tabs,.footer-grid,.sidebar,.compact-list,.route-grid,.region-grid{grid-template-columns:1fr}.page-hero-inner{padding:32px 0}.page-hero h1{font-size:2.08rem}.article-layout{padding:30px 0 50px}.article h2{font-size:1.5rem}.tool-shell{padding:18px}.button-row{flex-direction:column}.button{width:100%}.footer{padding-top:36px}.table-scroll{margin-left:-3px;margin-right:-3px}.brand{max-width:280px}}
@media print{.site-header,.footer,.sidebar,.button-row,.nav-toggle{display:none}.article-layout{display:block;width:100%;padding:0}.page-hero{background:#fff;color:#000}.page-hero p,.breadcrumbs{color:#333}.article a{color:#000;text-decoration:none}}