.gwrap{max-width:780px;margin:0 auto;padding:0 22px}
.ghero{padding:clamp(36px,6vw,64px) 0 8px}
.ghero h1{font-size:clamp(2.1rem,5.4vw,3.4rem);margin-top:14px}
.ghero .lead{font-size:1.12rem;color:var(--muted);margin-top:18px}
.crumbs{font-size:.86rem;color:var(--faint);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--text)}
.crumbs span[aria-hidden]{opacity:.6}
.gmeta{margin-top:16px;font-size:.86rem;color:var(--faint)}
.gtoc{margin:30px 0 0;padding:18px 22px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.gtoc b{font:800 .78rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.gtoc ol{margin:12px 0 0 20px;display:grid;gap:6px;color:var(--muted);font-size:.96rem}
.gtoc a:hover{color:var(--text)}
.gbody{padding:8px 0 20px}
.gbody h2{font-size:clamp(1.45rem,3.2vw,1.95rem);margin:52px 0 14px;scroll-margin-top:84px}
.gbody h3{font-size:clamp(1.12rem,2.4vw,1.3rem);margin:34px 0 4px;scroll-margin-top:84px}
.gbody p{margin-top:14px;color:#D6D3E4}
.gbody strong{color:var(--text)}
.gbody em{font-style:normal;color:var(--text);font-weight:700}
.gbody a{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
.gbody ul{margin:14px 0 0 22px;display:grid;gap:10px;color:#D6D3E4}
.gsteps{list-style:none;counter-reset:s;margin:20px 0 0;display:grid;gap:14px}
.gsteps li{counter-increment:s;position:relative;padding:18px 20px 18px 66px;border-radius:18px;background:var(--panel);border:1px solid var(--line);color:#D6D3E4}
.gsteps li:before{content:counter(s);position:absolute;left:18px;top:16px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--panel2);color:var(--lav);font:800 .98rem/1 var(--display)}
.gfig{margin:30px 0 6px}
.gfig figcaption{margin-top:10px;font-size:.84rem;color:var(--faint);text-align:center}
.gseam{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0C0B13}
.gseam img{width:100%;height:auto}
.gseam i{position:absolute;top:0;bottom:0;border-left:2px dashed rgba(255,255,255,.9);mix-blend-mode:difference}
.gseam b{position:absolute;bottom:8px;display:grid;place-items:center;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:rgba(12,11,19,.72);color:#fff;font:800 .72rem/1 var(--display)}
.gshots{display:flex;gap:16px;justify-content:center}
.gshots img{width:min(240px,44vw);height:auto;border-radius:20px;border:1px solid var(--line);background:var(--panel)}
.gtable{margin-top:18px;overflow-x:auto;border-radius:16px;border:1px solid var(--line)}
.gtable table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:520px}
.gtable th,.gtable td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.gtable th{font:800 .78rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--lav);background:var(--bg2)}
.gtable td{color:#D6D3E4}.gtable td:nth-child(3),.gtable td:nth-child(2){white-space:nowrap}
.gtable tr:last-child td{border-bottom:0}
.gratios{display:flex;gap:clamp(10px,3vw,26px);align-items:flex-end;justify-content:center;margin:28px 0 4px;padding:22px 12px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.gratios div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);text-align:center;line-height:1.3}
.gratios span{display:block;width:clamp(48px,13vw,92px);border-radius:8px;border:2px solid var(--lav);background:color-mix(in srgb,var(--lav) 14%,transparent)}
.gratios div.on span{background:color-mix(in srgb,var(--lav) 38%,transparent)}
.gratios b{color:var(--text);font:800 .9rem/1 var(--display)}
.gcta{margin:56px 0 0;padding:30px;border-radius:var(--r);text-align:center;background:linear-gradient(120deg,rgba(143,179,217,.16),rgba(184,166,232,.14));border:1px solid var(--line)}
.gcta h2{font-size:clamp(1.4rem,3.4vw,1.9rem);margin:0}
.gcta p{color:var(--muted);margin-top:10px}
.gcta .btn{margin-top:20px}
.gmore{margin:44px 0 0}
.gmore h2{font-size:1.3rem}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:22px}
.gcard{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:transform .2s}
.gcard:hover{transform:translateY(-3px)}
.gcard img{width:100%;height:auto;aspect-ratio:12/5;object-fit:cover}
.gcard div{padding:18px 20px 22px}
.gcard h2,.gcard h3{font-size:1.2rem;margin:0}
.gcard p{color:var(--muted);font-size:.94rem;margin-top:8px}
.gcard .go{display:inline-block;margin-top:12px;color:var(--lav);font:800 .9rem var(--display)}
.glang{font:800 .8rem/1 var(--display);letter-spacing:.04em;padding:9px 11px;border-radius:10px;border:1px solid var(--line);color:var(--muted)}
.glang:hover{color:var(--text)}
@media (max-width:520px){.gtable table{min-width:0;font-size:.84rem}.gtable th,.gtable td{padding:9px 8px}.gtable th{font-size:.68rem;letter-spacing:.03em}.gtable td:nth-child(2){white-space:normal}.gsteps li{padding:16px 16px 16px 58px}.gsteps li:before{left:14px}.gcta{padding:24px 18px}.gcta .btn{width:100%;justify-content:center}}