.guide-page{min-height:100vh;color:#e2e8f0;background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.14),transparent 31rem),radial-gradient(circle at 88% 18%,rgba(224,169,58,.08),transparent 26rem),#0f172a}.guide-page:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.2;background-image:radial-gradient(rgba(255,255,255,.28) .6px,transparent .6px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 55%)}.guide-skip{position:fixed;top:8px;left:8px;z-index:1400;padding:.65rem .85rem;color:#0f172a;background:#f8fafc;border-radius:.5rem;transform:translateY(-150%)}.guide-skip:focus{transform:translateY(0)}.guide-main{position:relative;z-index:1;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:84px 0 72px}.guide-breadcrumb{display:flex;gap:.55rem;align-items:center;margin-bottom:2rem;color:#94a3b8;font-size:.82rem}.guide-breadcrumb a{color:#93c5fd;text-decoration:none}.guide-breadcrumb a:hover{color:#bfdbfe;text-decoration:underline}.guide-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,5vw,4.75rem);align-items:center;padding:2rem 0 4rem}.guide-kicker{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:#f2c760;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.guide-kicker:before{width:1.65rem;height:1px;content:"";background:currentColor}.guide-title{max-width:14ch;margin:0;color:#f8fafc;font-size:clamp(2.25rem,5.8vw,4rem);font-weight:760;letter-spacing:-.045em;line-height:1.02}.guide-lede{max-width:64ch;margin:1.35rem 0 0;color:#cbd5e1;font-size:clamp(1rem,1.7vw,1.17rem);line-height:1.75}.guide-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.65rem}.guide-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1rem;color:#f8fafc;font-size:.9rem;font-weight:700;text-decoration:none;background:#2563eb;border:1px solid #60a5fa;border-radius:.65rem;box-shadow:0 12px 34px #2563eb33;transition:.2s ease}.guide-button:hover{color:#fff;background:#3b82f6;transform:translateY(-1px)}.guide-button.secondary{color:#f8d98e;background:#e0a93a14;border-color:#e0a93a80;box-shadow:none}.guide-button.secondary:hover{color:#fff1c7;background:#e0a93a24}.guide-visual{position:relative;overflow:hidden;min-height:360px;background:#111827;border:1px solid rgba(148,163,184,.2);border-radius:1.1rem;box-shadow:0 28px 75px #0206177a}.guide-visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.guide-visual:after{position:absolute;inset:0;content:"";box-shadow:inset 0 0 70px #02061759;pointer-events:none}.guide-visual-caption{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:1;padding:.75rem .85rem;color:#dbeafe;font-size:.78rem;line-height:1.45;background:#0f172adb;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;backdrop-filter:blur(8px)}.guide-section{margin-top:4.75rem}.guide-section>header{max-width:750px;margin-bottom:1.7rem}.guide-section h2{margin:0;color:#f8fafc;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.025em;line-height:1.2}.guide-section>header p{margin:.8rem 0 0;color:#aebdd2;font-size:1rem;line-height:1.75}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card{padding:clamp(1.2rem,3vw,1.7rem);color:#cbd5e1;background:#1e293bb8;border:1px solid rgba(148,163,184,.16);border-radius:.9rem;box-shadow:0 16px 50px #02061729}.guide-card h3{margin:0 0 .7rem;color:#f1f5f9;font-size:1.03rem}.guide-card p{margin:0;line-height:1.72}.guide-card p+p{margin-top:.85rem}.guide-card ul{margin:.8rem 0 0;padding-inline-start:1.15rem}.guide-card li{margin:.55rem 0;line-height:1.65}.guide-number{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;margin-bottom:1rem;color:#fcd77c;font-size:.8rem;font-weight:800;background:#e0a93a1a;border:1px solid rgba(224,169,58,.32);border-radius:50%}.guide-callout{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;margin-top:1rem;padding:1.4rem;color:#dbeafe;line-height:1.72;background:#1e40af1f;border:1px solid rgba(96,165,250,.25);border-radius:.9rem}.guide-callout strong{color:#f8fafc}.guide-callout-mark{color:#93c5fd;font-size:1.35rem;line-height:1}.guide-table-wrap{overflow-x:auto;border:1px solid rgba(148,163,184,.17);border-radius:.9rem}.guide-table{width:100%;min-width:620px;border-collapse:collapse;background:#0f172a7a}.guide-table th,.guide-table td{padding:1rem 1.05rem;text-align:start;vertical-align:top;border-bottom:1px solid rgba(148,163,184,.13)}.guide-table tr:last-child td{border-bottom:0}.guide-table th{color:#f8fafc;font-size:.84rem;background:#33415594}.guide-table td{color:#cbd5e1;line-height:1.62}.guide-inline-link{color:#93c5fd;font-weight:650;text-decoration-thickness:1px;text-underline-offset:3px}.guide-inline-link:hover{color:#bfdbfe}.guide-faq{display:grid;gap:.75rem}.guide-faq details{padding:1.05rem 1.2rem;background:#1e293b99;border:1px solid rgba(148,163,184,.15);border-radius:.75rem}.guide-faq summary{color:#f1f5f9;font-weight:700;cursor:pointer}.guide-faq p{margin:.8rem 0 0;color:#b7c5d9;line-height:1.7}.guide-final{display:flex;gap:1.4rem;align-items:center;justify-content:space-between;margin-top:4.75rem;padding:clamp(1.4rem,4vw,2.2rem);background:linear-gradient(130deg,#2563eb2b,#e0a93a14);border:1px solid rgba(96,165,250,.23);border-radius:1rem}.guide-final h2{margin:0;color:#f8fafc;font-size:clamp(1.35rem,2.6vw,1.9rem)}.guide-final p{max-width:62ch;margin:.55rem 0 0;color:#bdc9da;line-height:1.65}.guide-footer{position:relative;z-index:1;display:flex;gap:1rem;justify-content:space-between;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:1.4rem 0 2rem;color:#7f91aa;font-size:.78rem;border-top:1px solid rgba(148,163,184,.13)}.guide-footer a{color:#a8c9fa;text-decoration:none}.guide-page :focus-visible{outline:3px solid #e0a93a;outline-offset:3px}@media (max-width: 820px){.guide-main{width:min(100% - 28px,720px);padding-top:76px}.guide-hero{grid-template-columns:1fr;gap:2rem;padding-top:1rem}.guide-title{max-width:16ch}.guide-visual,.guide-visual img{min-height:300px}.guide-grid,.guide-grid.three{grid-template-columns:1fr}.guide-final{align-items:flex-start;flex-direction:column}.guide-footer{width:min(100% - 28px,720px);flex-direction:column}}@media (prefers-reduced-motion: reduce){.guide-page *,.guide-page *:before,.guide-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
