/* Public Studio system: shared type, forms, documents and reading controls. */
.studio-public{--text-main:var(--s-text);--text-muted:var(--s-muted);--text-dim:var(--s-muted);--bg-color:var(--s-bg);--bg-soft:var(--s-surface);--border-color:var(--s-line);--border-hover:var(--s-muted);--gold:var(--s-accent-ink);--gold-line:var(--s-line);--green:#27c93f;--red:#f87171;--blue:#5b9cf8;--brand-fill:var(--s-accent);--on-brand:var(--s-on-accent)}
:root[data-theme=light] .studio-public{--green:#067a32;--red:#c93b3b;--blue:#1f66c4}
.studio-public :is(input,textarea,select)::placeholder{color:var(--s-muted);opacity:1}.studio-public .container{max-width:1240px;padding:58px 48px 88px;margin:0 auto}.studio-public .header{padding:0 0 34px;margin-bottom:36px;border-bottom:1px solid var(--s-line);position:relative}.studio-public .micro-label{font:400 12px/1.6 var(--s-mono);letter-spacing:-.24px;text-transform:uppercase;color:var(--s-muted);margin-bottom:22px;display:flex;align-items:center;gap:12px;width:fit-content}.studio-public .micro-label .live{flex:0 0 8px;width:8px;height:8px;background:var(--s-mark);border:1px solid transparent;border-radius:50%}.studio-public .title{font-size:clamp(36px,4.4vw,60px);font-weight:500;line-height:1.08;letter-spacing:-2.3px;max-width:950px;text-wrap:balance}.studio-public .subtitle{font-size:15px;line-height:1.8;color:var(--s-muted);max-width:720px;margin-top:22px}.studio-public .subtitle a{text-underline-offset:4px}.studio-public .btn,.studio-public .btn-outline{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid var(--s-accent);border-radius:3px;background:var(--s-accent);color:var(--s-on-accent);font:400 11px/1.5 var(--s-mono);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.studio-public .btn-outline{background:transparent;color:var(--s-text);border-color:var(--s-line)}.studio-public .btn:hover{transform:translateY(-1px)}.studio-public .btn-outline:hover{background:var(--s-raised)}.studio-public .btn>i{font-size:12px}
.studio-public .sec-label{font:10px var(--s-mono);letter-spacing:1px;text-transform:uppercase;color:var(--s-muted);margin-bottom:16px}.studio-public .sec-title{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-1px;font-weight:500}.studio-public .sec-sub{color:var(--s-muted);font-size:14px;line-height:1.8;margin-top:15px}.studio-public .cta{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--s-line);padding-top:40px;margin-top:56px}.studio-public .cta h3{font-weight:500;font-size:26px;line-height:1.3;letter-spacing:-.7px}.studio-public .cta p{font-size:14px;color:var(--s-muted);margin-top:12px;max-width:620px}.studio-public .cta .btn{flex-shrink:0}.studio-public .public-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--s-text);background:none;border:0}.studio-public .public-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Comfortable line lengths and consistent rhythm for long-form content. */
.studio-public .article{max-width:820px;margin:0 auto;font-size:15px;line-height:1.85;min-width:0}.studio-public .article p{color:var(--s-muted);margin-bottom:18px}.studio-public .article strong{color:var(--s-text);font-weight:550}.studio-public .article .lead{font-size:17px;line-height:1.8;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid var(--s-line);color:var(--s-text)}.studio-public .article h2{font-size:25px;font-weight:500;line-height:1.35;letter-spacing:-.7px;margin:42px 0 20px;scroll-margin-top:104px}.studio-public .article h2:first-child{margin-top:0}.studio-public .article h3{font-size:18px;font-weight:500;margin:26px 0 12px;line-height:1.5}.studio-public .article :is(ul,ol){padding-left:22px;color:var(--s-muted);margin:16px 0 24px}.studio-public .article li+li{margin-top:9px}.studio-public .article a{text-decoration:underline;text-decoration-color:var(--s-muted);text-underline-offset:4px;color:var(--s-text)}.studio-public .article a:hover{text-decoration-color:var(--s-accent-ink)}.studio-public .article :is(table,pre){max-width:100%;overflow:auto}.studio-public .article table{display:block;border-collapse:collapse}.studio-public .article :is(td,th){padding:12px;border:1px solid var(--s-line);text-align:left}.studio-public .callout{display:flex;gap:15px;padding:20px 22px;border-left:2px solid var(--s-accent-ink);background:var(--s-surface);margin:26px 0}.studio-public .callout>i{font-size:15px;margin-top:5px;color:var(--s-muted)}.studio-public .callout p{margin:0;font-size:14px}
.studio-public .document-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:60px;align-items:start;margin-bottom:40px}.studio-public .document-layout>.article{margin:0;width:100%}.studio-public .reader-toc{position:sticky;top:102px;max-height:calc(100vh - 125px);overflow:auto;scrollbar-width:thin;padding-right:16px;border-right:1px solid var(--s-line);font-family:var(--s-font)}.studio-public .reader-title{font:10px var(--s-mono);letter-spacing:1px;color:var(--s-muted);margin:4px 0 20px}.studio-public .reader-toggle{display:none}.studio-public .reader-sections{list-style:none;padding:0;margin:0;display:grid;gap:5px}.studio-public .reader-sections a{display:flex;gap:10px;align-items:baseline;padding:9px 8px 9px 10px;border-left:2px solid transparent;font-size:12px;line-height:1.6;color:var(--s-muted);text-decoration:none}.studio-public .reader-number{font:9px var(--s-mono);flex-shrink:0}.studio-public .reader-sections a:hover{color:var(--s-text);background:var(--s-raised)}.studio-public .reader-sections a[aria-current]{border-color:var(--s-accent-ink);color:var(--s-text)}.studio-public .toc{margin:0 0 36px;padding:24px;border:1px solid var(--s-line)}.studio-public .toc-title{font:11px var(--s-mono);text-transform:uppercase;margin-bottom:18px}.studio-public .toc-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.studio-public .toc-list a{text-decoration:none;font-size:13px;color:var(--s-muted)}.studio-public .toc-list .n{margin-right:12px;font:10px var(--s-mono)}
.studio-public .studio-public .studio-public .copy-status{font-size:12px;color:var(--s-muted)}
.studio-public .faq{margin-top:18px}.studio-public .faq details{border-bottom:1px solid var(--s-line)}.studio-public .faq details:first-child{border-top:1px solid var(--s-line)}.studio-public .faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:20px 0;font-size:14px;font-weight:500;line-height:1.6}.studio-public .faq summary::-webkit-details-marker{display:none}.studio-public .faq summary::after{content:'+';font-size:20px;font-weight:400;color:var(--s-muted)}.studio-public .faq details[open] summary::after{content:'−'}.studio-public .faq-body{padding:0 30px 20px 0;font-size:14px;color:var(--s-muted)}.studio-public .faq-body p:last-child{margin-bottom:0}.studio-public .alert{padding:16px 20px;margin-bottom:22px;border:1px solid var(--s-line);display:flex;gap:12px;align-items:baseline;font-size:14px;line-height:1.75}.studio-public .alert-err{color:var(--red)}.studio-public .reveal{opacity:1;transform:none}.studio-public [data-reveal]{transition:opacity .55s var(--s-ease),transform .55s var(--s-ease)}.studio-public .s-pending{opacity:0;transform:translateY(15px)}
@media(max-width:1000px){.studio-public .document-layout{gap:32px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:900px){.studio-public .container{padding:40px 28px 64px}.studio-public .document-layout{grid-template-columns:minmax(0,1fr);gap:28px}.studio-public .reader-toc{position:static;max-height:none;border:1px solid var(--s-line);padding:0}.studio-public .reader-title{display:none}.studio-public .reader-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--s-surface);border:0;color:var(--s-text);padding:16px 18px;width:100%;font:11px var(--s-mono);text-transform:uppercase;cursor:pointer}.studio-public .reader-sections{padding:8px 12px 14px}.studio-public .reader-toc:not(.toc-open) .reader-sections{display:none}.studio-public .reader-toc.toc-open .reader-toggle>span:last-child{transform:rotate(180deg)}}
@media(max-width:600px){.studio-public .container{padding:34px 20px 54px}.studio-public .header{padding-bottom:28px;margin-bottom:28px}.studio-public .title{font-size:36px;letter-spacing:-1.4px}.studio-public .subtitle{font-size:14px;margin-top:18px}.studio-public .micro-label{margin-bottom:18px}.studio-public .cta{align-items:flex-start;flex-direction:column;gap:22px;margin-top:40px;padding-top:30px}.studio-public .cta h3{font-size:24px}.studio-public .article{font-size:14px}.studio-public .article .lead{font-size:15px}.studio-public .article h2{font-size:23px}.studio-public .callout{padding:18px 16px}.studio-public .faq-body{padding-right:0}.studio-public }
@media(prefers-reduced-motion:reduce){.studio-public *, .studio-public *::before,.studio-public *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-public .s-pending{opacity:1;transform:none}}
