@font-face{font-family:Geist;src:url('/assets/panel-reference/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Crizol Brand';src:url('/assets/panel-reference/dm-sans-brand.woff2') format('woff2');font-weight:300;font-display:swap}
:root{color-scheme:dark;--bg:#101419;--text:#e6e9ed;--muted:#94a0ab;--line:#ffffff12;--accent:#87d7ec;--panel:#ffffff04}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Geist,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{cursor:pointer}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 93% 5%,#2543513d,transparent 40%),radial-gradient(ellipse at 12% 58%,#1a2f3e2e,transparent 36%)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#163342;padding:12px 20px;border-radius:12px}.skip:focus{top:12px}
.guide-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;max-width:1600px;padding:24px 48px;border-bottom:1px solid var(--line);background:#101419dc;backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;font-family:'Crizol Brand',Arial,sans-serif;font-weight:300;font-size:20px;letter-spacing:.12em;white-space:nowrap}.brand img{object-fit:contain}.edition{font-size:10px;letter-spacing:.14em;color:#b5bfc7}.edition span{display:block;margin-top:3px;font-size:8px;color:#72838f;letter-spacing:.1em}.panel-link{padding:9px 15px;border:1px solid #ffffff20;border-radius:12px;font-size:12px;white-space:nowrap;background:#ffffff04}.panel-link span{margin-left:16px;color:var(--accent)}.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;max-width:1480px;margin:0 auto;padding:48px}.contents{position:sticky;top:135px;align-self:start;max-height:calc(100dvh - 155px);overflow:auto;padding-right:14px;scrollbar-width:thin}.eyebrow{display:block;font-size:9px;font-weight:500;letter-spacing:.16em;color:#96a8b5}.contents h2{font-size:25px;font-weight:450;letter-spacing:-.04em;line-height:1.3;margin:15px 0 12px}.contents-top p{font-size:12px;line-height:1.8;color:var(--muted)}.search{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:24px 0 18px;border:1px solid var(--line);border-radius:12px;background:#ffffff03;color:#8a9aa8}.search span{font-size:23px;line-height:1}.search input{background:none;border:0;color:var(--text);width:100%;font-size:12px;outline-offset:6px;min-width:0}#chapter-nav{display:flex;flex-direction:column;gap:4px}#chapter-nav a{display:flex;align-items:center;gap:13px;padding:10px 12px;color:#9caab5;border-radius:11px;font-size:12px;border:1px solid transparent}#chapter-nav a:hover{background:#ffffff04;color:#fff}#chapter-nav a[aria-current=page]{background:#93c6df0c;border-color:#acd2e21c;color:#e2f0f5}#chapter-nav .chapter-index{color:#5e7181;font-size:10px;font-variant-numeric:tabular-nums;min-width:16px}#chapter-nav .read-dot{margin-left:auto;color:#8ed0c8}.reading{border-top:1px solid var(--line);padding:20px 12px 0;margin-top:24px}.reading>span{display:flex;justify-content:space-between;font-size:10px;color:#97a5af}.reading strong{font-weight:400}.reading progress{width:100%;height:3px;display:block;margin:12px 0;background:#ffffff10;accent-color:#84b6c9;border:0}.reading progress::-webkit-progress-bar{background:#ffffff10}.reading progress::-webkit-progress-value{background:#84b6c9}.reading small{font-size:9px;color:#637886}#search-empty{font-size:12px;color:var(--muted);padding:10px}main{min-width:0}.book-cover{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;border:1px solid #ffffff18;border-radius:26px;padding:40px;background:linear-gradient(125deg,#27323a7a,#151c23b3 60%,#2b435547);position:relative;overflow:hidden;margin-bottom:54px}.book-cover h1{font-weight:450;letter-spacing:-.055em;font-size:clamp(28px,3.3vw,48px);line-height:1.16;margin:20px 0}.book-cover h1 em{font-style:normal;color:#95a9b8}.book-cover p{font-size:13px;color:#abb6c1;max-width:330px;line-height:1.8}.cover-cta{font-size:11px;display:inline-flex;gap:24px;align-items:center;padding:10px 0;margin-top:18px;border-bottom:1px solid #c0d5e14d}.cover-cta span{color:var(--accent)}.cover-art{position:relative;min-height:260px;display:flex;align-items:center;justify-content:center}.cover-art img{width:112px;opacity:.85;filter:drop-shadow(0 8px 28px #86d2ff25)}.cover-number{position:absolute;top:0;right:0;font-size:10px;letter-spacing:.12em;color:#8ca1af}.orbit{position:absolute;width:215px;height:215px;border:1px solid #afc6d51f;border-radius:50%;transform:rotate(-25deg) scaleY(.75)}.orbit-two{width:260px;height:260px;transform:rotate(32deg) scaleY(.6);border-color:#afc6d50e}.cover-caption{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:.15em;color:#738a99;text-align:right;line-height:1.8}
#chapter{scroll-margin-top:120px;outline:none}.chapter-label{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.13em;color:#7f9baa;border-bottom:1px solid var(--line);padding-bottom:19px}.chapter-label span:last-child{color:#6c8291;letter-spacing:0}#chapter-title{font-weight:450;font-size:clamp(28px,3vw,40px);line-height:1.22;letter-spacing:-.045em;margin:27px 0 16px}.chapter-intro{color:#a9b7c1;font-size:16px;line-height:1.9;max-width:700px}.chapter-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 30px}.chapter-tools button{padding:8px 13px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff05;color:#b9cad5;font-size:11px}.chapter-tools button[aria-pressed=true]{color:#a6dace;border-color:#a6dace50}.chapter-tools a{font-size:11px;color:#8da5b4}.video-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(115deg,#ffffff05,#ffffff01);margin:25px 0 34px}.video-symbol{width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff1c;border-radius:14px;color:#9baebc;flex-shrink:0}.video-card small{font-size:9px;letter-spacing:.11em;color:#7e95a5}.video-card p{margin:2px 0 0;font-size:12px;color:#9baab5}.video-wrap{margin:24px 0 34px;aspect-ratio:16/9;border:1px solid var(--line);border-radius:20px;overflow:hidden}.video-wrap iframe{width:100%;height:100%;border:0}.chapter-section h3{font-size:17px;font-weight:450;letter-spacing:-.02em;margin:34px 0 17px}.prerequisites{border-left:2px solid #7795a94d;padding:2px 0 2px 20px;color:#9aaeba;font-size:13px}.prerequisites li{margin:7px 0}.prerequisites ul{padding-left:16px;margin:0}.steps{list-style:none;padding:0;counter-reset:step}.steps>li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;padding:23px 0;border-bottom:1px solid var(--line);counter-increment:step}.steps>li::before{content:counter(step,decimal-leading-zero);font-size:11px;color:#8da9ba;padding-top:3px}.steps h4{font-size:14px;font-weight:500;margin:0 0 8px}.steps p{margin:0;font-size:13px;line-height:1.9;color:#99aab8}.success-note{border:1px solid #84bfa522;background:#84bfa505;border-radius:16px;padding:20px 24px;margin:32px 0}.success-note h3{font-size:12px;color:#acccbf;margin:0 0 8px;font-weight:500}.success-note p{font-size:13px;color:#98b1a8;margin:0}.chapter-section details{padding:17px 0;border-bottom:1px solid var(--line)}.chapter-section summary{cursor:pointer;color:#c1ccd5;font-size:13px}.chapter-section details p{font-size:13px;color:#97a9b7;margin:12px 0 4px}.chapter-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding-top:26px}.chapter-pagination a{border:1px solid var(--line);border-radius:17px;padding:20px;background:var(--panel)}.chapter-pagination a:last-child{text-align:right}.chapter-pagination small{display:block;font-size:8px;letter-spacing:.14em;color:#748c9c;margin-bottom:6px}.chapter-pagination span{font-size:13px;color:#c1d1dc}.guide-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#617786;margin:45px 0 8px;padding-top:20px;border-top:1px solid var(--line)}.noscript{padding:40px;color:var(--text)}[hidden]{display:none!important}
@media(min-width:1500px){.guide-layout{gap:90px;grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:1050px){.guide-header{padding:22px 28px}.guide-layout{padding:30px 28px;grid-template-columns:210px minmax(0,1fr);gap:32px}.brand{font-size:17px}.edition{display:none}.book-cover{padding:28px;grid-template-columns:1fr}.cover-art{display:none}.book-cover h1{font-size:36px}.contents h2{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:90px}.guide-header{padding:17px 18px;gap:12px}.brand{font-size:12px;gap:8px}.brand img{width:29px;height:29px}.panel-link{padding:8px 10px;font-size:10px}.panel-link span{margin-left:8px}.guide-layout{display:block;padding:25px 20px}.contents{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:30px}.contents-top h2{font-size:24px;margin:8px 0}.contents-top h2 br{display:none}.contents-top p{display:none}.search{margin:17px 0 12px}#chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}#chapter-nav a{padding:9px 8px;font-size:11px;gap:8px}.reading{padding:12px 0 0;margin-top:16px}.reading progress{margin:8px 0}.reading small{display:none}.book-cover{padding:25px;margin-bottom:34px;border-radius:21px}.book-cover h1{font-size:35px;margin:15px 0}.book-cover p{font-size:12px}.cover-cta{font-size:10px;gap:16px;margin-top:7px}.chapter-label{font-size:9px}#chapter-title{font-size:30px}.chapter-intro{font-size:14px}.steps>li{gap:10px;grid-template-columns:27px minmax(0,1fr)}.chapter-pagination{gap:10px}.chapter-pagination a{padding:15px 12px}.chapter-pagination span{font-size:11px}.success-note{padding:18px}.video-card{padding:17px;gap:12px}.guide-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:black}.guide-header,.contents,.book-cover,.chapter-tools,.video-card,.video-wrap,.chapter-pagination,.guide-footer,.ambient{display:none}.guide-layout{display:block;padding:0;max-width:100%}#chapter h1,#chapter p,#chapter h3,#chapter h4,#chapter li,#chapter summary{color:black}.chapter-label{color:#555}.steps>li{break-inside:avoid}.success-note{border-color:#999}}