.guide-page{margin:0;background:#f4f7fb;color:#162234;--guide-muted:#607089;--guide-line:#d8e2ee;--guide-orange:#b7601d;}
.guide-page *,.guide-page *:before,.guide-page *:after{box-sizing:border-box;}
.guide-page .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.guide-page [hidden]{display:none!important;}
.guide-page .portal-sidebar{width:230px;overflow-y:auto;height:100vh;}
.guide-page .portal-sidebar .brand{padding:16px 20px;display:flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-weight:700;color:var(--pusula-blue);}
.guide-page .portal-sidebar .nav-link{font-size:.875rem;text-decoration:none;padding:9px 20px;}
.guide-page .portal-content{margin-left:230px;background:transparent;}
.guide-topbar{min-height:70px;font-size:.8rem;padding:14px 32px;gap:20px;}
.guide-breadcrumb{color:var(--guide-muted);}
.guide-breadcrumb span{margin:0 10px;color:#9daabd;}
.guide-account{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--pusula-blue);font-weight:600;}
.guide-account>span:first-child{height:34px;width:34px;display:grid;place-items:center;background:#eaf0f8;border:1px solid var(--guide-line);border-radius:50%;font-size:.75rem;}
.guide-body{max-width:1440px;margin:auto;padding:32px;}
.guide-hero{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(115deg,#102640,#1a3c6b 62%,#2f5f92);padding:38px 40px;color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;}
.guide-hero:after{content:'';position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid #ffffff12;right:-90px;top:-90px;pointer-events:none;}
.guide-hero-copy{max-width:590px;position:relative;z-index:1;}
.guide-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.12em;display:block;color:var(--guide-orange);}
.guide-hero .guide-eyebrow{color:#f5c59f;display:flex;align-items:center;gap:8px;}
.guide-hero h1{font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:700;line-height:1.3;letter-spacing:-.045em;margin:18px 0 14px;}
.guide-hero p{color:#d8e3f1;font-size:.86rem;line-height:1.85;margin:0 0 20px;max-width:500px;}
.guide-role-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid #ffffff38;border-radius:30px;padding:7px 13px;background:#ffffff0e;font-size:.72rem;color:#fff;}
.guide-compass{width:205px;height:205px;flex:0 0 205px;border:1px solid #ffffff26;border-radius:50%;position:relative;display:grid;place-items:center;margin-right:18px;transform:rotate(-12deg);}
.guide-compass:before{content:'';position:absolute;inset:15px;border:1px dashed #ffffff38;border-radius:50%;}
.guide-compass>svg{width:130px;height:130px;color:#e5b690;filter:drop-shadow(0 10px 20px #0003);}
.guide-compass-north{position:absolute;top:-12px;background:#244c7b;padding:0 7px;font-size:.7rem;color:#f6d5b9;}
.guide-compass-caption{position:absolute;bottom:-26px;font-size:.5rem;letter-spacing:.16em;color:#d8e3f1;transform:rotate(12deg);white-space:nowrap;}
.guide-search-wrap{display:flex;align-items:center;gap:14px;margin:24px 0;background:white;border:1px solid var(--guide-line);border-radius:14px;padding:0 20px;box-shadow:0 6px 24px #10264004;}
.guide-search-wrap:focus-within{border-color:var(--pusula-blue);box-shadow:0 0 0 3px #1a3c6b15;}
.guide-search-wrap>i{color:var(--pusula-blue);font-size:1rem;}
.guide-search-wrap input{border:0;outline:0;min-width:0;width:100%;background:transparent;padding:20px 0;color:#162234;font-size:.84rem;}
.guide-search-wrap input::placeholder{color:#68788e;opacity:1;}
.guide-search-hint{font-size:.55rem;letter-spacing:.08em;color:var(--guide-muted);white-space:nowrap;}
.guide-role-picker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.76rem;margin:0 0 24px;color:var(--guide-muted);}
.guide-role-picker>div{display:flex;flex-wrap:wrap;gap:8px;}
.guide-role-picker button{border:1px solid var(--guide-line);border-radius:30px;background:white;color:var(--pusula-blue);padding:9px 13px;font-weight:600;}
.guide-role-picker button[aria-pressed=true]{background:#e9eff8;border-color:#9eb3cf;}
.guide-role-picker i{margin-right:4px;}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;align-items:start;}
.guide-categories{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--guide-line);padding-bottom:14px;}
.guide-categories button{background:transparent;border:0;padding:11px 12px;border-radius:9px;font-size:.73rem;font-weight:600;color:var(--guide-muted);}
.guide-categories button i{margin-right:5px;}
.guide-categories button[aria-pressed=true]{color:var(--pusula-blue);background:#e5ecf6;}
.guide-categories button:hover,.guide-role-picker button:hover{background:#eaf0f8;}
.guide-search-status{font-size:.78rem;color:var(--guide-muted);margin:16px 0;}
.guide-search-status:empty{display:none;}
.guide-section{padding-top:26px;}
.guide-section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;}
.guide-section-heading>span{display:grid;place-items:center;height:42px;width:42px;flex:0 0 42px;border-radius:13px;background:#e8eef7;color:var(--pusula-blue);}
.guide-section h2{font-size:1.16rem;letter-spacing:-.025em;font-weight:700;color:var(--pusula-blue);margin:0 0 7px;line-height:1.4;}
.guide-section-heading p{color:var(--guide-muted);font-size:.78rem;margin:0;line-height:1.7;}
.guide-entry{border:1px solid var(--guide-line);background:white;border-radius:14px;margin-bottom:10px;overflow:hidden;}
.guide-entry summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;color:var(--pusula-blue);font-size:.83rem;font-weight:700;line-height:1.6;}
.guide-entry summary::-webkit-details-marker{display:none;}
.guide-entry summary:after{content:'+';font-size:1.3rem;font-weight:400;margin-left:auto;line-height:1;flex-shrink:0;color:#7789a1;}
.guide-entry[open] summary:after{content:'−';}
.guide-step{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:.68rem;background:#edf2f8;color:var(--pusula-blue);}
.guide-entry[open]{border-color:#b6c7dd;box-shadow:0 6px 20px #10264004;}
.guide-entry[open] .guide-step{background:var(--pusula-blue);color:white;}
.guide-entry-body{padding:0 22px 20px 64px;color:#52647c;font-size:.81rem;line-height:1.9;}
.guide-entry-body p{margin:0 0 12px;}
.guide-entry-body p:last-child{margin-bottom:0;}
.guide-entry-body ul{padding-left:19px;margin:10px 0;}
.guide-entry-body li{padding-left:3px;margin:4px 0;}
.guide-entry-body a{color:var(--pusula-blue);font-weight:600;text-underline-offset:3px;}
.guide-entry-body blockquote{border-left:3px solid #d67a31;background:#fcf5ee;padding:12px 16px;border-radius:0 9px 9px 0;color:#795334;margin:14px 0;}
.guide-tip{padding:12px 16px;background:#f0f4fa;border-radius:10px;margin:12px 0;}
.guide-tip strong{color:var(--pusula-blue);}
.guide-entry-body .guide-inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;text-decoration:none;}
.guide-entry.no-step .guide-entry-body{padding-left:22px;}
.guide-copy{border:1px solid #d5b89e;background:#fffaf5;border-radius:8px;padding:7px 12px;font-size:.74rem;color:#8b4a19;font-weight:600;}
.guide-copy-status{display:block;font-size:.72rem;margin-top:6px;color:var(--guide-muted);}
.guide-aside{display:grid;gap:16px;padding-top:0;}
.guide-side-card{background:white;border:1px solid var(--guide-line);border-radius:18px;padding:22px;}
.guide-side-card h2{font-size:1rem;color:var(--pusula-blue);font-weight:700;line-height:1.6;letter-spacing:-.03em;margin:10px 0;}
.guide-side-card p{font-size:.76rem;line-height:1.85;color:var(--guide-muted);margin-bottom:18px;}
.guide-side-card>a{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:var(--pusula-blue);font-size:.76rem;font-weight:600;padding:13px 0;border-top:1px solid #edf1f6;}
.guide-side-card>a span>i{width:20px;margin-right:5px;color:#7186a1;}
.guide-side-card>a>i{font-size:.65rem;color:#7186a1;}
.guide-note{background:#fcf5ee;border-color:#efdaca;}
.guide-note-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f7e4d3;color:#a45a22;}
.guide-note h2{font-size:.91rem;}
.guide-note p{margin-bottom:0;color:#796452;}
.guide-support{background:transparent;border-style:dashed;}
.guide-support>i{font-size:1.15rem;color:var(--pusula-blue);}
.guide-support a{color:var(--guide-orange);border:0;padding:0;}
.guide-empty{text-align:center;padding:48px 20px;border:1px dashed #b6c7dd;border-radius:16px;background:white;margin-top:24px;}
.guide-empty>i{font-size:2rem;color:#9bafc9;margin-bottom:18px;}
.guide-empty h2{font-size:1.1rem;color:var(--pusula-blue);}
.guide-empty p{font-size:.8rem;color:var(--guide-muted);line-height:1.8;}
.guide-empty button{display:block;margin:18px auto;background:var(--pusula-blue);border:0;border-radius:10px;color:white;padding:11px 18px;font-size:.8rem;}
.guide-empty a{font-size:.8rem;color:var(--pusula-blue);}
.guide-footer{display:flex;justify-content:center;align-items:center;gap:8px;color:#607089;font-size:.7rem;margin:38px 0 8px;padding-top:20px;border-top:1px solid var(--guide-line);}
.guide-footer i{color:#b7601d;}
.guide-skip{position:fixed;top:-100px;left:16px;z-index:2000;background:white;color:var(--pusula-blue);padding:12px 20px;border:2px solid var(--pusula-blue);border-radius:10px;}
.guide-skip:focus{top:12px;}
.guide-page :is(button,a,summary):focus-visible{outline:3px solid #d67a31;outline-offset:4px;}
@media(min-width:1600px){.guide-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px;}}
@media(max-width:1150px){.guide-compass{width:155px;height:155px;flex-basis:155px;margin-right:0;}.guide-compass>svg{width:104px;height:104px;}.guide-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px;}.guide-body{padding:24px;}.guide-hero{padding:30px;}.guide-side-card{padding:18px;}.guide-search-hint{display:none;}}
@media(max-width:960px){.guide-layout{grid-template-columns:minmax(0,1fr);}.guide-aside{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;}.guide-support{grid-column:1/-1;}.guide-compass{display:none;}.guide-categories button{padding:10px;font-size:.72rem;}}
@media(max-width:768px){.guide-page .portal-sidebar{display:none;}.guide-page .portal-content{margin-left:0;}.guide-topbar{padding:15px 20px;}.guide-body{padding:20px;}.guide-hero{padding:28px;border-radius:20px;}.guide-hero h1{font-size:1.9rem;}}
@media(max-width:480px){.guide-body{padding:16px;}.guide-topbar{padding:14px 16px;}.guide-account>span:last-child{display:none;}.guide-hero{padding:26px 22px;}.guide-hero h1{font-size:1.7rem;}.guide-hero p{font-size:.8rem;}.guide-eyebrow{font-size:.57rem;}.guide-search-wrap{padding:0 14px;gap:10px;margin:18px 0;}.guide-search-wrap input{font-size:.78rem;padding:18px 0;}.guide-categories{display:grid;grid-template-columns:1fr 1fr;gap:6px;}.guide-categories button{text-align:left;}.guide-entry summary{padding:16px;gap:10px;font-size:.8rem;}.guide-entry-body{padding:0 16px 18px 56px;}.guide-entry.no-step .guide-entry-body{padding-left:16px;}.guide-aside{grid-template-columns:1fr;}.guide-footer{padding-bottom:66px;font-size:.65rem;}}