/* SkillNG public-facing brand layer: yellow #FFF212, black, white and Raleway. */
:root{--skillng-yellow:#fff212;--ink:#000;--muted:#3e3e3e;--paper:#fff;--surface:#fff;--line:#000;--pine:#000;--green:#000;--lime:#fff212;--sand:#fff212;--radius:0;--shadow:none}
body{font-family:Raleway,Arial,sans-serif;background:#fff;color:#000}
h1,h2,h3{font-family:Raleway,Arial,sans-serif;font-weight:900;letter-spacing:-.055em}
h1 em{color:#000;text-decoration:underline;text-decoration-color:var(--skillng-yellow);text-decoration-thickness:.22em;text-underline-offset:.05em}
.site-header{width:100%;min-height:78px;padding:10px max(20px,calc((100vw - 1180px)/2));background:var(--skillng-yellow);border-bottom:2px solid #000}
.brand{gap:12px;color:#000;font-size:1rem;letter-spacing:0}.brand img{width:46px;height:46px;object-fit:cover;object-position:center 44%;mix-blend-mode:multiply}.brand-product{display:block;padding-left:12px;border-left:2px solid #000;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.site-header nav{gap:22px}.site-header nav a,.nav-button{color:#000;font-weight:800}.nav-quiet{color:#000}
.nav-button{font:inherit;font-weight:800;background:none;border:0;padding:0;cursor:pointer}.nav-button:hover{text-decoration:underline}
.hero{position:relative;margin-top:58px}.hero:after{content:"";position:absolute;right:10%;top:-46px;width:120px;height:120px;border:20px solid var(--skillng-yellow);border-radius:50%;z-index:-1}.eyebrow{color:#000;border-bottom:4px solid var(--skillng-yellow);display:table;padding-bottom:3px}.button{border-radius:0;border:2px solid #000;box-shadow:4px 4px 0 #000;font-weight:900}.button.primary{background:var(--skillng-yellow);color:#000}.button.light{background:#fff;color:#000}.button.quiet{border-color:#000}.button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #000}
.compass-card{border:2px solid #000;border-radius:0;background:#000;color:#fff;box-shadow:8px 8px 0 var(--skillng-yellow)}.compass-card:after{border-color:var(--skillng-yellow)}.compass-card .card-label{color:var(--skillng-yellow)}.compass i{border-bottom-color:var(--skillng-yellow)}.compass-card ol{border-top-color:var(--skillng-yellow)}
.feature-grid article,.notice,.result-card,.panel,.action-list article,.resource-card,.login-card,.queue-card{border:2px solid #000;border-radius:0;background:#fff}.feature-grid article:nth-child(2),.result-card.accent,.notice{background:var(--skillng-yellow)}.feature-grid span,.action-list span,.provider{color:#000!important}.tag-list li{background:var(--skillng-yellow);border:1px solid #000;border-radius:0;color:#000;font-weight:800}.notice{border-left:10px solid #000}.choices label,.check-grid label{border:1.5px solid #000;border-radius:0}.choices label:has(input:checked),.check-grid label:has(input:checked){border-color:#000;background:var(--skillng-yellow)}.assessment-form select,select,input,textarea{border:1.5px solid #000;border-radius:0}.progress-track{background:#e5e5e5;border-radius:0}.progress-track i{background:#000;border-radius:0}.consent-check input,.choices input,.check-grid input{accent-color:#000}
.result-hero{background:var(--skillng-yellow);color:#000;padding:clamp(40px,7vw,82px) max(20px,calc((100vw - 1180px)/2));border-bottom:2px solid #000}.result-hero .eyebrow{color:#000;border-bottom-color:#000}.result-hero h1{max-width:11ch}.result-hero .lead{color:#1c1c1c}.result-hero h1 em{color:#000;text-decoration-color:#fff}.result-hero-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(28px,6vw,78px)}.result-meta span{border-color:#000;color:#000}.result-meta b{color:#303030}.personality-visual{width:min(100%,410px);justify-self:end;aspect-ratio:1;position:relative;overflow:hidden;margin:0;border:2px solid #000;background-image:url('personality-profiles.png');background-size:200% 200%;box-shadow:12px 12px 0 #000;animation:profile-drift 8s ease-in-out infinite}.personality-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,242,18,.12),transparent 45%,rgba(0,0,0,.1));pointer-events:none}.personality-visual span{position:absolute;width:42px;height:42px;border:2px solid #000;background:var(--skillng-yellow);border-radius:50%;right:7%;top:8%;animation:profile-orbit 4.5s ease-in-out infinite}.profile-structured{background-position:0 0}.profile-creative{background-position:100% 0;animation-delay:-1.5s}.profile-collaborative{background-position:0 100%;animation-delay:-3s}.profile-self-directed{background-position:100% 100%;animation-delay:-4.5s}.profile-creative span{border-radius:0;transform:rotate(45deg)}.profile-collaborative span{left:7%;bottom:8%;top:auto;right:auto}.profile-self-directed span{background:#000;border-color:#000}.result-grid{gap:18px}.result-card{box-shadow:6px 6px 0 var(--skillng-yellow)}.tint{background:#f4f4f4;border-top:2px solid #000;border-bottom:2px solid #000}.week-plan p{border-top-color:#000}.consult-cta{background:#000;border:2px solid #000;border-radius:0}.consult-cta .eyebrow{color:var(--skillng-yellow);border-bottom-color:var(--skillng-yellow)}.resource-card .why,.resource-card .task{background:#f4f4f4;border-left:4px solid var(--skillng-yellow);border-radius:0}.resource-meta span{background:var(--skillng-yellow);border:1px solid #000;border-radius:0}
.admin-tabs{background:var(--skillng-yellow);border-bottom:2px solid #000}.admin-tabs a{color:#000}.admin-tabs a.active{color:#000;border-bottom-color:#000}.metric{border:2px solid #000;border-radius:0}.bar-list i{background:var(--skillng-yellow);border:1px solid #000}.table-wrap{border:2px solid #000;border-radius:0}.filter-bar button,.bulk-bar button{background:#000;border-radius:0}.status{border-radius:0;border:1px solid #000}.status.published,.status.verified,.status.active,.status.completed{background:var(--skillng-yellow);color:#000}
.site-footer{width:100%;margin:80px 0 0;padding:34px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;background:#000;border:0;color:#fff}.footer-brand{display:flex;align-items:center;gap:14px;background:var(--skillng-yellow);padding:8px 12px;color:#000}.footer-brand img{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply}.footer-brand p{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;margin:0}.partner-lockup{display:flex;align-items:center;justify-content:center;gap:18px}.partner-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;color:#cfcfcf}.natcon-logo{width:155px;height:50px;object-fit:contain;background:#fff;padding:4px}.lax-wordmark{font-size:1.15rem;font-weight:900;letter-spacing:.1em;color:var(--skillng-yellow)}.footer-note{margin:0;text-align:right;font-size:.72rem;color:#d5d5d5}
@keyframes profile-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(-.35deg)}}@keyframes profile-orbit{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-9px,8px) scale(1.13)}}.profile-creative span{animation-name:profile-orbit-creative}@keyframes profile-orbit-creative{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(65deg) translate(-8px,6px)}}
@media(max-width:800px){.site-header{min-height:68px}.brand img{width:40px;height:40px}.site-header nav{gap:13px}.result-hero-inner{grid-template-columns:1fr}.personality-visual{justify-self:start;width:min(100%,340px);box-shadow:8px 8px 0 #000}.site-footer{grid-template-columns:1fr;justify-items:start;gap:22px}.partner-lockup{flex-wrap:wrap;justify-content:flex-start}.footer-note{text-align:left}.hero:after{display:none}}
@media(prefers-reduced-motion:reduce){.personality-visual,.personality-visual span{animation:none!important}.button,.button:hover{transition:none;transform:none}}