:root{--navy:#102a43;--blue:#16697a;--canal:#3aa6b9;--sky:#dff5fb;--gold:#d59a29;--tulip:#c94c5c;--green:#46765b;--ink:#1d2a32;--muted:#5b6b75;--paper:#fffdf8;--soft:#f3f7f6;--line:#d8e2e4;--white:#fff;--shadow:0 12px 35px rgba(16,42,67,.10);--radius:18px;--wrap:min(1280px,calc(100% - 32px));}
*{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:#0b6070;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#8e3040}.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,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{width:var(--wrap);margin:auto;min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-weight:800;line-height:1.1;min-width:260px}.brand img{width:42px;height:42px}.brand small{display:block;font-size:.75rem;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:750;color:var(--navy)}.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 11px;border-radius:10px;text-decoration:none;color:var(--navy);font-weight:720;font-size:.94rem}.main-nav a:hover,.main-nav a[aria-current="page"]{background:#e8f5f6;color:#064e5a}.hero{background:linear-gradient(135deg,#0f3348 0%,#176b7b 58%,#2d8795 100%);color:#fff;overflow:hidden}.hero-inner{width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:42px;align-items:center;padding:60px 0 48px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:850;color:#ffe2a5}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.02;margin:.45rem 0 1rem;max-width:780px}.hero p{font-size:1.12rem;max-width:700px;color:#eaf8fa}.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:800;text-decoration:none;border:2px solid transparent}.button.primary{background:var(--gold);color:#1b2d39}.button.secondary{border-color:#d5f4f8;color:#fff;background:rgba(255,255,255,.06)}.hero-art{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.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);gap:0}.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(--navy);font-size:1rem}.quick-item span{font-size:.86rem;color:var(--muted)}main{min-height:50vh}.section{padding:58px 0}.section.alt{background:var(--soft)}.wrap{width:var(--wrap);margin:auto}.section-head{max-width:780px;margin-bottom:28px}.section-head h2,.article h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.18}.section-head h2{font-size:clamp(1.85rem,3vw,2.7rem);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{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 6px 20px rgba(16,42,67,.05)}.card h3{margin:.2rem 0 .6rem;color:var(--navy);font-size:1.2rem;line-height:1.25}.card p{color:var(--muted);margin:.4rem 0}.card .tag{font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#8e3040}.card a.stretched{font-weight:800}.icon-box{width:44px;height:44px;border-radius:13px;background:#e8f5f6;display:grid;place-items:center;color:var(--blue);font-size:1.3rem;margin-bottom:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;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(--canal);background:#edf9fb}.notice.alert{border-left-color:var(--tulip);background:#fff1f2}.page-hero{background:linear-gradient(135deg,#102a43,#16697a);color:#fff}.page-hero-inner{width:var(--wrap);margin:auto;padding:42px 0}.breadcrumbs{font-size:.84rem;color:#d7eef2;margin-bottom:10px}.breadcrumbs a{color:#fff}.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;margin:0 0 12px;max-width:880px}.page-hero p{max-width:820px;color:#e7f7f8;font-size:1.08rem;margin:0}.article-layout{width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,820px) minmax(250px,310px);gap:42px;align-items:start;padding:46px 0 68px}.article{min-width:0}.article .lead{font-size:1.16rem;color:#3b4c55}.article h2{font-size:1.75rem;margin:2.2rem 0 .7rem}.article h3{color:var(--navy);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;margin:20px 0;min-width:600px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.article th,.article td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.article th{background:#e9f4f5;color:var(--navy)}.article tr:last-child td{border-bottom:0}.sidebar{position:sticky;top:96px}.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(--navy);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #b9c8cc;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.field textarea{min-height:100px}.field.full{grid-column:1/-1}.result{margin-top:20px;padding:18px;border-radius:14px;background:#edf9fb;border:1px solid #b9e1e7}.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:#0e2937;color:#d8e9ed;padding:46px 0 22px}.footer-grid{width:var(--wrap);margin:auto;display:grid;grid-template-columns:1.25fr 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:#d8e9ed;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:#a9c2c8}.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}.season.spring{background:#557c57}.season.summer{background:#167d8e}.season.autumn{background:#a85e28}.season.winter{background:#456b90}.ad-note{font-size:.78rem;color:var(--muted);text-align:center;margin:18px 0}.legal .article-layout{grid-template-columns:minmax(0,900px)}.legal .sidebar{display:none}
@media(max-width:980px){.header-inner{flex-wrap:wrap;padding:10px 0}.brand{min-width: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:680px}.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)}.card-grid{grid-template-columns:repeat(2,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)}}
@media(max-width:640px){:root{--wrap:min(100% - 22px,1280px)}.header-inner{min-height:64px}.brand span{font-size:.94rem}.brand small{display:none}.main-nav ul{grid-template-columns:1fr}.hero-inner{padding:34px 0}.hero h1{font-size:2.55rem}.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,.split,.form-grid,.check-grid,.glossary-grid,.season-tabs,.footer-grid,.sidebar,.compact-list{grid-template-columns:1fr}.page-hero-inner{padding:32px 0}.page-hero h1{font-size:2.15rem}.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}}
@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}}