:root{--ink:#101418;--muted:#5b635f;--line:#d9ded9;--paper:#fff;--soft:#f6f7f4;--teal:#0f8b8d;--teal-dark:#0a5f61;--clay:#c95f3e;--gold:#c89b3c;--green-soft:#e8f3ef;--clay-soft:#f7e9e3;--shadow:0 16px 45px #1014181f;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:.18em;text-decoration-color:#0f8b8d61}a:hover{color:var(--teal-dark);text-decoration-color:var(--teal-dark)}img{max-width:100%;display:block}button,input,select{font:inherit}.site-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(1120px,100% - 32px);margin-inline:auto}.site-header{z-index:20;backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #d9ded9d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(135deg, #0f8b8de6, #c95f3eeb), var(--ink);border-radius:8px;width:32px;height:32px}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:.94rem;text-decoration:none}.site-nav a:hover{color:var(--ink);background:var(--soft)}.hero{color:#fff;background:linear-gradient(90deg, #101418db, #1014188f 48%, #1014183d), var(--hero-image) center / cover;align-items:end;min-height:620px;display:grid}.hero-inner{padding:96px 0 72px}.eyebrow{color:var(--clay);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:780}.hero .eyebrow{color:#ffd7b7}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.12}h1{max-width:780px;font-size:clamp(2.7rem,7vw,5.7rem)}h2{font-size:clamp(1.7rem,4vw,2.8rem)}h3{font-size:1.18rem}.hero-copy{color:#ffffffe6;max-width:680px;margin:22px 0 0;font-size:1.16rem}.quick-check{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;width:min(940px,100%);margin-top:34px;display:grid}.field{gap:7px;display:grid}.field label{color:inherit;font-size:.86rem;font-weight:710}.field input,.field select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.hero .field label{color:#ffffffdb}.button{color:#fff;background:var(--teal);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:760;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:var(--teal-dark)}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.button.secondary:hover{color:var(--ink);background:var(--soft)}.section{padding:72px 0}.section.soft{background:var(--soft)}.section-heading{max-width:760px;margin-bottom:30px}.section-heading p{color:var(--muted);margin:12px 0 0;font-size:1.05rem}.grid{gap:16px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.card.accent{background:var(--green-soft);border-color:#c9e0d6}.card h3{margin-bottom:8px}.card p{color:var(--muted);margin:0}.card-link{height:100%;color:inherit;text-decoration:none;display:block}.card-link:hover .card{box-shadow:var(--shadow);border-color:#0f8b8d9e}.pill-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:5px 9px;font-size:.84rem;display:inline-flex}.article{width:min(780px,100% - 32px);margin:0 auto;padding:64px 0 80px}.article-header{margin-bottom:42px}.article-header h1{color:var(--ink);font-size:clamp(2.2rem,5vw,4.4rem)}.article-description{color:var(--muted);margin:18px 0 0;font-size:1.13rem}.article-meta{color:var(--muted);margin-top:18px;font-size:.94rem}.article-body h2{margin-top:42px;font-size:1.75rem}.article-body p{color:#28302c}.article-body ul,.article-body ol{padding-left:1.2rem}.article-body li+li{margin-top:8px}.guide-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-summary>div,.info-tile,.step-item,.day-card,.logistics-box{border:1px solid var(--line);background:#fff;border-radius:8px}.guide-summary>div{padding:20px}.guide-summary h2{margin-top:0;font-size:1.25rem}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-tile{min-height:112px;padding:16px}.info-tile strong{color:var(--teal-dark);margin-bottom:6px;display:block}.info-tile span{color:#28302c;display:block}.check-list,.mistake-list{gap:8px;list-style:none;display:grid;padding-left:0!important}.check-list li,.mistake-list li{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 14px 12px 42px;position:relative}.check-list li:before,.mistake-list li:before{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:12px;left:14px}.check-list li:before{content:"✓";background:var(--teal)}.mistake-list li:before{content:"!";background:var(--clay)}.step-list{gap:12px;display:grid}.step-item{grid-template-columns:44px 1fr;gap:14px;padding:18px;display:grid}.step-number{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:34px;height:34px;font-weight:820;display:grid}.step-item h3{margin-bottom:6px}.step-item p{margin:0}.step-item p+p{margin-top:8px}.action-line{color:var(--teal-dark)!important}.notice{border-left:4px solid var(--clay);background:var(--clay-soft);margin:22px 0;padding:16px 18px}.notice strong{margin-bottom:4px;display:block}.source-list{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:18px;font-size:.94rem}.source-list ul{margin:8px 0 0;padding-left:1.1rem}.checker{grid-template-columns:.92fr 1.08fr;align-items:start;gap:22px;display:grid}.checker-form{gap:16px;display:grid}.result-box{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:240px;padding:22px}.result-box[data-state=ok]{background:var(--green-soft);border-color:#8ac3ae}.result-box[data-state=warn]{background:#fff8e4;border-color:#d8b865}.result-box[data-state=no]{background:var(--clay-soft);border-color:#d9a08c}.table-like{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.table-row{grid-template-columns:180px 1fr;display:grid}.table-row+.table-row{border-top:1px solid var(--line)}.table-row strong,.table-row span{padding:12px 14px}.table-row strong{background:var(--soft)}.timeline{gap:10px;margin-top:18px;display:grid}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:92px 1fr;gap:14px;padding:0 0 12px;display:grid}.timeline-item strong{color:var(--teal-dark)}.route-list{flex-wrap:wrap;gap:8px;list-style:none;display:flex;padding-left:0!important}.route-list li{border:1px solid var(--line);background:var(--soft);color:#28302c;border-radius:999px;padding:7px 12px}.day-plan{gap:18px;display:grid}.day-card{padding:20px}.day-card-header{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;align-items:start;gap:16px;padding-bottom:14px;display:grid}.day-card-header>strong{color:var(--teal-dark);font-size:1.02rem}.day-card-header h3{margin-bottom:4px}.day-card-header p{color:var(--muted);margin:0}.day-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.day-slots>div{border-left:3px solid var(--teal);padding-left:12px}.day-slots strong{color:var(--teal-dark);margin-bottom:4px;display:block}.day-slots p{margin:0}.logistics-box{background:var(--soft);margin-top:16px;padding:14px}.logistics-box p{margin:6px 0 0}.logistics-box ul{margin-bottom:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--soft);margin-top:auto;padding:36px 0;font-size:.94rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}@media (width<=860px){.header-inner{flex-direction:column;align-items:flex-start;padding:14px 0}.site-nav{justify-content:flex-start}.hero{background:linear-gradient(180deg, #101418d6, #10141899), var(--hero-image) center / cover;min-height:680px}.quick-check,.grid.three,.grid.two,.checker,.guide-summary,.info-grid,.day-slots{grid-template-columns:1fr}.quick-check .button{width:100%}.table-row,.timeline-item,.step-item,.day-card-header{grid-template-columns:1fr}}
