:root{--guide-max: 1360px}.guide-page{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(214,164,67,.09),transparent 28rem),radial-gradient(circle at 18% 34%,rgba(214,164,67,.045),transparent 24rem),#070707}.guide-header .nav-shell{min-height:74px}.guide-header .nav-links{gap:24px}.guide-header .nav-links a[aria-current=page]{color:var(--gold-light)}.guide-hero{position:relative;overflow:hidden;padding:154px 0 72px;border-bottom:1px solid var(--line)}.guide-hero:before{position:absolute;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 92%);mask-image:linear-gradient(180deg,#000,transparent 92%)}.guide-hero-inner{position:relative;z-index:1;width:min(calc(100% - 48px),var(--guide-max));margin:0 auto}.guide-hero-copy{max-width:850px}.guide-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--gold-light);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.guide-kicker:before{width:30px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);content:""}.guide-hero h1{max-width:900px;margin:0;font-size:clamp(3rem,7vw,6.7rem);line-height:.92;letter-spacing:-.065em}.guide-hero h1 em{color:var(--gold-light);font-style:normal}.guide-hero-lead{max-width:760px;margin:28px 0 0;color:#b6b0a6;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}.role-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,650px);margin-top:36px;padding:5px;border:1px solid var(--line);border-radius:18px;background:#ffffff06}.role-switch button{min-height:56px;border:0;border-radius:13px;background:transparent;color:#858078;cursor:pointer;font-weight:800;transition:.2s ease}.role-switch button:hover{color:var(--text)}.role-switch button.is-active{background:linear-gradient(135deg,#d6a4432e,#d6a44312);color:var(--gold-light);box-shadow:inset 0 0 0 1px #d6a44340}.role-switch button span{display:block;margin-top:2px;color:inherit;opacity:.58;font-size:.72rem;font-weight:600}.guide-main{width:min(calc(100% - 48px),var(--guide-max));margin:0 auto;padding:66px 0 110px}.guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:56px}.guide-aside{position:sticky;top:104px;max-height:calc(100vh - 130px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:20px;background:#0f0f0fb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.guide-aside-title{margin:0 0 12px;color:#747067;font-size:.67rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.guide-toc{display:grid;gap:4px}.guide-toc a{display:grid;grid-template-columns:28px 1fr;gap:6px;border-radius:10px;padding:9px 8px;color:#9e988f;font-size:.84rem;line-height:1.3;transition:.18s ease}.guide-toc a:hover{background:#ffffff0a;color:#fff}.guide-toc a span{color:var(--gold);font-size:.72rem;font-weight:800}.guide-toc a.is-current{background:#d6a44314;color:var(--gold-light)}.guide-content{min-width:0}.guide-role-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:34px;align-items:center;margin-bottom:38px;padding:34px;border:1px solid rgba(214,164,67,.17);border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(214,164,67,.12),transparent 38%),linear-gradient(145deg,#111,#0b0b0b)}.guide-role-intro h2{margin:0 0 14px;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em}.guide-role-intro p{margin:0;color:#aaa49a;line-height:1.7}.guide-role-intro ul{margin:20px 0 0;padding:0;list-style:none}.guide-role-intro li{position:relative;margin-top:9px;padding-left:20px;color:#d2ccc2;font-size:.92rem}.guide-role-intro li:before{position:absolute;top:.65em;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #d6a44347;content:""}.guide-role-visual img{max-height:430px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(0,0,0,.55))}.guide-step{scroll-margin-top:110px;margin-top:22px;border:1px solid var(--line);border-radius:24px;background:#0e0e0edb;overflow:hidden}.guide-step-head{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;padding:27px 30px 21px}.guide-step-number{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(214,164,67,.28);border-radius:50%;background:#d6a44312;color:var(--gold-light);font-size:.78rem;font-weight:850;letter-spacing:.07em}.guide-step-head h3{margin:0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.15;letter-spacing:-.035em}.guide-step-head p{margin:7px 0 0;color:#8e8981;font-size:.92rem}.guide-step-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:32px;padding:0 30px 30px}.guide-step-body.no-image{grid-template-columns:1fr}.guide-copy{min-width:0}.guide-copy>p{margin:0 0 17px;color:#b6b0a7;line-height:1.74}.guide-copy ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:guide-counter}.guide-copy ol li{position:relative;min-height:39px;padding:8px 0 8px 48px;color:#e4ded4;line-height:1.55;counter-increment:guide-counter}.guide-copy ol li:before{position:absolute;top:4px;left:0;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#111;color:var(--gold-light);content:counter(guide-counter);font-size:.72rem;font-weight:850}.guide-note{margin-top:20px;border-left:2px solid var(--gold);border-radius:0 12px 12px 0;padding:14px 16px;background:#d6a4430e;color:#aaa49a;font-size:.88rem;line-height:1.6}.guide-note strong{color:var(--gold-light)}.guide-shot{align-self:start;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;background:radial-gradient(circle at 70% 22%,rgba(214,164,67,.1),transparent 42%),#090909}.guide-shot img{width:100%;max-height:510px;margin:0 auto;object-fit:contain;border-radius:12px}.guide-shot.is-phone img{width:min(100%,310px)}.guide-shot figcaption{margin-top:13px;color:#6f6a62;font-size:.73rem;line-height:1.5;text-align:center}.guide-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px}.guide-quick article{border:1px solid var(--line);border-radius:17px;padding:19px;background:#ffffff05}.guide-quick span{display:block;margin-bottom:8px;color:var(--gold);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.guide-quick strong{display:block;font-size:.95rem}.guide-quick p{margin:7px 0 0;color:#7d7870;font-size:.79rem;line-height:1.5}.guide-end{margin-top:28px;border:1px solid rgba(214,164,67,.21);border-radius:24px;padding:30px;background:linear-gradient(135deg,#d6a44317,#ffffff04)}.guide-end h3{margin:0;font-size:1.55rem;letter-spacing:-.035em}.guide-end p{max-width:720px;margin:10px 0 0;color:#9c968e}.guide-end-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.guide-hidden{display:none!important}.guide-footer{border-top:1px solid var(--line)}.guide-footer .footer-main{padding-top:42px}@media(max-width:1100px){.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.guide-step-body{grid-template-columns:1fr}.guide-shot{max-width:620px}.guide-role-intro{grid-template-columns:1fr .62fr}}@media(max-width:860px){.guide-hero{padding-top:124px}.guide-layout{display:block}.guide-aside{position:relative;top:auto;max-height:none;margin-bottom:25px}.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-role-intro{grid-template-columns:1fr}.guide-role-visual img{max-height:360px}.guide-quick{grid-template-columns:1fr}}@media(max-width:680px){.guide-hero-inner,.guide-main{width:min(calc(100% - 28px),var(--guide-max))}.guide-hero{padding:112px 0 52px}.guide-hero h1{font-size:clamp(2.65rem,14vw,4.6rem)}.guide-hero-lead{margin-top:20px;font-size:.98rem}.role-switch{grid-template-columns:1fr;border-radius:15px}.role-switch button{min-height:52px}.guide-main{padding-top:38px}.guide-toc{grid-template-columns:1fr}.guide-role-intro{padding:24px 20px;border-radius:20px}.guide-step{border-radius:20px}.guide-step-head{grid-template-columns:45px 1fr;gap:14px;padding:22px 20px 17px}.guide-step-number{width:45px;height:45px}.guide-step-body{gap:22px;padding:0 20px 22px}.guide-shot{padding:10px;border-radius:16px}.guide-copy ol li{padding-left:44px}.guide-end{padding:24px 20px}}
