.guide-page{--guide-gold:#e9d3a5;--guide-muted:#a6b6c8;color:#d0d9e3;font-size:16px;line-height:1.95}
.guide-page header,.guide-page main,.guide-page footer{max-width:1120px;padding:28px 36px}
.guide-page .guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff18}
.guide-header .guide-brand img{width:190px;height:auto}.guide-header-tools{display:flex;align-items:center;gap:26px}.guide-header .language-switcher{margin:0}
.guide-play{font-size:13px;text-decoration:none;border:1px solid #bfa77a70;border-radius:5px;padding:8px 15px;color:#efddb8;white-space:nowrap}
.guide-play:hover,.guide-play:focus-visible{background:#d6b77816}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--guide-muted);margin:3px 0 42px}.guide-breadcrumb a{color:var(--guide-muted)}
.guide-intro{max-width:760px;margin:0 0 44px}.guide-page h1{font:600 clamp(27px,3.5vw,38px)/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Meiryo,sans-serif;margin:10px 0 20px;letter-spacing:.02em;color:#f3ead9}
.guide-kicker{color:#b9a37b;font:600 11px/1.6 system-ui,sans-serif;letter-spacing:.12em;margin:0 0 8px}.guide-lead{font-size:17px;line-height:2;color:#c8d4df;max-width:43em}.guide-date{font-size:12px;color:var(--guide-muted);margin:18px 0 0}
.guide-method-link{margin:22px 0 0;font-size:14px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-card{display:flex;align-items:center;gap:20px;border:1px solid #95a9c12c;border-radius:8px;padding:24px;color:inherit;text-decoration:none;background:#111c2a;transition:border-color .15s,background .15s}
.guide-card:hover{background:#152235;border-color:#cfb58080}.guide-card>img{width:105px;height:142px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}
.guide-card h2,.guide-card h3{color:#f0dfbb;font-size:19px;line-height:1.5;margin:0 0 10px}.guide-card p{font-size:14px;line-height:1.9;margin:0;color:#b8c7d7}.guide-card-link{display:inline-block;font-size:12px;color:#d8c398;margin-top:12px}.guide-card-link span{margin-left:7px}
.guide-title-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:center;margin:0 0 45px}.guide-portraits{display:flex;justify-content:center;gap:10px;align-items:end;margin:0;padding:12px 0;background:radial-gradient(ellipse at 50% 70%,#bca16c1a,transparent 70%)}
.guide-portraits img{width:calc(50% - 5px);height:210px;object-fit:contain;image-rendering:pixelated}.guide-article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:54px;align-items:start}
.guide-toc{position:sticky;top:28px;border-top:1px solid #b8c9de30;padding-top:17px;font-size:13px}.guide-toc>p{font-weight:600;color:#e0cba7;font-size:12px;margin-bottom:14px}.guide-toc ol{list-style:none;padding:0;margin:0}.guide-toc li+li{margin-top:11px}.guide-toc a{color:#b4c3d4;text-decoration:none;line-height:1.6;display:inline-block}.guide-toc a:hover{text-decoration:underline;color:#ead9b9}
.guide-article{min-width:0;max-width:740px}.guide-section{scroll-margin-top:30px;margin:0 0 44px}.guide-section h2{font-size:21px;line-height:1.6;color:#ebd5ac;margin:0 0 18px}.guide-section p{margin:0 0 20px}.guide-section ul,.guide-section ol{padding-left:24px;margin:0 0 22px}
.guide-context{font-size:12px;color:var(--guide-muted)}.guide-section blockquote{margin:0 0 18px;padding:22px 24px;background:#121e2c;border:1px solid #9caebf2c;border-radius:6px;font-size:15px}.guide-section blockquote p:last-child{color:#eee1c9;margin:0}.guide-section .guide-points{color:#d4c29b;font-size:14px;font-weight:600}
.guide-note{margin:32px 0;color:#a9bacb;font-size:13px;border-top:1px solid #ffffff20;padding-top:22px}.guide-related{border-top:1px solid #ffffff20;padding-top:35px;margin:25px 0 35px}.guide-related>h2{margin:0 0 24px;font-size:21px}.guide-related .guide-card p{display:none}.guide-related .guide-card{padding:20px}.guide-related .guide-card>img{height:90px;width:72px}.guide-related .guide-card h3{font-size:16px;margin-bottom:0}
.guide-table{margin:24px 0;max-width:100%}.guide-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7;table-layout:fixed}.guide-table caption{text-align:left;font-size:12px;color:var(--guide-muted);margin-bottom:13px}.guide-table th,.guide-table td{padding:15px 12px;border-bottom:1px solid #bdcbe02b;text-align:left;vertical-align:top;overflow-wrap:anywhere}.guide-table thead th{background:#142031;color:#e8d6b1;font-size:12px}.guide-table tbody th{font-weight:500;color:#d7e1eb}.guide-table td{color:#c0ccdb}
.guide-formula{padding:20px;border:1px solid #b8a17a50;border-radius:5px;background:#151f2a;color:#efddb8;font-size:15px}.guide-steps{list-style:decimal}.guide-page footer{margin-top:25px}.guide-page footer p{margin:16px 0 0;color:#9aabbc}
.guide-skip{position:absolute;left:20px;top:-100px;background:#f2e0bc;color:#152033;padding:10px 20px;z-index:10}.guide-skip:focus{top:10px}
@media(max-width:850px){.guide-page header,.guide-page main,.guide-page footer{padding:24px}.guide-title-hero{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.guide-portraits img{height:175px}.guide-article-layout{grid-template-columns:1fr;gap:30px}.guide-toc{position:static;padding:18px 0;border-bottom:1px solid #b8c9de30}.guide-toc ol{display:flex;flex-wrap:wrap;gap:10px 22px}.guide-toc li+li{margin:0}.guide-grid{gap:16px}.guide-card{padding:20px;gap:14px}.guide-card>img{width:80px;height:130px}}
@media(max-width:600px){.guide-page{font-size:15px}.guide-page header,.guide-page main,.guide-page footer{padding:20px}.guide-page .guide-header{gap:12px}.guide-header .guide-brand img{width:125px}.guide-header-tools{gap:14px}.guide-play{font-size:11px;padding:7px 9px}.guide-header .language-switcher{font-size:11px;gap:6px}.guide-breadcrumb{margin:2px 0 30px}.guide-intro{margin-bottom:30px}.guide-lead{font-size:15px}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-card{gap:20px;padding:22px}.guide-card>img{height:135px;width:90px}.guide-card h2{font-size:18px}.guide-title-hero{grid-template-columns:1fr;gap:4px;margin-bottom:28px}.guide-title-hero h1{margin-bottom:14px}.guide-portraits{justify-content:flex-start;max-width:320px}.guide-portraits img{height:158px}.guide-toc{font-size:12px}.guide-toc ol{gap:9px 19px}.guide-section{margin-bottom:35px}.guide-section h2{font-size:19px}.guide-section blockquote{padding:18px;font-size:14px}.guide-table table{font-size:12px}.guide-table th,.guide-table td{padding:12px 7px}.guide-table thead th{font-size:11px}.guide-formula{padding:16px;font-size:13px}.guide-related .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-related .guide-card{display:block;padding:14px}.guide-related .guide-card>img{width:100%;height:88px;margin-bottom:10px}.guide-related .guide-card h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}