:root{--n:#16213e;--n2:#22325c;--o:#f26b1d;--od:#d4560c;--os:#fff1e8;--ink:#1b2133;--mu:#5d6478;--line:#e1e5ee;--bg:#f3f5fa;--w:1080px} *{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:80px} body{margin:0;font-family:"DM Sans",Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7;font-size:17px} a{color:var(--od)}img{max-width:100%;height:auto} .wrap{max-width:var(--w);margin:0 auto;padding:0 16px} .hd{background:var(--n);position:sticky;top:0;z-index:30} .hd .wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:10px;flex-wrap:wrap} .lg{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:700;font-size:19px} .lg i{font-style:normal;background:var(--o);color:#fff;width:32px;height:32px;display:grid;place-items:center;border-radius:50% 50% 50% 4px;font-weight:700} .mn a{color:#dfe5f5;text-decoration:none;margin-left:20px;font-weight:500;font-size:15px;border-bottom:2px solid transparent;padding:4px 0} .mn a.on,.mn a:hover{color:#fff;border-color:var(--o)} .hero{background:var(--bg);text-align:center;padding:48px 0 34px;border-bottom:1px solid var(--line)} .hero h1{font-size:clamp(28px,4.6vw,46px);line-height:1.15;margin:0 auto 14px;max-width:820px;color:var(--n)} .hero .lead{max-width:700px;margin:0 auto 16px;font-size:18px;color:var(--mu)} .meta{font-size:14px;color:var(--mu);display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap} .meta img{width:34px;height:34px;border-radius:50%} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:24px auto 0} .stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px} .stats b{display:block;font-size:22px;color:var(--o)} .stats span{font-size:14px;color:var(--mu)} .jump{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px auto 0;max-width:900px} .jump a{font-size:14px;text-decoration:none;color:var(--n);background:#fff;border:1px solid var(--line);padding:5px 12px;border-radius:999px} .jump a:hover{border-color:var(--o)} main section{padding:40px 0 4px} h2{font-size:clamp(23px,3.2vw,31px);line-height:1.25;margin:0 0 10px;color:var(--n)} h2:after{content:"";display:block;width:54px;height:4px;background:var(--o);border-radius:4px;margin-top:10px} h3{font-size:20px;color:var(--n);margin:20px 0 6px} .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px} .card{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 14px rgba(22,33,62,.06)} .card.first{border:2px solid var(--o)} .ctop{display:flex;justify-content:space-between;align-items:center;background:var(--n);color:#fff;padding:8px 14px;font-size:14px} .ctop b{background:var(--o);border-radius:6px;padding:1px 9px} .ctop .r{color:#ffcf9e;font-weight:700} .cbody{padding:16px;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;flex:1} .tile{background:var(--n);border-radius:10px;height:72px;display:grid;place-items:center;padding:8px} .tile img{max-height:52px;width:auto} .cbody h3{margin:0;font-size:20px} .cbody p{margin:2px 0 0;font-size:14px;color:var(--mu)} .big{grid-column:1/-1;background:var(--os);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--mu)} .big strong{display:block;color:var(--od);font-size:19px} .cfoot{padding:0 16px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center} .go{display:block;text-align:center;background:var(--o);color:#fff;font-weight:700;text-decoration:none;padding:11px 14px;border-radius:10px} .go:hover{background:var(--od)} .cfoot a.more{font-size:14px;color:var(--n)} .tc{grid-column:1/-1;font-size:12px;color:var(--mu);text-align:center} .disc{font-size:14px;color:var(--mu);text-align:center;margin-top:18px} .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px} .cats div{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg)} .cats small{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:var(--mu)} .cats a{font-weight:700;font-size:19px;color:var(--n);text-decoration:none} .cats p{margin:4px 0 0;font-size:14px} .tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:14px 0} table{width:100%;border-collapse:collapse;font-size:15px;min-width:540px} th{background:var(--bg);color:var(--n);text-align:left;font-weight:700;border-bottom:2px solid var(--o)} th,td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top} tr:last-child td{border-bottom:0} .ok{color:#16805b;font-weight:700}.no{color:#c0392b;font-weight:700} .types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px} .types div{border-top:4px solid var(--o);background:var(--bg);border-radius:0 0 12px 12px;padding:14px} .types h3{margin:0 0 4px;font-size:18px} .types p{margin:0;font-size:15px} .rv{display:grid;grid-template-columns:220px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:24px 0} .side{background:var(--bg);border-radius:12px;padding:14px;align-self:start;text-align:center} .side .tile{margin-bottom:10px} .side dl{text-align:left;font-size:14px;margin:10px 0} .side dt{color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.04em} .side dd{margin:0 0 8px;font-weight:500} .rv h3{margin:0 0 6px;font-size:22px} .plus,.minus{list-style:none;padding:0;margin:8px 0;font-size:15px} .plus li:before{content:"+ ";color:#16805b;font-weight:700} .minus li:before{content:"- ";color:#c0392b;font-weight:700} .pm{display:grid;grid-template-columns:1fr 1fr;gap:14px} .num{counter-reset:n;list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px} .num li{counter-increment:n;background:var(--bg);border-radius:12px;padding:14px;font-size:15px} .num li:before{content:"Step " counter(n);display:block;font-weight:700;color:var(--o);font-size:13px;text-transform:uppercase} .split{display:grid;grid-template-columns:1fr 1fr;gap:18px} .flag{border-radius:12px;padding:14px 18px;background:var(--bg)} .flag.r{border-left:5px solid #c0392b}.flag.g{border-left:5px solid #16805b} .flag h3{margin-top:0} .qa{border-bottom:1px solid var(--line);padding:6px 0} .qa h3{font-size:18px;margin:12px 0 4px} .qa p{margin:0 0 10px} .writer{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;background:var(--n);color:#e7ebf6;border-radius:16px;padding:22px;margin:40px 0} .writer img{width:110px;height:110px;border-radius:16px} .writer a{color:#ffcf9e} .writer h2{color:#fff;font-size:20px}.writer h2:after{display:none} .pg{max-width:780px;margin:0 auto;padding:30px 16px 10px} .pg h1{font-size:clamp(28px,4vw,40px);color:var(--n);line-height:1.2;margin:6px 0 12px} .bc{font-size:14px;color:var(--mu)}.bc a{color:var(--mu)} .card2{display:flex;gap:20px;align-items:center;background:var(--bg);border-radius:16px;padding:18px;margin:10px 0 20px;flex-wrap:wrap} .card2 img{width:140px;height:140px;border-radius:16px} .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0} .chips li{background:var(--os);color:var(--od);border-radius:8px;padding:4px 11px;font-size:14px;font-weight:500} .ft{background:var(--n);color:#c9d1e6;padding:30px 0 18px;margin-top:20px;font-size:15px} .ft .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:20px} .ft a{color:#fff}.ft p{margin:8px 0} .ft nav a{display:inline-block;margin:0 16px 8px 0;text-decoration:none} .ft .cp{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:12px;font-size:14px;margin:6px 0 0} @media(max-width:900px){.cats{grid-template-columns:1fr 1fr}.num{grid-template-columns:1fr 1fr}.types{grid-template-columns:1fr 1fr}} @media(max-width:700px){.grid,.rv,.pm,.split,.types,.ft .wrap{grid-template-columns:1fr}.stats{grid-template-columns:1fr} .hd{position:static}.hd .wrap{justify-content:center;padding:8px 16px}.mn a{margin:0 9px}.writer{grid-template-columns:1fr;text-align:center} .writer img{margin:0 auto}.cbody{grid-template-columns:100px 1fr}.num{grid-template-columns:1fr}body{font-size:16px}}