:root{color-scheme:light;--bg:#f7f5ef;--surface:#ffffff;--ink:#1e2528;--muted:#5b6670;--line:#d9d2c4;--teal:#0f766e;--blue:#22577a;--plum:#6d466b;--gold:#a16207;--danger:#b42318;--focus:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:var(--blue)}a:hover{color:var(--plum)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(16px,calc((100vw - 1120px) / 2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand small{display:block;color:var(--muted);font-size:.78rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--teal);color:white;border-radius:6px;font-weight:800}nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.text-button,nav a{border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:6px;font:inherit;text-decoration:none;cursor:pointer;padding:6px 4px}.text-button:hover,nav a:hover{color:var(--teal)}.page-header{display:grid;grid-gap:8px;gap:8px;margin-bottom:28px}.page-header h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;margin:0;max-width:900px}.page-header p{color:var(--muted);max-width:720px;margin:0}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-gap:16px;gap:16px}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;min-height:220px}.content-card h2{margin:0 0 8px;font-size:1.25rem;line-height:1.2}.content-card p{margin:0 0 12px}.meta{color:var(--muted);font-size:.92rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);grid-gap:28px;gap:28px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.stack{display:grid;grid-gap:16px;gap:16px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button,button.button{border:1px solid var(--blue);background:var(--blue);color:white;border-radius:6px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.button.secondary{background:white;color:var(--blue)}.list{padding-left:1.2rem}.list li+li{margin-top:8px}.video-shell{margin:0;display:grid;grid-gap:8px;gap:8px}.video-shell iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#101820}.video-shell figcaption{color:var(--muted);font-size:.9rem}.form{display:grid;grid-gap:16px;gap:16px;max-width:540px}.field-label,.form label{display:grid;grid-gap:6px;gap:6px;font-weight:700}.form input[type=email],.form input[type=password],.form input[type=text],.form textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:inherit}.choice-list{display:grid;grid-gap:10px;gap:10px;border:0;padding:0;margin:0}.choice-list label{display:flex;gap:10px;align-items:flex-start;padding:12px;background:white;border:1px solid var(--line);border-radius:8px}.range-row{display:grid;grid-template-columns:1fr 70px;grid-gap:12px;gap:12px;align-items:center}.range-row input[type=range]{width:100%}.status{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line);padding:2px 10px;font-size:.86rem}.status.finished{border-color:var(--teal);color:var(--teal)}.status.draft{border-color:var(--gold);color:var(--gold)}.error{color:var(--danger);font-weight:700}table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#efe9dd}@media (max-width:760px){.detail-grid,.site-header{display:block}nav{margin-top:12px}}