[hidden]{display:none!important}.plain-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:8px 16px;border-radius:12px;background:#152238;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}.plain-button:hover{border-color:var(--accent)}.spec-tabs{width:max-content;max-width:100%;margin:24px 0;border-radius:12px}.spec-tabs button{border-radius:8px}.spec-reading{margin-top:24px}.spec-status{padding:24px 0;margin-bottom:24px}.spec-status strong{color:var(--accent)}.spec-status p{color:var(--dim);margin:8px 0 0;max-width:78ch}.spec-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}.spec-grid section{min-width:0}.spec-grid h3{font:600 14px/24px Inter,sans-serif;text-transform:none;margin:16px 0 8px}.spec-grid p{max-width:70ch}.spec-values{display:grid;grid-template-columns:128px 1fr;gap:8px 16px;font-size:14px;line-height:24px}.spec-values dt{color:var(--dim)}.spec-values dd{margin:0;min-width:0}.spec-section{margin-top:40px;padding-top:24px;}.spec-section details{margin:16px 0}.spec-section details summary,.spec-json summary,.knowledge-list summary{min-height:44px;cursor:pointer;padding:12px 0}.spec-json{margin:32px 0}.spec-json pre{font:12px/20px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-panel,#0c1624);padding:24px;border:1px solid var(--line);border-radius:12px;max-height:640px;overflow:auto}.example-capture{margin:32px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.example-capture img{width:100%;height:auto;display:block}.example-capture figcaption{font-size:12px;line-height:16px;padding:16px;color:var(--dim)}.foundation-field{display:grid;gap:8px;font-size:14px;line-height:24px;color:var(--dim);max-width:480px;min-width:0}.foundation-field input,.foundation-field select{min-width:0;max-width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel,#0c1624);color:var(--ink)}.foundation-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:24px 0}.foundation-controls .foundation-field{flex:1;min-width:140px}.foundation-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:40px 0}.foundation-flow>div{padding-top:16px}.foundation-flow strong{display:block;margin-bottom:8px}.foundation-flow p{color:var(--dim);font-size:14px;line-height:24px}.foundation-index{}.foundation-index>a{display:flex;gap:16px;align-items:center;min-height:88px;padding:16px 8px;text-decoration:none;color:var(--ink)}.foundation-index>a:hover{background:var(--surface)}.foundation-index>a>div{display:grid;gap:4px;flex:1;min-width:0}.foundation-index span{color:var(--dim);font-size:14px;line-height:24px}.foundation-index becchio-icon{flex:none;color:var(--accent)}.foundation-canvas{padding:24px;background:var(--surface-deep,#050b14);border:1px solid var(--line);border-radius:16px;overflow:auto}.layout-study{margin:auto;width:100%;--study-pad:24px;--study-gap:24px}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--study-gap);align-items:stretch}.study-tile{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:var(--study-pad);display:flex;flex-direction:column;gap:8px}.study-tile h3{margin:0;font-size:16px;line-height:24px;overflow-wrap:normal;word-break:normal}.study-tile p{margin:0 0 8px;color:var(--dim)}.study-label{font-size:12px;line-height:16px;color:var(--dim)}.study-input{display:grid;gap:8px;font-size:14px;color:var(--dim);margin-top:auto}.study-input input{width:100%;min-width:0;min-height:44px;background:var(--surface-panel,#0c1624);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px}.study-tile button{margin-top:8px;align-self:start}.layout-study.mode-center .study-tile{text-align:center;align-items:center}.mode-center .study-input{width:100%;text-align:start}.mode-center .study-tile button{align-self:center}.mode-identifier .study-tile h3{overflow-wrap:anywhere}.layout-study.is-portrait .study-grid,.mode-stack .study-grid{grid-template-columns:1fr}.measurement-label{display:block;text-align:center;font-size:12px;line-height:16px;margin-bottom:16px;color:var(--dim)}.spacing .study-grid{background:rgba(167,184,202,.06);outline:1px dashed #667e95}.spacing .study-tile{background:linear-gradient(#152238,#152238) padding-box;border-color:#667e95}.knowledge-list{margin-top:24px}.knowledge-list>details{padding:4px 8px}.knowledge-list summary{font-weight:600;overflow-wrap:anywhere}.knowledge-list summary span{display:block;color:var(--dim);font-size:14px;font-weight:400;margin:4px 0}.knowledge-list details>p{max-width:78ch}.knowledge-list details[open]{padding-bottom:24px}.knowledge-list .details{margin-top:16px}.friction-explorer{margin-top:24px;padding:24px;background:var(--surface);border-radius:24px;border:1px solid var(--line)}.friction-flags{display:flex;gap:16px;flex-wrap:wrap}.friction-flags label,.review-checks label{display:flex;gap:12px;align-items:center;min-height:44px;font-size:14px;line-height:24px;cursor:pointer}.friction-flags input,.review-checks input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.friction-result{display:flex;gap:32px;align-items:start;margin:24px 0;padding-top:24px;}.friction-result>div{min-width:0}.friction-result>div:first-child{flex:none;display:grid;gap:8px;max-width:160px}.friction-result strong{font:400 var(--type-body-size,1rem)/var(--type-body-line,1.5) Inter,sans-serif;font-weight:600;overflow-wrap:anywhere}.friction-result .result-label{font:600 16px/24px Inter,sans-serif;display:block;margin-bottom:8px}.friction-result span{color:var(--dim);font-size:12px;line-height:16px}.pricing-scene{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;padding:24px 0;}.pricing-scene>div{flex:1;min-width:120px;display:grid;gap:8px}.pricing-scene strong{font-size:var(--type-body-size,1rem);line-height:var(--type-body-line,1.5)}.pricing-scene span{color:var(--dim);font-size:14px;line-height:24px}.behavior-example{margin-top:24px}.brand-mark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0}.brand-mark-grid figure{margin:0;min-width:0}.brand-mark-grid figure>div{height:144px;padding:24px;background:#101a29;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px}.brand-mark-grid img{max-width:100%;max-height:80px;object-fit:contain}.brand-mark-grid figcaption{color:var(--dim);font-size:12px;line-height:16px;padding:12px 0}.swatch-row{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.swatch-row>div{display:grid;gap:4px;width:128px;min-width:0;overflow-wrap:anywhere}.swatch{height:56px;width:100%;border-radius:8px;border:1px solid #667e95}.swatch-row strong{font-size:14px;line-height:24px}.swatch-row code{font-size:12px;line-height:16px;color:var(--dim)}.personalization-row{padding:24px 0;}.personalization-row h3{margin:0 0 8px}.personalization-row .details{margin-top:16px}.personalization-row section h3{font:600 14px/24px Inter,sans-serif;text-transform:none}.review-checks{display:grid;gap:8px}.foundation-spec pre{max-height:420px}.spec-section .code{max-height:520px;overflow:auto;white-space:pre-wrap}.foundation-spec .rule-list{max-width:80ch}main{overflow-wrap:anywhere}
@media(max-width:1100px){.foundation-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-mark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.spec-grid{grid-template-columns:1fr;gap:24px}.spec-values{grid-template-columns:112px 1fr;gap:8px}.spec-actions{gap:12px}.spec-actions .plain-button{font-size:14px}.foundation-flow{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.foundation-canvas{padding:16px}.study-grid{grid-template-columns:1fr}.foundation-controls{gap:12px}.foundation-controls .foundation-field{min-width:120px}.friction-explorer{padding:16px}.friction-result{display:block}.friction-result>div:first-child{max-width:100%;margin-bottom:16px}.brand-mark-grid{gap:12px}.brand-mark-grid figure>div{height:120px;padding:16px}.spec-tabs button{font-size:14px;padding:8px 12px}.spec-grid h2{margin-bottom:12px}.spec-json pre{padding:16px}.friction-result strong{font-size:var(--type-body-size,1rem);line-height:var(--type-body-line,1.5)}}
@media(prefers-reduced-transparency:reduce){.spec-status,.friction-explorer{background:var(--surface)}}
.source-list{list-style:none;padding:0;margin:16px 0}.source-list li{margin:4px 0}.palette-preview{padding:24px;border:1px solid var(--line);border-radius:24px;max-width:960px;margin:auto}.palette-top{display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}.palette-top span{font-size:12px;line-height:16px}.palette-preview article{padding:24px;border:1px solid;border-radius:24px;max-width:560px;position:relative;overflow:hidden}.palette-preview article p{max-width:48ch}.palette-preview article button{font:inherit;border:1px solid;min-height:44px;border-radius:12px;padding:8px 16px;cursor:pointer}.palette-accent-line{position:absolute;width:8px;inset:0 auto 0 0;display:none}.palette-preview article button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:767px){.palette-preview{padding:16px}.palette-preview article{padding:16px}.brand-mark-grid img{max-height:72px}}
.capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.capability-list>div{min-width:0;padding-bottom:16px}.capability-list p{margin-top:8px;color:var(--dim)}.capability-list details{margin-bottom:0}@media(max-width:767px){.capability-list{grid-template-columns:1fr}}
.study-tile{gap:var(--study-inner,8px)}
.table-scroll{max-width:100%;overflow:auto}.document table td,.document table th{min-width:120px;vertical-align:top}
@media(max-width:360px){.spec-tabs button{padding:8px}.spec-tabs{gap:2px}}
.plain-button,.spec-tabs,.spec-tabs button,.foundation-field input,.foundation-field select{border-radius:999px}

