main.wrap:has(>.v4-interactive){padding-block:36px 72px}.v4-interactive{display:grid;gap:4ch;--soft: #3a3a3a}.v4-interactive.with-toc{grid-template-columns:minmax(0,1fr) 26ch;align-items:start}.v4-interactive.form-page{width:100%;max-width:108ch;margin-inline:auto}.v4-content{display:grid;gap:24px;align-content:start}.v4-content :is(h1,h2,h3,p,li,a,td,th){overflow-wrap:anywhere}.v4-content h1{font-size:32px;line-height:48px;font-weight:700;text-wrap:balance;max-width:36ch;margin:0}.v4-content :is(h2,h3,h4){font-size:16px;line-height:24px;margin:0}.v4-content p{font-size:15px;line-height:24px;color:var(--mute);margin:0}.v4-content p+p{margin-top:12px}.v4-content a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}.v4-content :is(strong,b,code){color:var(--ink)}.v4-content code{overflow-wrap:anywhere}.v4-content :is(ul,ol){padding-left:3ch;margin:0}.v4-content ul{list-style:disc}.v4-content ol{list-style:decimal}.v4-content :is(input,textarea,select,button){font-family:var(--mono)}.v4-content li+li{margin-top:12px}.v4-content .section:not(.title-section):not(.feedback-section){border-top:1px solid var(--line);margin-top:12px;padding-top:24px;display:grid;gap:24px}.v4-content .section>h2:first-child{margin-top:-36px;justify-self:start;background:var(--bg);padding-right:1ch;max-width:100%}.v4-content .title-section{display:grid;gap:16px}.v4-content .page-desc{max-width:85ch}.v4-content .divider{display:none}.v4-content :is(.note,.field-hint,.field-note,.live-note){color:var(--mute);font-size:14px;line-height:24px}.v4-content pre{margin:0;border:1px solid var(--soft);padding:16px 2ch;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:24px;color:var(--ink);tab-size:2;max-height:480px;overflow-y:auto;scrollbar-gutter:stable}.v4-content pre code{font-size:inherit}.v4-content pre[data-copy-id]{padding-right:2ch}.v4-content .code-tools{display:flex;justify-content:flex-end}.v4-content .copy-button{font:inherit;font-size:13px;margin-bottom:8px;padding:9px 1ch;min-height:44px;line-height:24px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.v4-content .endpoint>.code-tools{margin-top:24px}.v4-content pre:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.v4-content .endpoint{border:1px solid var(--line);padding:0 2ch}.v4-content .endpoint[open]{padding-bottom:24px}.v4-interactive summary{min-height:48px;padding:12px 0;list-style:none;display:flex;gap:1ch;align-items:baseline;overflow-wrap:anywhere}.v4-interactive summary::-webkit-details-marker{display:none}.v4-interactive summary:before{content:"[+]";color:var(--dim);flex:none;font-weight:400}.v4-interactive details[open]>summary:before{content:"[-]"}.v4-interactive details[open]>summary{font-weight:700}.v4-content .endpoint>summary{min-height:60px}.v4-content summary h2{display:inline;font-weight:inherit}.v4-content .endpoint>:is(p,ul,h3,pre,table){margin-top:24px}.v4-interactive .toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:0 1ch 4px}.v4-interactive .toc summary{font-weight:700;border-bottom:1px solid var(--line)}.v4-interactive .toc a{display:block;padding:8px 1ch;min-height:40px;font-size:13px;line-height:20px;text-decoration:none;color:var(--mute)}.v4-content table{border-collapse:collapse;width:100%;font-size:14px;line-height:24px;table-layout:fixed}.v4-content th{text-align:left;color:var(--mute);font-weight:400;border-bottom:1px solid var(--line);vertical-align:bottom;padding:12px 1ch}.v4-content td{vertical-align:top;padding:12px 1ch;border-bottom:1px solid var(--soft)}.v4-content :is(th,td):first-child{padding-left:0}.v4-content :is(th,td):last-child{padding-right:0}.v4-content :is(th,td) code{font-size:13px}.v4-content td a{display:inline-block;min-height:44px;padding-block:10px}.v4-content :is(.form,.form [data-type-group]){display:grid;gap:24px}.v4-content .field{display:grid;gap:8px;border:0;margin:0;padding:0;height:auto;box-shadow:none}.v4-content .field:has(input:focus){box-shadow:none}.v4-content :is(.field label,legend){color:var(--ink);font-weight:700}.v4-content .field :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea,select){display:block;width:100%;min-height:48px;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:11px 1ch;font-size:15px;line-height:24px;border-radius:0}.v4-content textarea{resize:vertical}.v4-content :is(input,textarea)::placeholder{color:var(--dim);opacity:1}.v4-content :is(input,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.v4-content .choice-fieldset{padding:0;border:0}.v4-content .choice-fieldset legend{margin-bottom:12px}.v4-content .choice-fieldset label{display:inline-flex;gap:1ch;align-items:center;min-height:48px;padding-right:2ch;font-weight:400}.v4-content .choice-fieldset input{width:20px;height:20px;accent-color:var(--ink);flex:none}.v4-content .form-note{border:1px solid var(--line);padding:12px 2ch}.v4-content .submit-btn{justify-self:start;padding:9px 2ch;min-height:44px;font:inherit;font-weight:700;background:var(--bg);color:var(--ink);border:1px solid var(--line)}.v4-content .submit-btn:disabled{color:var(--dim);cursor:default;border-color:var(--soft)}.v4-content .steps{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.v4-content .badge-preview img{width:auto;height:28px}.v4-content [hidden]{display:none!important}.v4-content .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1100px){.v4-interactive.with-toc{grid-template-columns:minmax(0,1fr) 22ch}}@media(max-width:800px){main.wrap:has(>.v4-interactive){padding-top:24px}.v4-interactive.with-toc{grid-template-columns:minmax(0,1fr)}.v4-interactive .toc{position:static;grid-row:1;max-height:none;padding:0}.v4-interactive .toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2ch}.v4-interactive .toc a{min-height:44px}}@media(max-width:720px){.v4-content table,.v4-content tbody{display:block}.v4-content thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.v4-content tbody tr{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line);padding-block:12px}.v4-content td{display:grid;grid-template-columns:minmax(0,12ch) minmax(0,1fr);gap:2ch;padding:8px 0;border:0}.v4-content td:before{content:attr(data-label);font-size:12px;color:var(--mute);line-height:24px}.v4-content td a{padding:0;min-height:44px}}@media(max-width:480px){.v4-content h1{font-size:28px;line-height:36px}.v4-interactive .toc nav{grid-template-columns:minmax(0,1fr)}.v4-content pre{padding:12px 1ch;font-size:13px;line-height:22px}.v4-content pre[data-copy-id]{padding-right:1ch}.v4-content .endpoint{padding-inline:1ch}.v4-content .endpoint>summary{font-size:14px}.v4-content .endpoint h2{font-size:inherit}.v4-interactive.form-page .section{gap:16px}.v4-content .form-note{padding:12px 1ch}.v4-content .field :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea,select){font-size:16px}}
