.guide-index,.article-wrap{max-width:1220px;margin:auto;padding:46px 24px 90px}.guide-hero{max-width:790px}.guide-hero h1,.article-heading h1{font:500 clamp(42px,6vw,72px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:17px 0 18px}.guide-hero h1 em{color:var(--gold);font-weight:400}.guide-hero p,.article-heading p{color:var(--muted);font-size:18px;max-width:690px}.guide-index-art{display:flex;gap:26px;align-items:center;margin:40px 0 58px;padding:20px;background:#19283f;border:1px solid var(--line);border-radius:14px}.guide-index-art img{width:min(48%,480px);height:230px;object-fit:cover;border-radius:9px}.guide-index-art div{display:grid;gap:19px;color:var(--gold);font:500 clamp(21px,3vw,34px) Georgia,serif}.guide-index section h2{font:500 43px Georgia,serif;margin:9px 0 23px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.guide-tile{display:flex;align-items:center;gap:17px;background:#17263c;border:1px solid var(--line);border-radius:10px;padding:12px;min-height:112px}.guide-tile:hover{border-color:var(--gold);transform:translateY(-2px)}.guide-tile img{width:118px;height:86px;object-fit:cover;border-radius:6px;flex:none}.guide-tile span{display:grid;gap:4px}.guide-tile strong{font:500 21px Georgia,serif;line-height:1.15}.guide-tile small{color:var(--muted);font-size:12px;line-height:1.4}.guide-tile b{color:var(--gold);margin-left:auto}.source-note{background:#19283f;border-left:3px solid var(--gold);padding:22px 26px;margin-top:48px;border-radius:0 8px 8px 0;color:var(--muted);font-size:13px;max-width:920px}.source-note strong{color:var(--text);font-size:14px}.source-note p{margin:8px 0 0}.source-note a,.article-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.article-heading{display:grid;grid-template-columns:1fr 330px;gap:35px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:34px}.article-heading img{width:100%;height:230px;object-fit:cover;border-radius:11px;border:1px solid #ffffff30}.article-heading .eyebrow{display:block;margin-top:30px}.back-link{color:var(--aqua);font-size:13px}.back-link:hover{color:var(--gold)}.article-layout{display:grid;grid-template-columns:235px minmax(0,720px);gap:50px;align-items:start;margin-top:42px}.article-toc{position:sticky;top:24px;display:grid;gap:9px;padding:20px;background:#17263c;border:1px solid var(--line);border-radius:10px;max-height:calc(100vh - 50px);overflow:auto;font-size:12px}.article-toc strong{font-size:14px;color:var(--gold);margin-bottom:5px}.article-toc a{color:#c7d3e1;line-height:1.3}.article-toc a:hover{color:var(--gold)}.article-toc .toc-play{color:var(--gold);font-weight:700;margin-top:9px;border-top:1px solid var(--line);padding-top:14px}.article-body{min-width:0;color:#d9e2ec;font-size:16px;line-height:1.78}.article-body h2{font:500 35px/1.16 Georgia,serif;letter-spacing:-.025em;color:var(--text);margin:58px 0 18px;scroll-margin-top:24px}.article-body h2:first-child{margin-top:0}.article-body h3{font:500 25px Georgia,serif;color:var(--text);margin:36px 0 12px}.article-body p{margin:0 0 18px}.article-body ul{padding-left:24px;margin:0 0 22px}.article-body li{padding-left:4px;margin:0 0 7px}.article-body strong{color:var(--text)}.article-end{margin-top:60px;padding:27px;background:#23334b;border-radius:10px}.article-end h2{margin:0 0 8px;font-size:30px}.article-end div{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.article-end div a{border:1px solid #e6bd7466;border-radius:6px;padding:9px 13px;text-decoration:none;font-size:13px}.article-end div a span{margin-left:10px}.article-figure{margin:27px 0 37px;padding:16px;background:#17263c;border:1px solid var(--line);border-radius:10px}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{color:var(--muted);font-size:12px;margin-top:9px}@media(max-width:900px){.article-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.article-heading{grid-template-columns:1fr 240px}.article-heading img{height:190px}}@media(max-width:700px){.guide-index,.article-wrap{padding:30px 20px 65px}.guide-index-art{margin:30px 0 48px}.guide-index-art img{height:175px}.guide-grid{grid-template-columns:1fr}.article-heading{grid-template-columns:1fr}.article-heading img{width:100%;height:210px}.article-layout{display:block;margin-top:30px}.article-toc{position:static;max-height:none;margin-bottom:38px}.article-body h2{font-size:31px;margin-top:48px}.guide-tile img{width:100px;height:78px}}@media(max-width:430px){.guide-index-art{display:block}.guide-index-art img{width:100%;height:170px}.guide-index-art div{display:flex;justify-content:space-between;gap:4px;margin-top:16px;font-size:15px}.guide-tile strong{font-size:18px}.guide-tile img{width:88px;height:75px}.guide-tile{gap:11px}}
