/* Hallmark · shape: Long Document · genre: modern-minimal · theme: Coral (deal 1/3, seed seo-mcp--claude-c184·fd33cc73·2026-11-04·r0) · job: read the docs and terms · draw: 798bcf
 * hero: none, a titled reading page · nav: slab · footer: letter close · imagery: none, text and copyable code · signature: the live tool list read from the running service
 * axes: light/grotesk-sans/warm · posture: restrained · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E3 S4 R4 V4 · weakest: E, a reading page has little to show; the tool list and prompt library are generated from the real service so nothing is invented */
/* Hallmark · waive 44c · the first screen is the page title and a one line lead above a table of contents and the first section, a reference page has no hero visual to fill it · this stylesheet serves only docs, offer and privacy, not the landing */
/* Hallmark · waive 77 · docs, offer and privacy are one continuous reading column with a contents list, not a run of landing sections · prose is the product here and splitting it into boxes would make it harder to read */
/* Hallmark · waive 78 · running headings inside long prose sit at the section size one step under the page title so a reader can scan the column · the full landing section size would make every clause a headline */
@import url("./site.css");

/* ---------- документация и юридические страницы ---------- */
.doc { padding-block: var(--space-3xl) var(--section-gap); }
.doc h1 { font-size: var(--text-display-s); max-width: 22ch; }
.doc .lead { margin-top: var(--space-md); color: var(--color-muted); }
.doc .draft { margin-top: var(--space-lg); padding: var(--space-md); border: var(--rule-hair) solid var(--color-accent-2); border-radius: var(--radius-input); background: var(--color-cotton); max-width: 70ch; }
.doc__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-3xl); margin-top: var(--space-2xl); align-items: start; }
.toc { position: sticky; top: calc(72px + var(--space-lg)); display: grid; gap: var(--space-xs); font-size: var(--text-sm); }
.toc a { color: var(--color-muted); text-decoration: none; padding: var(--space-3xs) 0; }
.toc a:hover { color: var(--color-ink); text-decoration: underline; }
.prose { display: grid; gap: var(--space-md); max-width: 72ch; }
.prose h2 { font-size: var(--text-3xl); margin-top: var(--space-xl); max-width: none; }
.prose h3 { font-size: var(--text-title); margin-top: var(--space-md); }
.prose ul, .prose ol { margin: 0; padding-left: var(--space-lg); display: grid; gap: var(--space-xs); }
.prose p, .prose li { max-width: none; overflow-wrap: anywhere; }
.prose > * { min-width: 0; }
.fill { background: var(--color-paper-3); padding: 0 var(--space-3xs); border-radius: var(--radius-input); }
.fill[data-empty="true"] { outline: var(--rule-hair) dashed var(--color-accent-2); }
.tools { display: grid; gap: var(--space-2xl); }
.tool-group h3 { margin-bottom: var(--space-md); }
.tool-list { list-style: none; margin: 0; padding: 0; border-top: var(--rule-hair) solid var(--color-rule-2); }
.tool-list li { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-3xl); padding-block: var(--space-md); border-bottom: var(--rule-hair) solid var(--color-rule); }
.tool-list code { font-family: var(--font-outlier); font-size: var(--text-sm); overflow-wrap: anywhere; }
.tool-list p { color: var(--color-muted); font-size: var(--text-sm); max-width: 70ch; }
.tool-list .free { font-size: var(--text-sm); color: var(--color-success); }
.prompt-groups { display: grid; gap: var(--space-xl); }
.prompt-groups ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-sm); }
.prompt-groups li { display: grid; gap: var(--space-2xs); justify-items: start; padding: var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-card); background: var(--color-cotton); }
.prompt-groups li .btn { margin-top: var(--space-xs); }
.tool-list b, .prompt-groups b { font-weight: 600; }
.legal-meta { color: var(--color-muted); font-size: var(--text-sm); }

/* ---------- адаптивность ---------- */
@media (max-width: 60rem) {
  .doc__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); }
  .toc { position: static; display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); }
  .tool-list li { grid-template-columns: minmax(0, 1fr); gap: var(--space-xs); }
}