/* Shared OS experience tokens. Light cards always own their ink color. */
:root{--smos-ink:#231b36;--smos-muted:#574d69;--smos-surface:#fbfaff;--smos-line:#cfc4df;--smos-action:#6330b0;--smos-focus:#1683a0;--smos-radius:18px}
.smos-access-gateway{max-width:820px!important;margin:22px auto 48px!important;padding:26px!important;border-radius:var(--smos-radius)!important;background:linear-gradient(125deg,#eef6ff,#f7effa 65%,#fbf7ed)!important;color:var(--smos-ink)!important;overflow:visible!important}
.smos-access-gateway:before{display:none!important}.smos-access-gateway>header{text-align:left!important;max-width:none!important;margin-bottom:22px!important}.smos-access-gateway h2{color:var(--smos-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-size:clamp(1.5rem,3vw,2rem)!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:8px 0!important}
.smos-access-gateway p,.smos-access-gateway small,.smos-access-gateway label,.smos-access-gateway .smos-form-head>span{color:var(--smos-muted)!important}.smos-access-gateway .smos-form-head h3,.smos-access-gateway h3{color:var(--smos-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important;font-size:1.6rem!important;line-height:1.2!important;letter-spacing:-.025em!important}
.smos-access-grid{gap:20px!important}.smos-access-gateway.smos-access-tabs .smos-access-grid{display:block!important}.smos-access-grid [hidden]{display:none!important}.smos-access-gateway>header nav{justify-content:flex-start!important}.smos-access-gateway>header nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 24px!important;border-radius:10px!important;font-size:14px!important}.smos-access-gateway>header nav a[aria-selected=true]{background:var(--smos-action)!important;border-color:var(--smos-action)!important;color:#fff!important}
.smos-access-gateway .smos-form-shell,.smos-access-gateway .smos-login-panel{background:#fff!important;border:1px solid var(--smos-line)!important;border-radius:14px!important;box-shadow:none!important;padding:24px!important}.smos-access-gateway .smos-form-head{background:none!important;padding:0!important}.smos-access-gateway .smos-form{gap:16px!important}.smos-access-gateway input:not([type=checkbox]):not([type=submit]):not(.smos-trap){min-height:48px!important;background:#fff!important;color:var(--smos-ink)!important;border:1px solid #a99cb9!important;border-radius:9px!important;font-size:16px!important;padding:11px 13px!important;box-shadow:none!important}
.smos-access-gateway input[type=submit],.smos-access-gateway .smos-form button{min-height:48px!important;background:var(--smos-action)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-size:14px!important;cursor:pointer}.smos-access-gateway .smos-consent{line-height:1.5!important;align-items:start!important}.smos-access-gateway .smos-error{background:#fff0f2!important;color:#8c173b!important;border-color:#ca8295!important}.smos-access-gateway .smos-approval-note{font-size:14px;line-height:1.6;margin:0 0 16px}
.smos-member-page-hero-compact{padding-block:24px!important}.smos-member-page-hero-compact h1{font-size:clamp(1.7rem,3vw,2.4rem)!important;line-height:1.15!important}.smos-member-page-hero-compact p{font-size:15px!important;margin-bottom:0!important}
.smos-access-pending,.smos-admin-preview{background:var(--smos-surface)!important;color:var(--smos-ink)!important;border:1px solid var(--smos-line)!important;border-radius:var(--smos-radius)!important;padding:26px!important}.smos-access-pending h2,.smos-admin-preview h2{color:var(--smos-ink)!important;font-size:1.7rem!important;line-height:1.25!important}.smos-access-pending p,.smos-admin-preview p{color:var(--smos-muted)!important}.smos-admin-preview .smos-member-actions{display:flex;flex-wrap:wrap;gap:12px}.smos-admin-preview .smos-member-actions a{display:grid;gap:5px;padding:16px!important;background:#f0eafa!important;border:1px solid var(--smos-line)!important;color:var(--smos-ink)!important;border-radius:12px}.smos-admin-preview .smos-member-actions span{color:var(--smos-muted)!important}
.smos-member-tabs{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}.smos-member-tabs-shell{top:var(--smos-nav-offset,82px)!important}.smos-member-tabs button.is-active{border-color:#ae8de4!important;background:#423060!important;box-shadow:none!important}.smos-member-tabs button span,.smos-member-tabs-intro>span{color:#d5c1ff!important}.smos-member-tabs-shell+*{scroll-margin-top:190px}.smos-course-resources{position:relative!important}.smop-library .smop-new-badge{color:#63251b!important;background:#ffe7d3!important;border:1px solid #d89f79!important}.smop-library .smop-status{color:#574d69!important}.smop-library button[aria-pressed=true]{outline-offset:2px}.smop-library .smop-custom input{font-size:16px!important}.smos-recent-work{padding:20px;border:1px solid var(--smos-line);border-radius:14px;background:#f5f0fc;margin:22px 0}.smos-recent-work h3,.smos-recent-work a{color:var(--smos-ink)!important}.smos-recent-work ul{list-style:none;padding:0}.smos-recent-work li{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--smos-line)}.smos-recent-work small{color:var(--smos-muted)!important}
.smos-mode-toggle{display:flex;gap:8px;align-items:center;margin:16px 0}.smos-mode-toggle button,.smos-draft-tools button{min-height:44px;padding:10px 16px;border:1px solid var(--smos-line);border-radius:10px;background:#fff;color:var(--smos-ink);font:700 14px/1.4 inherit;cursor:pointer}.smos-mode-toggle button[aria-pressed=true]{background:var(--smos-action);color:#fff;border-color:var(--smos-action)}.smos-remix .smos-remix-finetune>summary{min-height:44px;cursor:pointer}.smos-remix .smos-tour-fold{padding:16px;border:1px solid #c7b8de;border-radius:14px;background:#f3eefb;color:var(--smos-ink);margin:16px 0}.smos-tour-fold>summary{font-weight:800;cursor:pointer;min-height:28px}.smos-remix-tour{margin-top:18px!important}
.smos-draft-tools{display:grid;gap:12px;padding:18px;margin:16px 0;border:1px solid var(--smos-line);border-radius:14px;background:#f7f3fc;color:var(--smos-ink)}.smos-draft-tools>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.smos-draft-tools label{font-size:14px!important;color:var(--smos-ink)!important}.smos-draft-tools select{max-width:100%;min-height:44px;padding:9px;border:1px solid #b3a5c4;border-radius:8px;background:#fff;color:var(--smos-ink);font-size:14px}.smos-draft-tools p{margin:0!important;font-size:13px!important;color:var(--smos-muted)!important}.smos-draft-status{font-size:13px!important;color:var(--smos-action)!important}.smos-draft-tools button:disabled{opacity:.6;cursor:wait}
.smos-prompt-sample{max-width:1200px;width:calc(100% - 40px);margin:36px auto 52px;padding:28px;border:1px solid #574775;border-radius:20px;background:linear-gradient(135deg,#211a36,#14243a);color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.smos-prompt-sample h2{font-size:clamp(1.4rem,3vw,2rem)!important;line-height:1.15!important;letter-spacing:-.03em!important;color:#fff!important;margin:10px 0}.smos-prompt-sample p{font-size:15px;line-height:1.7;color:#d9d2e7}.smos-prompt-sample>div>span:first-child{font-size:11px;font-weight:800;letter-spacing:.12em;color:#c8adf5}.smos-prompt-sample a{color:#9de9ee;font-weight:700}.smos-prompt-sample label{display:block;color:#ded3ef;font-size:13px;margin-bottom:8px}.smos-prompt-sample textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:150px;background:#fff;color:var(--smos-ink);border:1px solid #bfb2d1;border-radius:12px;padding:16px;font:15px/1.65 system-ui,sans-serif}.smos-prompt-sample button{min-height:44px;padding:10px 20px;border:0;border-radius:9px;background:#d4b7ff;color:#251436;font-weight:800;margin:10px 12px 0 0;cursor:pointer}.smos-prompt-sample [role=status]{font-size:13px;color:#d8f6ed}
.site-head .nav-links>a:not(.button){color:#ddd8ea!important}.site-head .nav-links>a:hover{color:#fff!important}.smos-access-gateway :focus-visible,.smos-prompt-sample :focus-visible,.smos-remix :focus-visible,.smop-library :focus-visible{outline:3px solid var(--smos-focus)!important;outline-offset:3px!important}
@media(max-width:700px){.smos-prompt-sample{grid-template-columns:1fr;padding:22px;gap:18px}.smos-access-gateway{padding:18px!important;margin-top:16px!important}.smos-access-gateway .smos-form-shell,.smos-access-gateway .smos-login-panel{padding:20px!important}.smos-draft-tools select{width:100%}.smos-member-page-hero-compact{padding-block:20px!important}.smos-member-tabs-shell{position:relative!important;top:auto!important}.smos-prompt-sample{width:calc(100% - 32px)}.smos-admin-preview .smos-member-actions{display:grid}}
@media(prefers-reduced-motion:reduce){.smos-experience *{scroll-behavior:auto!important}}