:root{--ink:#172d35;--muted:#5e7379;--paper:#f5f7f2;--card:#fff;--line:#dce5df;--accent:#176b60;--soft:#e5f0e9;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:2}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid #c39943;outline-offset:5px;border-radius:4px}.skip{position:absolute;right:16px;top:-90px;background:var(--ink);color:#fff;padding:8px 18px;z-index:9}.skip:focus{top:10px}.wrap{width:min(1100px,calc(100% - 48px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.7)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:bold}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--accent);color:#fff;font-size:23px}.nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav [aria-current=page]{color:var(--accent);font-weight:bold}.hero{padding:82px 0 66px;max-width:820px}.eyebrow{display:inline-block;color:var(--accent);font-size:13px;letter-spacing:.01em;font-weight:bold;background:var(--soft);padding:5px 13px;border-radius:30px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,48px);line-height:1.7;letter-spacing:-1.1px;margin:19px 0 18px}h2{font-size:25px;line-height:1.8}h3{font-size:19px;line-height:1.9}.lead{color:var(--muted);font-size:18px;max-width:710px}.hero-link{display:inline-flex;margin-top:15px;align-items:center;gap:18px;background:var(--ink);color:#fff;padding:10px 23px;border-radius:12px;font-size:14px}.hero-link:hover{background:var(--accent);color:#fff}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title p{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;min-height:310px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:27px;transition:transform .16s,border-color .16s}.card:hover{transform:translateY(-3px);border-color:#96b9aa}.card-number{color:#98aea4;font-size:13px;margin-bottom:24px}.card h3{margin-bottom:12px}.card p{color:var(--muted);font-size:14px}.card .read{margin-top:auto;padding-top:13px;color:var(--accent);font-size:13px;font-weight:bold}.note-band{display:flex;gap:25px;align-items:flex-start;margin:42px 0 74px;padding:27px 31px;border:1px solid var(--line);border-radius:var(--radius);background:#edf2ec}.note-band h2{font-size:19px;white-space:nowrap;margin-bottom:0}.note-band p{color:var(--muted);font-size:14px;margin:0}.site-footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.article{max-width:800px;padding:56px 0 72px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:27px}.article h1{font-size:clamp(29px,4vw,40px);margin-bottom:24px}.article .intro{font-size:18px;color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.article h2{font-size:21px;margin:32px 0 12px}.article p{font-size:16px;margin-bottom:20px}.article .tip{padding:20px 24px;border-right:3px solid var(--accent);border-radius:10px;background:var(--soft);font-size:14px;margin-top:28px}.article-end{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:14px;color:var(--accent)}.about-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.about-box p:last-child{margin-bottom:0}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:82px;flex-wrap:wrap;padding:16px 0;gap:13px}.brand{font-size:17px}.nav{gap:22px;font-size:13px}.hero{padding:48px 0 40px}.lead{font-size:16px}.cards{grid-template-columns:1fr}.card{min-height:0;padding:25px}.card-number{margin-bottom:12px}.section-title{display:block}.section-title p{margin-top:-8px}.note-band{display:block;margin-bottom:48px;padding:24px}.note-band h2{margin-bottom:10px}.article{padding:36px 0 48px}.article p{font-size:15px}.footer-inner{display:block}.footer-inner span{display:block;margin-bottom:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
