.beginner-page{--guide-gold:#f0c976;--guide-muted:#acbac9}.beginner-hero{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #ad834744}.beginner-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-2}.beginner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080f19f7,#080f19c9 48%,#080f1950),linear-gradient(0deg,#080f19,transparent 65%);z-index:-1}.beginner-hero-content{width:min(1160px,calc(100% - 48px));margin:auto;padding:70px 0}.beginner-hero h1{font-size:clamp(42px,6.3vw,78px);line-height:1.05;margin:20px 0}.beginner-hero-content>p:not(.eyebrow){max-width:550px;font-size:19px;line-height:1.7;color:#d1dbe7}.guide-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.guide-tags span{border:1px solid #e4b96544;border-radius:5px;padding:5px 10px;color:#dcc593;background:#141a23b0;font-size:13px}.guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;width:min(1160px,calc(100% - 48px));margin:50px auto 80px}.guide-aside{position:sticky;top:104px;align-self:start;background:#111b28;border:1px solid #dbb06433;border-radius:10px;padding:24px 18px}.guide-aside>strong{font-size:18px;color:#f1dbab}.guide-aside nav{display:grid;gap:3px;margin:18px 0}.guide-aside nav a{padding:7px 0;display:flex;gap:9px;font-size:13px;line-height:1.4;color:#cad4e0}.guide-aside nav a span{flex:none;color:#d8b264;font-variant-numeric:tabular-nums}.guide-aside small{font-size:11px;line-height:1.6;display:block;color:#9faebb;margin-top:18px}.guide-aside-actions{display:grid;gap:14px}.guide-aside-actions .text-link{border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.guide-progress{margin:14px 0 7px;font-size:13px;color:#b9c5d4}.guide-aside progress{width:100%;height:6px;accent-color:#d2aa59}.guide-cards{display:grid;gap:28px}.guide-step{scroll-margin-top:105px;background:linear-gradient(130deg,#152132,#0f1926);border:1px solid #6c82943b;border-radius:12px;padding:32px;box-shadow:0 12px 26px #0002;min-width:0}.guide-step-head{display:flex;gap:19px;align-items:center;margin-bottom:20px}.guide-number{color:var(--guide-gold);font-family:Georgia,serif;font-size:38px;line-height:1;background:#080f19;border:1px solid #d6b66855;border-radius:8px;padding:15px 10px;flex:none}.guide-step-head .eyebrow{font-size:10px;letter-spacing:.13em;margin:0 0 8px}.guide-step h2{font-size:clamp(23px,2.5vw,31px);line-height:1.2;margin:0}.guide-step p{line-height:1.75;color:#c8d4e3}.guide-step .guide-intro{font-size:18px;margin-bottom:23px;color:#e0e8f0}.guide-step ol{padding-left:24px;margin:24px 0}.guide-step li{padding-left:6px;margin:15px 0;line-height:1.8;color:#c8d4e3}.guide-step strong{color:#f6e2b5}.guide-step code{font-size:14px;overflow-wrap:anywhere;white-space:normal;color:#f3d798}.guide-note{background:#080f1966;border-left:3px solid #c1a35e77;padding:13px 17px;font-size:14px;margin:22px 0}.guide-check{display:flex;align-items:center;gap:12px;background:#0a131d;margin:28px -10px -10px;padding:14px 16px;border:1px solid #66889c44;border-radius:7px;cursor:pointer;color:#c3d9e5;font-size:14px}.guide-check input{width:21px;height:21px;accent-color:#e8c677;flex:none}.guide-step:has(.guide-check input:checked){border-color:#9db87c7a}.guide-success{background:#56875b17;border:1px solid #83b68866;border-radius:8px;padding:20px;margin:24px 0}.folder-example{display:grid;gap:10px;background:#0a111b;border:1px solid #37516c;border-radius:8px;padding:20px;font-family:Consolas,monospace;font-size:15px;margin:24px 0}.folder-heading{font-family:inherit;color:#edcc8d;border-bottom:1px solid #31435a;padding-bottom:10px}.folder-example small{display:block;padding-left:27px;color:#96a6b9;font-size:11px}.folder-example b{font-family:inherit;font-size:12px;color:#a9dbaa;margin-left:10px}.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.guide-controls>div{display:flex;gap:7px;align-items:center;background:#0a131d;padding:12px;border-radius:6px;font-size:14px}.guide-controls span{margin-left:auto;text-align:right;color:#c8d4e3}.beginner-page kbd{display:inline-block;border:1px solid #607285;border-bottom-width:3px;border-radius:4px;padding:2px 6px;color:#e8eef6;background:#253348;font-size:12px;line-height:1.5;font-family:inherit;white-space:nowrap}.guide-copy{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#08111d;padding:13px;border-radius:7px}.guide-step details{margin-top:16px;border-top:1px solid #6d82943b;padding:16px 0}.guide-step summary{cursor:pointer;color:#e9ce91;font-size:16px;line-height:1.5}.guide-step .faq{display:block}.guide-step .faq details{background:transparent;padding:17px 0;border-radius:0}.guide-step a:focus-visible,.beginner-page button:focus-visible,.guide-check:has(input:focus-visible){outline:3px solid #f6d484;outline-offset:5px}@media(max-width:960px){.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.guide-step{padding:25px}.guide-number{font-size:31px;padding:13px 9px}}@media(max-width:760px){.beginner-hero{min-height:440px}.beginner-hero-content{width:calc(100% - 36px);padding:50px 0}.beginner-hero:after{background:linear-gradient(90deg,#080f19e8,#080f1990),linear-gradient(0deg,#080f19,transparent)}.guide-layout{display:flex;flex-direction:column;width:calc(100% - 30px);margin-top:24px;gap:25px}.guide-aside{position:static;width:100%;padding:20px}.guide-aside nav{grid-template-columns:1fr 1fr;gap:5px 15px}.guide-aside-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.guide-cards{gap:20px}.guide-step{padding:23px 19px}.guide-step-head{gap:13px}.guide-step .guide-intro{font-size:17px}.guide-controls{grid-template-columns:1fr}.beginner-hero-content>p:not(.eyebrow){font-size:17px}.folder-example{font-size:13px;padding:16px}.guide-aside nav a{font-size:12px}.beginner-page .actions .button{max-width:100%;white-space:normal}.guide-step li{padding-left:2px}}@media(prefers-reduced-motion:reduce){.beginner-page{scroll-behavior:auto}}@media print{.skrabi-header,.beginner-hero>img,.guide-aside,.guide-check,.guide-step .button,.guide-step button,footer,.skip{display:none!important}.beginner-page,.guide-step{background:#fff!important;color:#000!important;box-shadow:none}.beginner-hero{min-height:0;display:block}.beginner-hero:after{display:none}.beginner-hero-content{padding:0;margin:0;width:100%}.beginner-hero h1{font-size:30px}.beginner-hero-content p,.guide-step p,.guide-step li,.guide-step strong,.guide-step h2,.guide-step code,.guide-step summary{color:#111!important}.guide-layout{display:block;width:100%;margin:0}.guide-step{break-inside:auto;border:1px solid #ccc;border-radius:0;padding:18px;margin:18px 0}.guide-step-head{break-after:avoid}.guide-cards{display:block}.guide-number{font-size:22px;background:#fff;border-color:#bbb;color:#111}.guide-step details{display:block}.guide-step details>*{display:block!important}.guide-tags{display:none}.folder-example,.guide-note,.guide-controls>div{background:#eee;color:#111}.guide-step a:after{content:" (" attr(href) ")";font-size:10px;overflow-wrap:anywhere}}