:root{--bg:#f7f7f8;--surface:#fff;--surface-2:#f1f2f4;--text:#1d2430;--muted:#677180;--line:#e0e3e8;--brand:#8a403f;--brand-2:#6e302f;--accent:#244e7b;--accent-soft:#eaf1f8;--good:#23705a;--warn:#8a5c14;--shadow:0 16px 48px rgba(30,35,45,.08);--radius:18px;--sidebar:286px;--top:64px;color-scheme:light}
[data-theme="dark"]{--bg:#101215;--surface:#171a1f;--surface-2:#20242a;--text:#eef1f4;--muted:#aab2bd;--line:#30353d;--brand:#c66a67;--brand-2:#a85250;--accent:#7fb0e2;--accent-soft:#1c2a39;--good:#68c7aa;--warn:#e0b867;--shadow:0 16px 48px rgba(0,0,0,.25);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%}button,input{font:inherit}.topbar{height:var(--top);position:fixed;inset:0 0 auto 0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 4px 14px rgba(0,0,0,.12)}.brand small{display:block;font-weight:600;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.top-actions{margin-left:auto;display:flex;gap:8px}.icon-btn,.search-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn{width:40px}.search-btn{padding:0 13px;gap:8px}.kbd{font-size:11px;border:1px solid var(--line);background:var(--surface-2);padding:1px 6px;border-radius:6px;color:var(--muted)}.menu-btn{display:none}.sidebar{position:fixed;top:var(--top);bottom:0;left:0;width:var(--sidebar);overflow:auto;border-right:1px solid var(--line);background:var(--surface);padding:24px 16px 40px;z-index:40}.nav-group{margin-bottom:22px}.nav-label{padding:0 10px 7px;color:var(--muted);text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.08em}.nav-link{display:block;text-decoration:none;padding:8px 10px;border-radius:10px;color:var(--muted);font-size:14px}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:800}.sidebar-support{border-top:1px solid var(--line);padding:18px 10px 0}.sidebar-support a{font-size:13px;color:var(--brand);font-weight:800;text-decoration:none}.main{margin-left:var(--sidebar);padding-top:var(--top)}.page{max-width:1120px;margin:0 auto;padding:44px 48px 80px}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:16px}.breadcrumbs a{text-decoration:none}.page-head{margin-bottom:32px}.page-head h1{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}.page-head p{color:var(--muted);font-size:18px;max-width:760px;margin:0}.lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:850px;margin:0 0 34px}.content h2{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin:48px 0 16px}.content h3{font-size:19px;margin:0 0 8px}.content p{margin:0 0 16px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--brand)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:18px 0 52px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.055em;margin:8px 0 20px}.hero h1 span{color:var(--brand)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}.hero-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:13px}.hero-visual .screenshot{margin:0;transform:rotate(1deg)}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-weight:800;border-radius:12px;padding:11px 16px;border:1px solid var(--line)}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.secondary{background:var(--surface)}.btn.light{background:white;color:#222;border-color:white}.btn.large{padding:14px 20px}.text-link{color:var(--brand);font-weight:800;text-decoration:none}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 18px}.section-head h2{margin:4px 0 0}.card-grid{display:grid;gap:16px}.card-grid.two{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card,.info-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.02)}.feature-card{transition:.2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.feature-card p,.info-card p{color:var(--muted);margin:0}.card-no{font-weight:900;color:var(--brand);font-size:12px}.icon{font-size:24px;color:var(--brand);display:block;margin-bottom:10px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;margin:62px 0}.split h2{margin-top:5px}.mini-list{display:grid;gap:10px}.mini-list a{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none}.mini-list b{display:block}.mini-list span{display:block;color:var(--muted);font-size:14px}.support-band{background:linear-gradient(135deg,var(--brand-2),#3c2832);color:#fff;border-radius:24px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:56px 0}.support-band h2{margin:4px 0 5px}.support-band p{opacity:.85;margin:0}.screenshot{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);margin:24px 0}.image-button{display:block;border:0;padding:0;background:none;width:100%;cursor:zoom-in}.screenshot img{display:block;width:100%;height:auto;border-radius:11px}.screenshot figcaption{font-size:13px;color:var(--muted);padding:10px 6px 2px}.steps{list-style:none;counter-reset:step;margin:18px 0 28px;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:900}.step-body{padding-top:4px}.callout,.behind{border-radius:14px;padding:16px 18px;margin:22px 0}.callout p,.behind p{margin:4px 0 0}.callout.tip{background:color-mix(in srgb,var(--good) 10%,var(--surface));border-left:4px solid var(--good)}.callout.warning{background:color-mix(in srgb,var(--warn) 12%,var(--surface));border-left:4px solid var(--warn)}.callout.info{background:var(--accent-soft);border-left:4px solid var(--accent)}.behind{background:var(--surface-2);border:1px solid var(--line)}.behind strong{color:var(--brand)}.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.compare.three{grid-template-columns:repeat(3,1fr)}.compare>div,.option-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.pill{display:inline-block;border-radius:100px;background:var(--surface-2);padding:4px 9px;font-size:12px;font-weight:800}.checklist{display:grid;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.checklist label{display:flex;align-items:center;gap:10px}.checklist input{width:18px;height:18px}.next-card,.cta-card{background:var(--accent-soft);border-radius:16px;padding:20px;margin:28px 0}.next-card a{margin-left:8px;font-weight:800;color:var(--accent)}.option-grid,.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.practice-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.practice-grid span{font-size:12px;color:var(--brand);font-weight:900}.issue-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.issue-list>div{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.issue-list p{color:var(--muted);margin:5px 0 0}.rule-card{display:flex;justify-content:center;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;font-size:20px}.rule-card strong{font-size:30px;color:var(--brand)}.shot-placeholder{min-height:210px;border:2px dashed var(--line);border-radius:18px;display:grid;place-items:center;align-content:center;gap:5px;color:var(--muted);margin:20px 0;background:var(--surface)}.placeholder-icon{font-size:36px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.table-wrap th,.table-wrap td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.table-wrap th{background:var(--surface-2)}.requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.requirements>div{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.requirements span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900}.requirements strong{font-size:22px;display:block;margin:5px 0}.requirements p{color:var(--muted);margin:0}.shortcut-table{display:grid;gap:12px}.shortcut-table>div{display:grid;grid-template-columns:100px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.shortcut-table kbd{align-self:start;display:inline-grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);border-bottom-width:3px;border-radius:8px;padding:9px 12px;font-weight:900}.shortcut-table p{color:var(--muted);margin:2px 0}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:800;padding:16px 0}.faq details p{color:var(--muted);padding:0 0 16px;margin:0}.trouble{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trouble section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.trouble section h2{font-size:19px;margin:0 0 8px}.trouble ol{padding-left:20px;margin:0;color:var(--muted)}.support-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}.support-hero h2{margin:5px 0 8px}.support-url{background:var(--surface-2);border-radius:14px;padding:20px;display:grid;align-content:center;font-size:18px;color:var(--muted)}.support-url b{color:var(--brand)}.page-footer{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.page-footer a{color:var(--brand);font-weight:800;text-decoration:none}.search-dialog,.image-dialog{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:0}.search-dialog{width:min(680px,calc(100vw - 28px))}.search-dialog::backdrop,.image-dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(3px)}.search-box{display:flex;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.search-box input{border:0;outline:0;background:none;color:var(--text);font-size:18px;width:100%;padding:8px}.close-x{border:0;background:var(--surface-2);color:var(--text);width:34px;height:34px;border-radius:9px;cursor:pointer}.search-results{padding:10px;max-height:60vh;overflow:auto}.result{display:block;text-decoration:none;padding:12px;border-radius:12px}.result:hover{background:var(--surface-2)}.result strong{display:block}.result span{font-size:13px;color:var(--muted)}.no-results{padding:26px;text-align:center;color:var(--muted)}.image-dialog{max-width:min(94vw,1500px);max-height:94vh}.image-dialog img{display:block;max-width:90vw;max-height:86vh}.image-dialog .close-x{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.65);color:white}.backtop{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.backtop.show{opacity:1;pointer-events:auto}
@media(max-width:980px){.menu-btn{display:flex}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow)}.main{margin-left:0}.page{padding:36px 24px 70px}.hero,.split{grid-template-columns:1fr}.card-grid.three{grid-template-columns:repeat(2,1fr)}.support-band{align-items:flex-start;flex-direction:column}.search-btn .kbd{display:none}}
@media(max-width:680px){:root{--top:58px}.topbar{padding:0 10px;gap:8px}.brand span{display:none}.search-btn{width:40px;padding:0}.search-btn .search-text{display:none}.page{padding:26px 16px 60px}.page-head h1{font-size:37px}.lead{font-size:18px}.card-grid.two,.card-grid.three,.compare,.compare.three,.option-grid,.practice-grid,.issue-list,.requirements,.trouble,.support-hero{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-meta{display:grid}.screenshot{border-radius:13px;padding:6px}.page-footer{flex-direction:column}.shortcut-table>div{grid-template-columns:72px 1fr}.rule-card{font-size:16px}.content h2{font-size:25px}.top-actions{gap:5px}}