@font-face{font-family:GuideInter;src:local('Segoe UI');font-display:swap}
:root{color-scheme:dark;--paper:#0e0c15;--panel:#181420;--line:#ffffff12;--ink:#f6f2ff;--muted:#b5aabe;--violet:#b890ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 GuideInter,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #c3a0ff;outline-offset:5px}img{max-width:100%;display:block}.eg-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));gap:24px;background:#100d17ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.eg-brand{font-size:23px;font-weight:850;text-decoration:none;letter-spacing:-1px}.eg-brand b{color:var(--violet);font-size:30px}.eg-header nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}.eg-header nav a{text-decoration:none}.eg-header nav a:hover{color:var(--ink)}.eg-wrap{max-width:1200px;margin:auto;padding:30px 28px 90px}.eg-breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;margin-bottom:25px}.eg-breadcrumb a{text-decoration:none}.eg-hero{position:relative;min-height:400px;border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden;padding:46px 48px;border-radius:20px 20px 0 0;background:#21172f;isolation:isolate}.eg-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c18f5 2%,#100c18d9 45%,#100c1833),linear-gradient(0deg,var(--paper),transparent 60%);z-index:-1}.eg-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 35%;z-index:-2}.eg-hero.sg{background:radial-gradient(ellipse at 78% 20%,#534134,transparent 50%),linear-gradient(135deg,#201729,#18222c)}.eg-hero.sg:before{content:'01:23:β';font:800 95px/1 ui-monospace,monospace;letter-spacing:-7px;position:absolute;right:22px;top:125px;color:#ffc58863;transform:rotate(-7deg);z-index:-1;text-shadow:0 0 65px #e4a45388}.eg-hero-copy{max-width:660px}.eg-kicker{font-size:10px;letter-spacing:.19em;color:#c6a4ff;text-transform:uppercase;font-weight:750}.eg-hero h1{font-size:clamp(30px,4vw,49px);line-height:1.12;letter-spacing:-1.7px;margin:18px 0}.eg-lead{font-size:17px;color:#d2c7dc;line-height:1.65;max-width:55ch}.eg-meta{font-size:11px;color:#a99cb7;margin-top:25px}.eg-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:60px;margin-top:30px}.eg-article{min-width:0}.eg-answer{border-left:3px solid var(--violet);padding:20px 25px;background:linear-gradient(90deg,#b58bff13,transparent);border-radius:0 10px 10px 0;margin:6px 0 38px}.eg-answer strong{display:block;color:#cbaaff;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.eg-answer p{font-size:17px;line-height:1.7;margin:10px 0 0}.eg-article h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:44px 0 15px}.eg-article h3{font-size:18px;line-height:1.4;margin:0 0 8px}.eg-article p{color:#cec4d8;margin:13px 0}.eg-aside{position:sticky;top:108px;align-self:start}.eg-aside>span{display:block;font-size:10px;color:#a295b0;letter-spacing:.14em;padding-bottom:12px}.eg-aside a{display:block;text-decoration:none;font-size:12px;border-left:1px solid #ffffff15;padding:9px 0 9px 16px;color:#bcb1c7}.eg-aside a:hover{border-color:#c399ff;color:white}.eg-aside .eg-read-next{margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.eg-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:18px;margin:0;padding:22px 0;border-bottom:1px solid var(--line)}.eg-step-number{display:grid;place-items:center;background:#b88bff13;color:#c7a3ff;border:1px solid #b88bff28;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700}.eg-step small,.eg-card small{display:block;font-size:11px;color:#a598b4;margin:3px 0 8px}.eg-step p{font-size:14px;margin:8px 0 14px}.eg-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 15px;border-radius:8px;background:#9c5cff;color:white;text-decoration:none;font-size:12px;font-weight:650;border:1px solid #b68eff4d}.eg-button:hover{background:#b07bff}.eg-button.secondary{background:#251d32;color:#d8c7ef}.eg-note{font-size:13px;padding:17px 20px;border:1px solid #f0bf6a26;border-radius:9px;background:#e6b36209;color:#d6c7ab!important}.eg-note.blue{border-color:#8fc4ef26;background:#6aabd209;color:#c0d0dc!important}.eg-details{padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:11px;margin:18px 0}.eg-details summary{cursor:pointer;font-weight:650;font-size:14px}.eg-details p{font-size:14px}.eg-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0}.eg-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px}.eg-card p{font-size:13px;line-height:1.7}.eg-table{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:20px 0}.eg-table table{width:100%;border-collapse:collapse;font-size:13px}.eg-table :is(th,td){text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}.eg-table th{color:#b7a7cb;background:#b88bff09;font-size:11px;font-weight:600;white-space:nowrap}.eg-table td a{color:#d0b2ff}.eg-legend{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.eg-chip{font-size:11px;padding:4px 9px;border:1px solid #d6a8583d;border-radius:6px;color:#efce98;background:#30251b}.eg-chip.mixed{color:#acd4f1;background:#182b3b;border-color:#7eb8e547}.eg-chip.original{color:#cbb6f3;background:#28203a;border-color:#b99be247}.eg-footer{border-top:1px solid var(--line);margin-top:45px;padding-top:24px;color:var(--muted);font-size:12px}.eg-footer p{font-size:11px!important}.eg-source-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px}.eg-source-links a{color:#b8a4d1}.eg-article li{color:#cec4d8;margin:9px 0}.eg-article .guide-checker{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;margin:20px 0}.guide-checker label{display:block;font-size:13px;margin-bottom:9px}.guide-checker input{background:#100d17;border:1px solid #ffffff26;color:white;border-radius:7px;padding:9px 12px;width:130px}.guide-checker button{background:#9861ec;color:white;border:0;border-radius:7px;min-height:44px;margin-left:7px;padding:8px 16px;font-size:12px;cursor:pointer}.guide-check-result{font-size:12px!important;min-height:23px}.eg-draft{background:#251c35;color:#d8c3f4;font-size:11px;padding:9px 24px;text-align:center;border-bottom:1px solid #bc91ff26}.eg-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.eg-preview-grid a{text-decoration:none}.eg-preview-grid h2{font-size:23px}.eg-preview-grid p{font-size:13px;color:var(--muted)}
@media(max-width:850px){.eg-layout{grid-template-columns:1fr;gap:20px}.eg-aside{position:static;order:-1;display:flex;flex-wrap:wrap;gap:5px 12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.eg-aside>span,.eg-aside .eg-read-next{display:none}.eg-aside a{border:0;padding:3px 0;font-size:11px}.eg-hero{padding:35px 28px}.eg-preview-grid{grid-template-columns:1fr}}
@media(max-width:520px){.eg-header{height:65px;padding:0 18px}.eg-header nav{gap:14px;font-size:11px}.eg-brand{font-size:21px}.eg-wrap{padding:20px 18px 60px}.eg-hero{padding:30px 20px;min-height:360px;margin:0 -18px;border-radius:0}.eg-hero h1{font-size:34px;letter-spacing:-1px}.eg-lead{font-size:14px}.eg-hero-copy{max-width:100%}.eg-hero:after{background:linear-gradient(90deg,#100c18e8,#100c1880),linear-gradient(0deg,var(--paper),transparent)}.eg-hero.sg:before{font-size:66px;right:0;top:230px;opacity:.4}.eg-cards{grid-template-columns:1fr}.eg-answer{padding:17px 18px}.eg-answer p{font-size:15px}.eg-article h2{font-size:23px}.eg-step{grid-template-columns:30px 1fr;gap:12px}.eg-step-number{width:29px;height:29px}.eg-table :is(th,td){padding:11px;font-size:12px}.eg-article{font-size:15px}.guide-checker input{width:95px}.guide-checker button{padding:8px 12px}.eg-draft{font-size:10px}}
/* Same wordmark markup, font, weight, spacing and accent as the live Violet shell. */
.eg-brand{font-family:'Segoe UI',system-ui,sans-serif;font-size:25px;font-weight:850;color:#f0eef7;letter-spacing:-1.4px;line-height:36px}
.eg-brand span{color:#8d43ff;font-size:32px;margin-left:3px}
@media(max-width:720px){.eg-brand{font-size:23px;line-height:32px}.eg-brand span{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Existing guides share this layout while keeping their reviewed content/tools. */
.eg-poster-mosaic{position:absolute;right:15px;top:35px;bottom:25px;display:flex;gap:14px;align-items:center;z-index:-2;max-width:54%;overflow:hidden;opacity:.8}
.eg-poster-mosaic img{width:145px;max-height:280px;height:auto;object-fit:contain;border-radius:10px;flex:none;box-shadow:0 8px 35px #0006}
.eg-poster-mosaic img:nth-child(2){margin-top:55px}.eg-poster-mosaic img:nth-child(3){margin-top:-40px}
.eg-legacy :is(.visual-grid,.checker-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0}
.eg-legacy .visual-pick{display:grid;grid-template-columns:80px minmax(0,1fr);gap:17px;border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:12px;align-items:start}
.eg-legacy .pick-cover{display:block;text-decoration:none}.eg-legacy .pick-cover img{width:80px;height:120px;object-fit:contain;border-radius:7px;background:#110d18}
.eg-legacy .pick-copy{min-width:0}.eg-legacy .visual-pick h3{font-size:16px;margin:6px 0}.eg-legacy .visual-pick p{font-size:12px;line-height:1.7}.eg-legacy .pick-kicker{font-size:10px;color:#c8a8ed}
.eg-article .guide-watch{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:12px;font-weight:650;line-height:1.5;padding:8px 12px;border-radius:7px;background:#a26aff17;color:#d5b8ff;border:1px solid #b68eff26}
.eg-article .guide-watch:hover{background:#a26aff29}.eg-legacy .visual-hint,.eg-legacy .visual-note{font-size:13px;color:var(--muted);line-height:1.75}.eg-legacy .visual-note{padding:16px 20px;background:#b890ff0c;border-left:2px solid #b890ff60;border-radius:0 9px 9px 0}
.eg-legacy .checker-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:20px}.eg-legacy .checker-art{display:flex;gap:15px;align-items:center}.eg-legacy .checker-art img{width:55px;height:83px;border-radius:6px;object-fit:contain}.eg-legacy .checker-art h3{font-size:16px}.eg-legacy .checker-art span{font-size:11px;color:var(--muted)}
.eg-legacy .checker-card .guide-checker{border:0;background:none;padding:0;margin:18px 0 0}.eg-legacy .checker-card .guide-checker input{width:110px}.eg-legacy .guide-check-result a{margin-top:10px}
.eg-legacy .pick-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.eg-legacy .pick-filters button{min-height:38px;border:1px solid #b890ff30;border-radius:8px;background:#21192d;color:#cbbbdc;padding:7px 12px;font-size:12px;cursor:pointer}.eg-legacy .pick-filters button[aria-pressed="true"]{border-color:#b890ff;background:#b890ff20;color:#f1e4ff}
.eg-legacy .arc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0}.eg-legacy .arc-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:19px}.eg-legacy .arc-card h3{font-size:17px}.eg-legacy .arc-card p{font-size:12px}.eg-legacy .arc-card>span{font-size:10px;color:#c1a5e4}
.eg-legacy :is(.arc-card,.visual-pick,.guide-pick)[hidden]{display:none!important}.eg-legacy .guide-filter{display:grid;gap:9px;margin:20px 0;color:var(--muted);font-size:12px}.eg-legacy .guide-filter input{width:100%;background:#181320;border:1px solid #ffffff25;border-radius:8px;min-height:44px;padding:10px 14px;color:white;font:inherit}
.eg-legacy .pick-grid{display:grid;gap:18px;margin:25px 0}.eg-legacy .guide-pick{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel)}.eg-legacy .guide-pick-index{font-size:10px;color:#b99bdc;letter-spacing:.08em}.eg-legacy .guide-pick h3{margin:8px 0 12px}.eg-legacy .guide-pick p,.eg-legacy .guide-pick-fit{font-size:13px;line-height:1.8}.eg-legacy .pick-more{margin-top:12px}
.eg-legacy .guide-sources{font-size:12px;padding-left:20px}.eg-legacy .guide-sources a{color:#c5a7ee}.eg-legacy .guide-details p{font-size:13px}
.eg-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.eg-index-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:13px;padding:22px;text-decoration:none;background:var(--panel);min-width:0}.eg-index-card:hover{border-color:#b890ff68;background:#211a2d}.eg-index-card>span:not(.index-cover){font-size:10px;color:#bc9ce2;letter-spacing:.08em}.eg-index-card h2{font-size:21px;margin:4px 0;line-height:1.35}.eg-index-card p{font-size:13px;margin:0;color:var(--muted)}.eg-index-card b{font-size:12px;font-weight:600;color:#cfafff;margin-top:auto;padding-top:10px}.eg-index-card .index-cover{height:160px;margin:-22px -22px 6px;overflow:hidden;border-radius:12px 12px 0 0;background:#100d18;display:flex;align-items:center;justify-content:center}.eg-index-card .index-cover img{height:100%;width:auto;max-width:100%;object-fit:contain}.eg-index h2{margin-top:4px}
@media(max-width:1000px){.eg-legacy .visual-grid{grid-template-columns:1fr}.eg-legacy .checker-grid{grid-template-columns:1fr}.eg-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.eg-poster-mosaic{max-width:90%;right:-60px;top:100px;opacity:.45}.eg-poster-mosaic img{width:115px}.eg-legacy .arc-grid,.eg-index-grid{grid-template-columns:1fr}.eg-legacy .visual-pick{grid-template-columns:70px minmax(0,1fr);padding:15px;gap:14px}.eg-legacy .pick-cover img{width:70px;height:105px}.eg-legacy .checker-card{padding:18px}.eg-legacy .guide-filter input{font-size:16px}.eg-index-card h2{font-size:21px}}