:root{--paper: #fdfdfb;--card: #ffffff;--sunk: #f4f3ef;--line: #e4e2db;--line-hard: #d3d0c7;--ink: #16150f;--ink-2: #57544a;--ink-3: #8d8a7e;--blocker: #c0271f;--change: #a86a00;--nice: #35569c;--ok: #2b7a4b;--mark: #e9f77a;--r: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:0 30px;height:58px;background:#fdfdfbe0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar .mark{font-weight:900;letter-spacing:-.035em;font-size:16px}.topbar .tenant{color:var(--ink-3);font-size:13px;font-weight:500;padding-left:22px;border-left:1px solid var(--line)}.topbar .spacer{flex:1}.topbar .who{color:var(--ink-3);font-size:13px}.topbar .who b{color:var(--ink-2);font-weight:600}.nav-tabs{display:flex;gap:22px;margin-left:4px}.nav-tabs a{position:relative;padding:19px 0;font-size:13.5px;font-weight:500;color:var(--ink-3);transition:color .12s}.nav-tabs a:hover{color:var(--ink)}.nav-tabs a.on{color:var(--ink);font-weight:600}.nav-tabs a.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}.btn{border:1px solid var(--line-hard);background:var(--card);color:var(--ink);padding:8px 15px;border-radius:var(--r);font-size:13px;font-weight:550;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--sunk)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:#2c2a20}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--sunk);color:var(--ink)}.btn:disabled{opacity:.35;cursor:not-allowed}.wrap{max-width:1520px;margin:0 auto;padding:46px 30px 110px}.page-head{display:flex;align-items:baseline;gap:16px}.page-head h1{font-size:32px;font-weight:800;letter-spacing:-.04em;margin:0}.page-head .count{color:var(--ink-3);font-size:13.5px}.lede{max-width:560px;margin:10px 0 0;color:var(--ink-2);font-size:14px;line-height:1.6}.skill-group{margin-top:44px}.skill-head{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--line)}.skill-head h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0}.skill-head .slug{color:var(--ink-3);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:34px 24px;margin-top:30px}@media(max-width:1240px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{display:block;position:relative}.card .thumb{position:relative;width:100%;border-radius:var(--r);overflow:hidden;background:var(--sunk);border:1px solid var(--line);transition:box-shadow .18s cubic-bezier(.2,0,.2,1),transform .18s cubic-bezier(.2,0,.2,1)}.card:hover .thumb{transform:translateY(-2px);box-shadow:0 2px 4px #14130c0d,0 12px 28px #14130c17}.card .thumb img,.card .thumb video{display:block;width:100%;height:100%;object-fit:cover}.card .thumb.reel{aspect-ratio:9 / 16}.card .thumb.carousel{aspect-ratio:4 / 5}.card .thumb.image{aspect-ratio:1 / 1}.card .skill,.card .pages{position:absolute;top:9px;background:#fffffff0;color:var(--ink-2);font-size:10.5px;font-weight:600;letter-spacing:.01em;padding:3px 7px;border-radius:4px}.card .skill{left:9px}.card .pages{right:9px}.card .noprev{display:grid;place-items:center;height:100%;color:var(--ink-3);font-size:12px}.card .meta{padding:13px 1px 0}.card .meta .t{font-weight:600;font-size:14.5px;letter-spacing:-.015em;line-height:1.35}.card .meta .sub{margin-top:6px;color:var(--ink-3);font-size:12.5px;display:flex;align-items:center;gap:7px}.card .when{margin-top:3px;color:var(--ink-3);font-size:12px}.dot{width:2px;height:2px;border-radius:50%;background:currentColor}.card .meta .sub:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--st, var(--ink-3));flex:0 0 auto}.card.s-in_review{--st: var(--change)}.card.s-changes_requested{--st: var(--blocker)}.card.s-approved,.card.s-published{--st: var(--ok)}.card.s-approved_with_notes{--st: var(--nice)}.card.s-draft{--st: var(--line-hard)}.count-badge{color:var(--change);font-weight:600}.pill.warn{color:var(--blocker);font-weight:600}.toast{display:flex;align-items:baseline;gap:9px;margin-bottom:26px;padding:13px 16px;border-radius:var(--r);font-size:13.5px;line-height:1.5;background:var(--sunk);border-left:3px solid var(--ink-3)}.toast b{font-weight:600}.toast.changes_requested{border-left-color:var(--change)}.toast.approved,.toast.approved_with_notes{border-left-color:var(--ok)}.waiting{opacity:.72;transition:opacity .15s}.waiting:hover{opacity:1}.empty{border:1px dashed var(--line-hard);border-radius:var(--r);padding:54px;text-align:center;color:var(--ink-3);font-size:14px;margin-top:30px}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--paper)}.login-card{width:330px}.login-card .mark{font-size:22px;font-weight:900;letter-spacing:-.045em}.login-card p{color:var(--ink-3);font-size:13px;margin:6px 0 30px}.field{margin-bottom:12px}.field label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.field input{width:100%;background:var(--card);border:1px solid var(--line-hard);border-radius:var(--r);color:var(--ink);padding:11px 13px;font-size:14px}.field input:focus{outline:none;border-color:var(--ink)}.login-card .btn{width:100%;margin-top:12px;padding:12px}.err{color:var(--blocker);font-size:13px;margin-top:14px;min-height:18px}
