:root{color-scheme:light;--ink:#202320;--paper:#f4f0e7;--gold:#8a642c;--line:#d9d3c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:20px 5%;border-bottom:1px solid var(--line);background:#202320;color:#f4f0e7}header a{color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:22px}header span{font-size:10px;letter-spacing:2px;flex:1}main{max-width:1400px;margin:auto;padding:44px 5%}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(32px,5vw,54px);margin:10px 0 28px}h2{font-size:23px}p{max-width:70ch}a{color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}.top,.row,.buttons{display:flex;gap:12px;align-items:center}.top{justify-content:space-between}.row label{flex:1}.workspace{display:grid;grid-template-columns:260px 1fr;gap:36px}.editor{min-width:0}aside{border-right:1px solid var(--line);padding-right:24px}label{display:block;font-size:12px;font-weight:600;margin:16px 0}input,textarea,select{display:block;width:100%;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:5px;padding:12px;background:#fffcf6;color:var(--ink);margin-top:5px}textarea{resize:vertical;line-height:1.7}#title{font-family:Georgia,serif;font-size:28px}#body{font-family:Georgia,serif;font-size:19px}button{font:inherit;font-size:14px;cursor:pointer;background:#343e35;color:white;border:1px solid #343e35;border-radius:5px;padding:11px 18px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:var(--ink);border-color:#bbb4a6}.text{background:transparent;color:var(--gold);padding:8px 0;border:0}header button{background:transparent;border-color:#a89b7e}.buttons{flex-wrap:wrap}.buttons select{width:auto;max-width:100%}.document{padding:24px 30px;background:#fffcf6;border:1px solid var(--line);border-radius:6px;margin-top:24px;box-shadow:0 10px 30px #22222205}.actions{margin-top:24px}.muted{color:#6c6b63;font-size:12px}details{margin:16px 0}summary{cursor:pointer;font-size:13px;font-weight:600}.listItem{width:100%;background:transparent;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);padding:16px 8px;border-radius:0}.listItem.active{background:#e6e5d8}.listItem small{display:block;color:#70684f;font-size:10px;letter-spacing:1px}.listItem strong{font:18px Georgia,serif}#login{max-width:570px;margin:50px auto}#loginForm{max-width:400px}#status{padding:16px 0;font-weight:500}dialog{max-width:850px;width:90%;border:1px solid var(--line);padding:30px;background:#fffcf6;border-radius:8px}dialog::backdrop{background:#1119}article{font-family:Georgia,serif;line-height:1.85;max-width:680px;margin:35px auto}article h1{font-size:42px}article p{white-space:pre-wrap}article img{max-width:100%;border-radius:4px}*:focus-visible{outline:3px solid #a27a36;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){header{gap:12px}header span{display:none}.workspace{display:block}aside{border:0;padding:0;margin-bottom:30px}#list{display:flex;overflow:auto;gap:8px}.listItem{min-width:180px;width:180px;border:1px solid var(--line)}.top{display:block}.top button{margin-bottom:24px}.row{display:block}.document{padding:18px}main{padding-top:24px}.buttons button{flex:1}#body{font-size:17px}}@media print{body>*:not(main),main>*,dialog>button{display:none!important}main,dialog[open],dialog[open] #previewBody{display:block!important}dialog[open]{position:static;border:0;width:100%;max-width:none}dialog::backdrop{display:none}}

.studio-guide{padding:4px 0 12px}.studio-guide p{max-width:100ch}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.overview>div{padding:18px;background:#fffcf6;border:1px solid var(--line);border-radius:6px}.overview span{display:block;font-size:12px;color:#6c6b63}.overview strong{display:block;font:36px Georgia,serif;margin-top:8px}@media(max-width:800px){.overview{grid-template-columns:repeat(2,minmax(0,1fr))}}

.security-panel{padding:20px;border:1px solid var(--line);background:#fffcf6;border-radius:6px;margin:18px 0}.security-panel summary{font-size:16px}.security-panel code{display:block;overflow-wrap:anywhere;padding:12px;background:var(--paper)}#mfaChallenge{max-width:570px;margin:35px auto}#mfaChallengeForm{max-width:400px}#mfaQr{max-width:100%;object-fit:contain;background:white}#mfaSetup{padding:18px 0}#mfaEnrollForm{max-width:400px}