.universal-narrative{font-size:var(--type-body-size,1rem);line-height:var(--type-body-line,1.5);max-width:72ch}.universal-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}.universal-principles section{padding-top:16px;min-width:0}.universal-principles h2{font-size:var(--type-body-size,1rem);line-height:var(--type-body-line,1.5)}.universal-principles p{color:var(--dim)}.universal-principles summary{min-height:44px;cursor:pointer;padding:12px 0}.resolved-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0}.resolved-summary span{color:var(--dim);font-size:14px}.contract-row{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:24px;padding:20px 0;font-size:14px;line-height:24px}.contract-row>div{min-width:0}.contract-row code{display:block;font-size:12px;color:var(--dim);margin-top:8px;overflow-wrap:anywhere}.contract-row p{margin:0 0 8px}.contract-row summary{min-height:44px;cursor:pointer;padding:10px 0}.contract-row pre{font-size:12px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.contract-kind{display:block;color:var(--accent)}.contract-row.is-pending .contract-kind{color:#f2c57c}.is-pending{border-left:1px solid #f2c57c;padding-left:16px}.contract-section{margin-top:32px}.contract-section h2{margin-bottom:16px}@media(max-width:767px){.universal-principles{grid-template-columns:1fr;gap:16px}.universal-narrative{font-size:var(--type-body-size,1rem);line-height:var(--type-body-line,1.5)}.contract-row{grid-template-columns:1fr;gap:8px}.contract-row code{margin-top:0}.contract-row>div:last-child{margin-top:4px}.resolved-summary{gap:8px}}