/* Wusla / Young Creators: verified against the live suite on 11 October 2026. */
@font-face{font-family:Barlow;src:url('../fonts/BarlowSemiCondensed-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/BarlowSemiCondensed-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{--ink:#f8f6fa;--ink-strong:#f8f6fa;--muted:#c2b8d1;--navy:#261029;--navy-light:#61205f;--blue:#f9a143;--teal:#f9a143;--pale:#31243d;--fog:#14111b;--white:#211d29;--line:#51405e;--sun:#f9a143;--surface:#211d29;--soft:#31243d;--deep:#261029;--purple:#61205f;--accent:#f9a143;--accent-hover:#ffb55d;--danger:#ff9eaa;--success:#8bdcc0;--radius:14px;--shadow:0 10px 34px #0000001f;--ui:Barlow,'Segoe UI',Tahoma,Arial,sans-serif;--display:Barlow,'Segoe UI',Tahoma,Arial,sans-serif;--scroll-thumb:#766284;--scroll-track:#211d29;--scroll-hover:#ac8dc1;--scroll-active:#f9a143}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.62 var(--ui);color:var(--ink);background:var(--fog)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}strong{font-weight:740}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.2;color:var(--ink);letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4vw,3.45rem)}h2{font-size:clamp(1.7rem,2.5vw,2.2rem)}h3{font-size:1.24rem}h4{font-size:1.04rem}p{margin:0}ul{padding-left:1.2rem}li+li{margin-top:.28rem}:focus-visible{outline:3px solid var(--accent-hover);outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-icons{position:absolute;width:0;height:0;overflow:hidden}
/* Access gate */
.gate-locked .shell{display:none}.gate-open #accessGate{display:none!important}.access-stage{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:28px;overflow:auto;background:radial-gradient(ellipse at 72% 20%,rgba(47,153,174,.24),transparent 41%),linear-gradient(143deg,#0c263e,#16425c 60%,#0c293b)}.access-stage:before{content:'';position:absolute;inset:20px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.access-card{position:relative;width:min(510px,100%);padding:clamp(27px,5vw,49px);border-radius:22px;background:var(--surface);box-shadow:0 25px 75px #00172885}.access-brand{display:flex;align-items:center;gap:13px;margin-bottom:38px;font-size:.72rem;font-weight:850;letter-spacing:.16em;color:var(--ink)}.access-monogram{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:var(--navy);color:var(--ink);font-size:1.05rem;font-weight:800;letter-spacing:-.1em}.access-kicker{display:inline-block;color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:11px}.access-card h1{font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.15}.access-card>p{margin:16px 0 28px;color:var(--muted);font-size:.98rem}.access-label{font-weight:750;font-size:.85rem;display:block;margin-bottom:10px}.access-input-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:3px 5px 3px 13px;transition:border-color .2s}.access-input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,107,150,.12)}.access-input-wrap input{min-width:0;flex:1;border:0;outline:none;padding:11px 0;background:transparent;font-size:1rem;letter-spacing:.06em}.access-reveal{background:var(--soft);border:0;width:39px;height:37px;border-radius:7px;color:var(--ink);display:grid;place-items:center}.access-reveal svg{width:18px}.access-submit{width:100%;background:var(--navy);color:var(--ink);border:0;padding:14px 18px;border-radius:10px;margin-top:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.access-submit:hover{background:var(--blue)}.access-error{margin-top:12px!important;color:var(--danger)!important;font-weight:650;font-size:.89rem!important}.access-foot{margin-top:29px;padding-top:20px;border-top:1px solid var(--line);font-size:.77rem;color:var(--muted)}
/* Structural shell */
.shell{display:flex;min-height:100vh}.sidebar{width:268px;flex-shrink:0;background:var(--navy);color:var(--muted);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:30}.brand{padding:30px 23px 25px;display:flex;gap:12px;align-items:center;color:var(--ink);border-bottom:1px solid var(--line)}.brand:hover{text-decoration:none}.brand-mark{height:45px;width:45px;border:1px solid var(--line);display:grid;place-items:center;font-size:19px;letter-spacing:-.13em;font-weight:900;border-radius:11px}.brand-mark span{font-size:14px;color:var(--accent);padding:0 1px}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-size:.79rem;letter-spacing:.075em}.brand-copy small{font-size:.72rem;color:var(--muted);margin-top:3px}.sidebar-scroll{flex:1;overflow:auto;padding:17px 13px 15px}.nav-label{font-size:.65rem;letter-spacing:.18em;font-weight:850;color:var(--muted);margin:14px 12px 9px}.nav-label-profiles{margin-top:25px}.nav-main a,.nav-profiles a{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;font-size:.85rem;color:var(--muted);font-weight:600;border-radius:9px}.nav-main a.active,.nav-profiles a.active{background:var(--soft);color:var(--ink)}.nav-main a:hover,.nav-profiles a:hover{background:var(--soft);text-decoration:none;color:var(--ink)}.nav-main a.active{box-shadow:inset 3px 0 0 #65bfd0}.nav-profiles a{font-size:.79rem;gap:11px;align-items:baseline}.nav-profiles a .profile-code{font-variant-numeric:tabular-nums;color:var(--accent);font-size:.72rem;font-weight:850;width:33px}.sidebar-footer{border-top:1px solid var(--line);padding:19px 23px 24px;font-size:.75rem;color:var(--muted)}.sidebar-footer p{margin:11px 0 0}.sidebar-footer small{font-size:.72rem}.side-tag{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.74rem}.status-dot{background:var(--soft);width:7px;height:7px;border-radius:50%}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:67px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,44px);position:sticky;top:0;z-index:20}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:18px}.topbar-left{font-size:.77rem;font-weight:750;color:var(--muted)}.topbar-actions{font-size:.75rem}.edition-tag{font-size:.67rem;letter-spacing:.1em;font-weight:850;color:var(--teal)}.topbar-link{display:flex;align-items:center;gap:7px;font-weight:750;color:var(--blue)}.topbar-link svg{width:15px}.topbar-logout{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:7px 11px;border-radius:8px;font-weight:800;font-size:.73rem}.topbar-logout:hover{background:var(--pale)}.content{width:min(1180px,100%);margin:0 auto;padding:clamp(24px,3.7vw,49px) clamp(20px,3.5vw,50px) 80px;flex:1}.site-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px clamp(22px,3vw,44px);font-size:.73rem;border-top:1px solid var(--line);color:var(--muted)}.icon-btn{width:38px;height:38px;background:var(--surface);border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--ink)}.icon-btn:hover{background:var(--pale)}.menu-btn{display:none}.sidebar-backdrop{display:none}
/* Content rhythm */
.eyebrow{font-size:.67rem;text-transform:uppercase;letter-spacing:.16em;font-weight:850;color:var(--teal)}.page-heading{margin-bottom:31px}.page-heading h1{margin-top:9px}.page-heading p{margin-top:13px;color:var(--muted);font-size:1.02rem;max-width:760px}.section-heading{margin:44px 0 19px;display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading .section-number{font-size:.7rem;color:var(--teal);font-weight:800;letter-spacing:.15em}.section-heading h2{font-size:1.65rem}.section-heading p{color:var(--muted);margin-top:6px}.flowline{display:flex;gap:9px;flex-wrap:wrap}.small-pill,.label-chip,.tag{display:inline-flex;align-items:center;gap:7px;font-size:.71rem;font-weight:750;border-radius:100px;padding:5px 10px;line-height:1.3;background:var(--soft);color:var(--muted)}.tag{border-radius:6px}.tag-warm{background:var(--soft);color:var(--accent)}.tag-green{background:var(--soft);color:var(--success)}.tag-soft{background:var(--soft);color:var(--muted)}.hero{position:relative;overflow:hidden;padding:clamp(25px,4.2vw,52px);border-radius:18px;background:linear-gradient(116deg,#102b47,#154868 75%);color:var(--ink)}.hero:after{content:'';position:absolute;right:-80px;top:-135px;width:340px;height:340px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff04;pointer-events:none}.hero .eyebrow{color:var(--accent)}.hero h1{color:var(--ink);margin:15px 0;max-width:780px}.hero p{color:var(--muted);max-width:720px;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:11px 16px;line-height:1.35;font-size:.82rem;font-weight:800;text-decoration:none;transition:background .12s,transform .12s,border-color .12s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--blue);color:var(--ink)}.btn-primary:hover{background:var(--soft);color:var(--ink)}.btn-light{background:var(--surface);color:var(--ink)}.btn-light:hover{background:var(--soft);color:var(--ink)}.btn-ghost{color:var(--ink);border-color:var(--line);background:transparent}.btn-ghost:hover{background:var(--soft);color:var(--ink)}.btn-outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-outline:hover{background:var(--soft);color:var(--ink)}.btn-quiet{background:var(--soft);color:var(--muted)}.btn-quiet:hover{background:var(--soft);color:var(--ink)}.btn-sm{font-size:.75rem;padding:8px 11px}.btn-warm{background:var(--soft);color:var(--muted)}.btn-warm:hover{background:var(--soft);color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:9px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.stat-card{padding:17px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.stat-card strong{font-size:1.9rem;line-height:1.1;color:var(--ink);font-weight:850}.stat-card span{font-size:.8rem;color:var(--muted);margin-top:4px}.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card,.profile-card,.doc-card,.step-card,.surface{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:0 2px 8px rgba(16,43,71,.024)}.info-card h3{margin-bottom:9px}.info-card p,.profile-card p,.step-card p{font-size:.87rem;color:var(--muted)}.icon-medallion{height:35px;width:35px;border-radius:10px;background:var(--soft);color:var(--teal);display:grid;place-items:center;margin-bottom:12px}.icon-medallion svg{width:19px;height:19px}.icon-medallion.warm{background:var(--soft);color:var(--accent)}.separator{height:1px;background:var(--line);margin:25px 0}.inline-link{font-weight:800;display:inline-flex;align-items:center;gap:6px;font-size:.79rem}.inline-link svg{width:14px}.quiet-note{background:var(--soft);border-left:3px solid var(--line);padding:15px 18px;color:var(--muted);border-radius:0 8px 8px 0;font-size:.85rem}.warning-note{background:var(--soft);border-left-color:var(--line)}.feature-split{display:grid;grid-template-columns:1.07fr .93fr;gap:23px;align-items:center}.feature-img{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);overflow:hidden}.feature-img img{display:block;width:100%;height:auto;border-radius:7px}.body-list{list-style:none;padding:0;margin:14px 0 0}.body-list li{display:flex;align-items:flex-start;gap:9px;line-height:1.46;font-size:.84rem;margin:0 0 10px}.body-list li:before{content:'✓';color:var(--teal);font-weight:900}.body-list li+li{margin-top:0}.route-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.route-step{padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:108px}.route-step .route-n{display:block;color:var(--teal);font-weight:850;font-size:.73rem;margin-bottom:12px}.route-step strong{font-size:.78rem;line-height:1.32;display:block}.route-step p{font-size:.72rem;color:var(--muted);margin-top:6px}.profile-card{display:flex;flex-direction:column;gap:10px}.profile-card .pc-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.profile-card .pc-code{font-size:.72rem;letter-spacing:.12em;font-weight:850;color:var(--teal)}.profile-card h3{font-size:1.2rem}.profile-card .pc-sub{color:var(--muted);font-size:.78rem;margin-top:5px}.profile-card p{margin-bottom:auto}.profile-card .button-row{padding-top:9px}.two-col-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.record{display:grid;grid-template-columns:50px 1fr;align-items:start;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.record:last-child{border-bottom:0}.record-code{font-weight:850;color:var(--teal);font-size:.83rem}.record strong{font-size:.9rem}.record p{font-size:.81rem;color:var(--muted);margin-top:3px}.table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:670px;text-align:left}th{background:var(--soft);color:var(--muted);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;font-weight:850}th,td{padding:14px 17px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border-bottom:0}td{font-size:.84rem}tbody tr:hover{background:var(--soft)}.table-link{font-weight:750;white-space:nowrap}.callout{border:1px solid var(--line);background:var(--soft);padding:20px 22px;border-radius:12px}.callout h3{margin-bottom:7px}.callout p{color:var(--muted);font-size:.85rem}
/* Profile */
.profile-head{background:linear-gradient(109deg,#eff6fa,#fff);border:1px solid var(--line);padding:27px 29px;border-radius:14px;margin-bottom:22px}.profile-head .profile-label{color:var(--teal);font-weight:850;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.profile-head h1{margin:6px 0}.profile-head p{font-size:.94rem;color:var(--muted);max-width:730px}.profile-head .button-row{margin-top:19px}.profile-intro{display:grid;grid-template-columns:1fr 1fr;gap:17px}.profile-workflow{display:flex;flex-direction:column;gap:14px}.workflow-step{display:grid;grid-template-columns:52px 1fr;gap:16px}.workflow-n{height:41px;width:41px;border-radius:12px;background:var(--soft);color:var(--teal);font-size:.76rem;font-weight:850;display:grid;place-items:center}.workflow-body{padding:16px 19px 18px;background:var(--surface);border:1px solid var(--line);border-radius:13px;min-width:0}.workflow-body h3{margin-bottom:6px}.workflow-body p{color:var(--muted);font-size:.85rem}.workflow-body .button-row{margin-top:14px}.workflow-body ul{margin:8px 0;padding-left:20px;color:var(--muted);font-size:.85rem}.form-feature{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(116deg,#e8f6f8,#f8fcfd);border:1px solid var(--line);padding:22px;border-radius:11px}.form-feature h4{margin-bottom:5px}.form-feature p{color:var(--muted);font-size:.82rem}.form-feature .btn{white-space:nowrap}.form-preview{margin-top:18px}.form-preview>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:780;font-size:.85rem;border:1px solid var(--line);background:var(--soft);padding:12px 15px;border-radius:9px;list-style:none}.form-preview>summary::after{content:'⌄';color:var(--blue);font-size:1.25rem}.form-preview[open]>summary{border-radius:9px 9px 0 0}.form-preview>summary::-webkit-details-marker{display:none}.preview-inner{border:1px solid var(--line);border-top:0;padding:15px 16px;border-radius:0 0 9px 9px}.preview-inner>p{margin-bottom:13px}.section-details{border:1px solid var(--line);border-radius:9px;margin-bottom:10px;overflow:hidden}.section-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 13px;background:var(--soft);font-size:.84rem;font-weight:780;list-style:none}.section-details summary::-webkit-details-marker{display:none}.section-details summary .sub-count{color:var(--muted);font-size:.74rem;font-weight:600}.question-list{padding:13px;display:grid;gap:9px}.question-item{border-bottom:1px solid var(--line);padding-bottom:10px}.question-item:last-child{border-bottom:0}.question-item p{font-size:.78rem;color:var(--ink);font-weight:750}.question-item small{display:block;font-size:.72rem;color:var(--muted);margin-top:6px}.opt-preview{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}.opt-preview span{font-size:.68rem;line-height:1.4;padding:3px 6px;background:var(--soft);border-radius:5px;color:var(--muted)}.form-note{font-size:.76rem;color:var(--muted);margin-top:9px}.tag-section{margin-bottom:8px}
/* Documents and links */
.online-list{display:grid;gap:11px}.online-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 20px;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center}.online-row .code-box{background:var(--pale);color:var(--teal);border-radius:9px;padding:9px 4px;text-align:center;font-weight:850;font-size:.8rem}.online-row h3{font-size:1rem;margin-bottom:3px}.online-row p{color:var(--muted);font-size:.77rem}.online-row .btn{white-space:nowrap}.document-search{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:16px}.document-search svg{color:var(--muted)}.document-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:8px 13px;font-size:.75rem;font-weight:800}.filter-btn.active{background:var(--navy);color:var(--ink);border-color:var(--navy)}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doc-card{padding:18px;display:flex;flex-direction:column;gap:9px}.doc-card h3{font-size:1rem;line-height:1.32}.doc-card p{font-size:.78rem;color:var(--muted);flex:1}.doc-card .button-row{padding-top:3px}.doc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.72rem}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:12px;padding:32px;color:var(--muted);grid-column:1/-1}.document-dialog,.image-dialog{width:min(1060px,96vw);max-width:none;max-height:94vh;border:1px solid var(--line);padding:0;border-radius:14px;box-shadow:0 18px 75px #0c1d2b80;background:var(--surface);color:var(--ink)}.document-dialog::backdrop,.image-dialog::backdrop{background:var(--soft)}.document-dialog{height:90vh}.modal-head{min-height:79px;border-bottom:1px solid var(--line);padding:18px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head .eyebrow{font-size:.59rem}.modal-head h2{font-size:1.16rem;margin-top:5px;letter-spacing:0}.modal-actions{display:flex;justify-content:flex-end;gap:11px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--line)}.modal-actions a{display:inline-flex;align-items:center;gap:6px;font-size:.77rem;font-weight:750}.modal-actions svg{width:14px;height:14px}.document-dialog iframe{display:block;border:0;width:100%;height:calc(100% - 142px);background:var(--soft)}.image-dialog{height:auto}.image-modal-body{max-height:70vh;overflow:auto;background:var(--soft);text-align:center;padding:12px}.image-modal-body img{max-height:68vh;width:auto;display:inline-block;max-width:100%}
/* Responsive */
@media(max-width:1100px){.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-actions .edition-tag{display:none}}@media(max-width:860px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-101%);transition:transform .2s ease;box-shadow:0 0 45px #0a263421}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:var(--soft);z-index:25}.sidebar-backdrop.visible{display:block}.menu-btn{display:grid}.topbar{padding:0 19px}.content{padding:28px 23px 64px}.feature-split{grid-template-columns:1fr}.route-steps{grid-template-columns:repeat(3,1fr)}.sidebar-footer{padding-bottom:35px}}@media(max-width:590px){.hero{padding:27px 23px}.hero h1{font-size:2.1rem}.hero p{font-size:.95rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat-card{padding:12px 10px}.stat-card strong{font-size:1.5rem}.stat-card span{font-size:.69rem}.cards-2,.cards-3,.profile-intro,.two-col-list,.doc-grid{grid-template-columns:1fr}.route-steps{grid-template-columns:repeat(2,1fr)}.online-row{grid-template-columns:38px 1fr}.online-row .button-row{grid-column:1/-1;margin-top:2px}.online-row .btn{flex:1}.form-feature{grid-template-columns:1fr}.workflow-step{grid-template-columns:34px 1fr;gap:10px}.workflow-n{height:34px;width:34px}.workflow-body{padding:14px}.topbar-link{display:none}.topbar-left{gap:9px}.topbar-logout{font-size:.68rem}.access-card{padding:27px 25px}.profile-head{padding:23px 19px}.hero-actions .btn{width:100%}.modal-head{padding:13px}.modal-head h2{font-size:1rem}.modal-actions{justify-content:flex-start;padding:9px 12px}.document-dialog iframe{height:calc(100% - 150px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}
.brand-mark{flex:0 0 45px;white-space:nowrap;line-height:1;letter-spacing:-.15em}.brand-copy{min-width:0}.brand-copy strong{font-size:.72rem;letter-spacing:.055em}

/* Shared interaction and accessibility contracts. */

html{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto;scrollbar-gutter:stable}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
.skip-link{position:fixed;top:10px;left:10px;z-index:110;transform:translateY(-150%);padding:12px 18px;background:var(--surface);color:var(--ink);border-radius:9px;box-shadow:var(--shadow)}.skip-link:focus{transform:translateY(0)}
.sidebar-close{display:none}.nav-open{overflow:hidden}.sidebar{height:100dvh}.topbar-left{min-width:0}.topbar-left #breadcrumb{overflow-wrap:anywhere}.topbar-actions{flex-shrink:0}
.nav-main a,.nav-profiles a,.icon-btn,.access-reveal{min-height:44px}.icon-btn,.access-reveal{min-width:44px}.btn{min-height:44px}.btn:active{transform:translateY(0)}.btn:disabled,.access-submit:disabled{opacity:.6;transform:none}.access-submit[aria-busy="true"] svg{opacity:.4}
.access-error{min-height:3em;font-size:.82rem!important;line-height:1.5}.access-error[hidden]{display:block;visibility:hidden}.access-card>p{margin-bottom:22px}.access-input-wrap input[aria-invalid="true"]{color:var(--danger)}
.document-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.document-search input{min-width:0;flex:1}.search-clear{border:0;background:var(--pale);flex-shrink:0}.search-clear[hidden]{display:none}.filter-btn:hover:not(.active){background:var(--pale);border-color:var(--line)}.filter-btn{min-height:44px}.doc-meta{color:var(--muted)}.empty-state .btn{margin-top:18px}
.document-dialog[open]{display:flex;flex-direction:column}.document-dialog .modal-head,.document-dialog .modal-actions{flex-shrink:0}.document-dialog iframe{flex:1;min-height:0;height:auto}.modal-head .icon-btn{flex-shrink:0}.modal-title-wrap{min-width:0;overflow-wrap:anywhere}
.content{scroll-margin-top:84px}.content:focus{outline:none}.feature-img{aspect-ratio:1.15}.feature-img img{height:100%;object-fit:contain}
@media(max-width:860px){.sidebar-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;min-width:32px;min-height:32px;background:transparent;border-color:var(--line);color:var(--ink)}.sidebar .brand{padding-top:55px}.sidebar-scroll{overscroll-behavior:contain}.sidebar-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-width:590px){.topbar{padding:0 14px;gap:8px}.content{padding-left:18px;padding-right:18px}.topbar-logout{min-height:40px}.access-stage{padding:22px 18px}.access-brand{letter-spacing:.11em}.access-monogram{flex-shrink:0}.access-stage:before{inset:10px}.document-dialog,.image-dialog{max-height:94dvh}.form-feature .btn{white-space:normal;text-align:center}.section-details summary{gap:10px}.section-details .sub-count{flex-shrink:0}.body-list li{overflow-wrap:anywhere}}
@media(max-height:700px){.access-stage{align-items:start;padding-block:24px}.access-brand{margin-bottom:24px}.access-card{padding-top:30px;padding-bottom:30px}}
@media(forced-colors:active){html,*{scrollbar-color:auto}::-webkit-scrollbar-thumb{background:ButtonText}::-webkit-scrollbar-track{background:Canvas}.filter-btn.active{border:2px solid Highlight}}

.brand-mark{display:flex;align-items:center;justify-content:center}
@media(max-width:860px){.sidebar{visibility:hidden;pointer-events:none}.sidebar.is-open{visibility:visible;pointer-events:auto}.sidebar-close{width:44px;height:44px;min-width:44px;min-height:44px}.sidebar-scroll{min-height:0}.sidebar-footer{flex-shrink:0}}
.doc-card p{font-size:.86rem}.form-preview{scroll-margin-top:84px}.access-foot{margin-top:20px}

/* Shared brand surfaces and controls. Geometry and routing remain in the owners above. */
.sidebar,.topbar{background:var(--deep);border-color:var(--line)}
.sidebar{border-right:1px solid var(--line);color:var(--ink)}
.brand{padding:20px 23px;gap:14px;align-items:center;color:var(--ink)}
.young-creators-logo{width:88px;height:auto;flex:0 0 88px;object-fit:contain}
.brand-copy strong{font-size:.92rem;letter-spacing:.02em;line-height:1.2}
.brand-copy small{font-size:.81rem;color:var(--muted);margin-top:7px}
.nav-label{color:var(--muted);font-size:.75rem;letter-spacing:.13em}
.nav-main a,.nav-profiles a{color:var(--muted);font-size:.94rem;font-weight:600}
.nav-main a.active,.nav-profiles a.active{background:var(--soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.nav-main a:hover,.nav-profiles a:hover{background:var(--surface);color:var(--ink)}
.nav-profiles a .profile-code{color:var(--accent);font-size:.79rem}
.sidebar-footer{background:var(--deep);color:var(--muted);font-size:.84rem;padding:16px 23px}
.side-tag{color:var(--muted);font-size:.84rem}.status-dot{background:var(--accent)}
.topbar-left{color:var(--muted);font-size:.88rem}.edition-tag{font-size:.76rem}
.topbar-link{font-size:.87rem}.topbar-logout{color:var(--accent);background:var(--surface);border-color:var(--line);font-size:.85rem}
.mobile-brand{display:none}.site-footer{align-items:center;font-size:.84rem;background:var(--deep)}
.footer-identity{display:flex;align-items:center;gap:14px}.footer-identity img{width:62px;height:auto}.footer-identity span{max-width:340px}
.hero{border:1px solid var(--line);background:linear-gradient(90deg,#261029fa 0%,#261029eb 45%,#261029b3 100%),url('../images/wusla-synapse.webp') center/cover no-repeat}
.hero:after{display:none}.hero .eyebrow{color:var(--accent)}.hero p{color:var(--ink)}
.hero h1{font-weight:700;font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1.12;max-width:760px}
.hero .eyebrow{font-size:.8rem}.eyebrow,.section-heading .section-number{font-size:.77rem}
.btn{font-size:.94rem;font-weight:600}.btn-sm{font-size:.86rem}
.btn-primary,.btn-light,.btn-warm,.access-submit{color:var(--deep);background:var(--accent);border-color:var(--accent)}
.btn-primary:hover,.btn-light:hover,.btn-warm:hover,.access-submit:hover{color:var(--deep);background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-outline,.btn-quiet,.btn-ghost{color:var(--ink);border-color:var(--line);background:var(--surface)}
.btn-outline:hover,.btn-quiet:hover,.btn-ghost:hover{color:var(--ink);background:var(--soft);border-color:var(--accent)}
.small-pill,.label-chip,.tag{color:var(--muted);background:var(--soft);font-size:.8rem}
.tag-warm{background:#3f2c21;color:var(--accent-hover)}.tag-green{background:#153a30;color:var(--success)}
.stat-card strong{color:var(--accent)}.stat-card span{font-size:.87rem}
.quiet-note,.callout{background:var(--surface);color:var(--muted);border-color:var(--line)}.quiet-note{border-left-color:var(--accent)}
.callout p,.form-feature p{color:var(--muted)}.warning-note{background:#3f2c21;border-left-color:var(--accent)}
.icon-medallion{color:var(--accent);background:var(--soft)}.icon-medallion.warm{background:#3f2c21;color:var(--accent-hover)}
.profile-head,.form-feature{background:var(--surface);border-color:var(--line)}.profile-head{border-top:3px solid var(--accent)}
.route-step .route-n{font-size:.83rem}.route-step strong{font-size:.94rem}.route-step p{font-size:.85rem}
.info-card p,.profile-card p,.step-card p,.doc-card p,.workflow-body p{font-size:.97rem}
.profile-card .pc-code,.profile-card .pc-sub,.online-row p{font-size:.86rem}
th{color:var(--muted);background:var(--soft);font-size:.78rem}td{font-size:.94rem}
.doc-meta{color:var(--muted);font-size:.83rem}.filter-btn{color:var(--muted);font-size:.87rem;border-color:var(--line)}
.filter-btn.active{color:var(--deep);background:var(--accent);border-color:var(--accent)}
.filter-btn:hover:not(.active){color:var(--ink);background:var(--soft);border-color:var(--accent)}
.document-search{border-color:var(--line)}.document-search svg{color:var(--accent)}input::placeholder{color:var(--muted);opacity:1}
.form-preview>summary,.section-details summary{background:var(--soft);font-size:.95rem}.opt-preview span{color:var(--muted);background:var(--soft)}
.question-item p{font-size:.9rem}.question-item small{font-size:.82rem}.workflow-body ul,.record p,.body-list li{font-size:.94rem}
.document-dialog::backdrop,.image-dialog::backdrop,.sidebar-backdrop{background:#14111bd9}.image-modal-body,.feature-img{background:#fff}
.skip-link{color:var(--deep);background:var(--accent)}
.access-stage{background:linear-gradient(90deg,#261029ed,#14111bf2),url('../images/wusla-synapse.webp') center/cover no-repeat}
.access-stage:before{border-color:var(--line)}.access-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 25px 75px #00000066}
.access-brand{align-items:center;gap:22px;color:var(--ink);letter-spacing:.04em;margin-bottom:26px}
.access-brand img{width:100px;height:auto;flex:0 0 100px}.access-brand strong{display:block;font-size:1.3rem;line-height:1.15}.access-brand small{display:block;font-size:.91rem;color:var(--muted);letter-spacing:0;margin-top:8px}
.access-kicker{font-size:.8rem}.access-label{font-size:.96rem}.access-input-wrap{background:var(--fog);border-color:#766284}.access-input-wrap input{color:var(--ink)}
.access-input-wrap:focus-within{border-color:var(--accent-hover);box-shadow:0 0 0 3px #f9a14333}.access-reveal{background:var(--soft);color:var(--ink)}.access-reveal:hover{background:var(--line)}
.access-error{color:var(--danger)!important}.access-input-wrap input[aria-invalid=true]{color:var(--ink)}.access-submit{font-size:1rem}.access-foot{font-size:.85rem}
.btn-outline,.btn-quiet,.btn-ghost,.topbar-logout,.icon-btn,.access-input-wrap,.document-search,.filter-btn{border-color:#8d799b}
.btn-outline:hover,.btn-quiet:hover,.btn-ghost:hover,.topbar-logout:hover,.icon-btn:hover,.filter-btn:hover:not(.active){border-color:var(--accent)}
@media(max-width:860px){.sidebar .brand{padding-top:68px}.mobile-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:1.05rem;font-weight:600;white-space:nowrap}.mobile-brand img{width:42px;height:39px;object-fit:contain}.topbar-left #breadcrumb{display:none}.topbar-left{gap:10px}}
@media(max-width:590px){.hero h1{font-size:2.35rem}.hero{background:linear-gradient(90deg,#261029f2,#261029e8),url('../images/wusla-synapse.webp') center/cover no-repeat}.stat-card span{font-size:.77rem}.footer-identity span{max-width:240px}.access-brand img{width:84px;flex-basis:84px}.access-brand{gap:16px}.access-brand strong{font-size:1.13rem}.topbar-logout{font-size:.8rem}.hero p{font-size:1.02rem}}
@media(max-width:350px){.mobile-brand{font-size:.94rem;gap:5px}.mobile-brand img{width:34px;height:32px}.topbar-left{gap:7px}.topbar{padding-inline:9px}.topbar-logout{padding-inline:8px}.access-brand img{width:68px;flex-basis:68px}}
@media(forced-colors:active){.hero,.access-stage{background:Canvas}.hero p,.hero h1,.hero .eyebrow{color:CanvasText}.btn-primary,.btn-light,.btn-warm,.access-submit,.filter-btn.active{background:ButtonFace;color:ButtonText;border-color:ButtonText}.young-creators-logo,.access-brand img,.footer-identity img,.mobile-brand img{background:#261029}.nav-main a.active,.nav-profiles a.active{outline:2px solid Highlight}}