/* IAPont Bridge 1.8.1 C2. One mobile-first stylesheet, application-owned assets only. */
:root {
 color-scheme:light; --bg:#f7f7fb; --surface:#ffffff; --raised:#fff;
 --ink:#17243d; --muted:#59667c; --border:#dce1eb; --subtle:#f0eef7;
 --accent:#6c43a7; --accent-hover:#543083; --on-accent:#fff; --focus:#087a91;
 --danger:#a42c45; --success:#256748; --code:#17243d; --code-ink:#eff3ff;
 --editor:#fdfcff; --shadow:0 8px 32px #1926410b; --radius:16px; --small-radius:10px;
 --hero-paper:#fbfafb; --hero-haze:#fbfafb00; --navy:#141e31; --lilac:#d5c3ee;
}
:root[data-theme=dark] {
 color-scheme:dark; --bg:#10192b; --surface:#1a263a; --raised:#202d44;
 --ink:#f4f3fb; --muted:#b9c4d7; --border:#3c4a64; --subtle:#2a304a;
 --accent:#bea0eb; --accent-hover:#d1b9f5; --on-accent:#21152f; --focus:#77deed;
 --danger:#ffadb9; --success:#94dfba; --code:#0f192a; --code-ink:#eef2ff;
 --editor:#152035; --shadow:0 8px 32px #0002; --hero-paper:#121d30; --hero-haze:#121d3000;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:1rem}
body {margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
button,input,select,textarea {font:inherit}
button,select,a,input,textarea {-webkit-tap-highlight-color:transparent}
button,a {touch-action:manipulation}
button {cursor:pointer;color:inherit}
button:disabled {cursor:not-allowed;opacity:.55}
input,textarea,select {max-width:100%;color:var(--ink);background:var(--raised);border:1px solid var(--border);border-radius:var(--small-radius)}
input:not([type=checkbox]),select {width:100%;min-height:48px;padding:.6rem .75rem}
input[type=checkbox] {width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}
a {color:var(--accent);text-underline-offset:.2em}
a:hover {text-decoration-thickness:2px}
svg {flex-shrink:0}
img {max-width:100%;height:auto}
h1,h2,h3,p {margin:0 0 1rem}
h1,h2,h3 {line-height:1.2;overflow-wrap:break-word}
h1 {font-size:clamp(1.45rem,3.2vw,2rem);font-weight:650;letter-spacing:-.04em}
h2 {font-size:1.2rem;letter-spacing:-.025em}
h3 {font-size:1rem;margin-top:1.5rem}
figure {margin:0}
p:last-child {margin-bottom:0}
[hidden] {display:none!important}
main {min-width:0}
strong {font-weight:680}
:focus-visible {outline:3px solid var(--focus);outline-offset:3px}
::selection {background:#ac82da44}
pre {white-space:pre-wrap;overflow-wrap:anywhere}
summary {cursor:pointer;min-height:48px;padding:.7rem 0;font-weight:600}
details {border-top:1px solid var(--border);margin-top:1rem}
details p {font-size:.92rem;color:var(--muted)}
details[open] {padding-bottom:.75rem}
.visually-hidden,input.visually-hidden {min-height:0;min-width:0;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link {position:fixed;top:-100px;left:1rem;padding:1rem;background:var(--surface);z-index:100}
.skip-link:focus {top:1rem}
.button,.icon-button,.text-button,.editor-tools button,.mode-switch button,.mobile-jumps a {
 display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;min-width:48px;padding:.65rem .95rem;border:1px solid var(--border);border-radius:var(--small-radius);font-size:.875rem;font-weight:630;line-height:1.35;text-decoration:none;background:var(--surface);color:var(--ink);transition:background-color .15s,border-color .15s,box-shadow .15s;
}
.button:hover,.icon-button:hover,.text-button:hover,.editor-tools button:hover {background:var(--subtle);border-color:var(--accent)}
.button.primary {background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--on-accent);border-color:var(--accent);box-shadow:0 4px 12px #6b43a724}
.button.primary:hover {background:var(--accent-hover);box-shadow:0 5px 16px #6b43a738}
.button.subtle,.text-button {background:transparent;border-color:transparent}
.button.glass {background:var(--surface);border-color:#b4a9ca}
.icon-button {width:48px;padding:.6rem;flex-shrink:0}
.button.small {padding:.6rem .7rem}
.danger {color:var(--danger)}
.button:active,.icon-button:active {transform:translateY(1px)}
.muted,.fine-print {color:var(--muted)}
.fine-print {font-size:.8rem}
.eyebrow {text-transform:uppercase;font-size:.68rem;letter-spacing:.16em;font-weight:730;margin-bottom:.6rem;color:var(--accent)}
/* Shared header and navigation */
.site-header {position:relative;z-index:3;border-bottom:1px solid var(--border);background:var(--surface)}
.is-home .site-header {background:var(--hero-paper);border-bottom-color:transparent}
.header-inner {max-width:1640px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem max(1rem,env(safe-area-inset-left))}
.brand {display:inline-flex;align-items:center;min-height:48px;flex-shrink:0;text-decoration:none;color:var(--ink);gap:.3rem}
.brand-symbol {width:48px;height:40px;object-fit:contain}
.brand-text {display:flex;flex-direction:column}
.brand-name {font-size:1.5rem;letter-spacing:-.07em;font-weight:360;line-height:1.15}
.brand-name b {font-weight:760}
.brand-tagline {display:none;font-size:.48rem;letter-spacing:.15em;text-transform:uppercase;font-weight:550;margin-top:.25rem}
.desktop-nav {display:none;align-items:center;gap:.25rem}
.desktop-nav a {display:flex;align-items:center;min-height:48px;padding:.65rem .8rem;border-radius:8px;font-size:.84rem;font-weight:590;text-decoration:none;color:var(--ink)}
.desktop-nav a:hover {background:var(--subtle)}
.desktop-nav a[aria-current=page] {text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.6rem}
.header-tools {display:flex;align-items:center;gap:.35rem}
.header-tools .icon-button {border-color:transparent;background:transparent}
.header-tools .icon-button:hover {background:var(--subtle)}
.theme-toggle[aria-pressed=true] {background:var(--subtle)}
.language-button {display:none;align-items:center;justify-content:center;gap:.1rem;border:0;min-height:48px;min-width:48px;background:transparent;color:var(--ink);font-size:.8rem;font-weight:600}
.language-button svg {width:14px}
/* Local workspace: sidebar only when enough room remains for both panels. */
.application-frame {max-width:1740px;margin:0 auto;min-width:0}
.workspace-sidebar {display:none}
.workspace-shell {padding:1.25rem max(1rem,env(safe-area-inset-left)) 1rem;min-width:0}
.workspace-heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:1.2rem}
.workspace-heading h1 {margin-bottom:0}
.workspace-heading .eyebrow {font-size:.6rem;letter-spacing:.08em;text-transform:none;color:var(--muted)}
.candidate-note {font-size:.66rem;color:var(--muted);border:1px solid var(--border);padding:.18rem .5rem;border-radius:100px;white-space:nowrap}
.empty-state {position:relative;max-width:820px;margin:1.5rem auto 3rem;padding:clamp(1.35rem,5vw,3.5rem);text-align:center;border:1px dashed #a99abb;border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--subtle));box-shadow:var(--shadow)}
.empty-icon {width:72px;height:72px;background:linear-gradient(135deg,#7f54b9,#4b2e77);color:#fff;border-radius:22px;display:grid;place-items:center;margin:0 auto 1.4rem;box-shadow:0 10px 26px #6745912c}
.empty-icon svg {width:32px;height:32px}
.empty-state h2 {font:500 clamp(1.7rem,3.5vw,2.7rem)/1.16 Georgia,serif;letter-spacing:-.035em}
.empty-state>p {max-width:54ch;margin:0 auto 1.5rem;color:var(--muted)}
.empty-actions {display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1.8rem 0}
.empty-actions>.button {width:100%}
.empty-state .format-list {font-size:.78rem;margin:1.4rem auto .5rem}
.small-details {text-align:left}
.notice {border:1px solid var(--border);border-left:4px solid var(--accent);padding:.85rem 1rem;border-radius:10px;background:var(--surface);margin-bottom:1rem;font-size:.92rem;overflow-wrap:anywhere}
.notice.error {border-left-color:var(--danger);color:var(--danger)}
.notice.success {border-left-color:var(--success)}
.notice button,.notice a {margin-left:.5rem}
.progress-notice {display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.progress-notice button {margin-left:auto}
.spinner {width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin {to{transform:rotate(360deg)}}
.workspace-shell.is-dragging .empty-state,.workspace-shell.is-dragging .source-panel {outline:3px solid var(--accent);outline-offset:2px;background:var(--subtle)}
.document-bar {display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.document-identity {display:flex;align-items:center;gap:.6rem;min-width:0}
.document-identity>div {min-width:0}
.document-symbol {width:40px;height:48px;display:grid;place-items:center;flex-shrink:0;color:var(--accent)}
.document-symbol svg {padding:4px;box-sizing:content-box;background:var(--subtle);border-radius:8px}
.file-name {display:block;font-weight:670;line-height:1.3;font-size:.9rem;overflow-wrap:anywhere}
.document-status {display:block;font-size:.72rem;color:var(--muted);margin-top:.35rem}
.document-status[data-state=saved] {color:var(--success)}
.document-status[data-state=error] {color:var(--danger)}
.document-actions {display:flex;flex-wrap:wrap;gap:.5rem}
.document-actions .button {flex:1;padding:.6rem .65rem;font-size:.78rem}
.document-actions .button:first-child {flex-basis:100%}
.workspace-toolbar {display:flex;flex-direction:column;gap:.3rem;padding:1rem 0 .4rem}
.mode-switch {display:flex;gap:.35rem;flex-wrap:wrap}
.mode-switch button {flex:1;padding:.65rem .7rem;font-size:.78rem;min-width:48px}
.mode-switch button[aria-pressed=true] {background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 9px #6b43a720}
.mode-switch .icon {display:none}
.quick-tools {display:flex;flex-wrap:wrap;gap:.15rem}
.quick-tools button {padding:.6rem .65rem;font-size:.78rem;color:var(--muted)}
.mobile-jumps {display:flex;gap:.5rem;padding-bottom:.7rem}
.mobile-jumps a {flex:1;font-size:.75rem;background:var(--subtle);border-color:transparent}
.workbench-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}
.work-panel {min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:1rem}
.panel-heading {display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:60px;padding:.45rem .8rem;border-bottom:1px solid var(--border)}
.panel-heading h2 {display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin:0;font-weight:670}
.panel-heading h2 svg {width:17px;height:17px;color:var(--accent)}
.panel-heading>.muted {font-size:.66rem;text-align:right}
.panel-heading .text-button {padding:.55rem .15rem;font-size:.73rem}
.panel-heading .text-button svg {width:16px}
.editor-tools {display:flex;gap:.1rem;padding:.35rem .5rem;flex-wrap:wrap;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--editor))}
.editor-tools button {border:0;background:transparent;font-size:.72rem;padding:.5rem;min-width:48px}
.source-panel textarea {display:block;width:100%;min-height:19rem;height:42dvh;max-height:none;resize:vertical;border:0;border-radius:0;padding:1.1rem;background:var(--editor);color:var(--ink);font:400 16px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;overflow:auto;overflow-wrap:break-word}
.source-panel textarea::placeholder {color:var(--muted)}
.source-panel textarea:focus-visible {outline-offset:-3px}
.source-bottom {display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap;padding:.5rem .75rem;border-top:1px solid var(--border)}
.check-field {display:flex;align-items:center;gap:.5rem;min-height:48px;font-size:.73rem}
.source-bottom .text-button {font-size:.75rem}
.panel-help {padding:0 .9rem .85rem;color:var(--muted);font-size:.72rem;margin:0}
.preview-tools {display:flex;align-items:end;flex-wrap:wrap;gap:.5rem;padding:.7rem .8rem}
.field {display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:550;min-width:0}
.compact-field {flex:1 1 130px;font-size:.7rem}
.compact-field:first-child {flex-basis:170px}
.compact-field select {font-size:.79rem;padding-left:.5rem;padding-right:.4rem}
.fit-control {flex-shrink:0;font-size:.72rem}
.fit-control[aria-pressed=true] {background:var(--subtle);border-color:var(--accent)}
.preview-viewport {overflow:auto;max-width:100%;background:var(--subtle);padding:.6rem;overscroll-behavior:contain}
.preview-stage {position:relative;min-height:220px;margin:0 auto}
.preview-canvas {container-type:inline-size;transform-origin:top left;min-height:220px;width:100%}
.preview-canvas[data-width=mobile] {width:390px}
.preview-canvas[data-width=tablet] {width:768px}
.preview-canvas[data-width=desktop] {width:1280px}
.preview-panel>.panel-help {padding-top:.7rem}
.preview-pagination {display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.5rem .6rem;font-size:.75rem}
.import-report {padding:0 1rem}
.import-report li {font-size:.85rem;color:var(--muted)}
[data-mode=source] .preview-panel,[data-mode=preview] .source-panel {display:none}
[data-mode=source] .mobile-jumps,[data-mode=preview] .mobile-jumps {display:none}
.mobile-work-nav {position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding:.45rem max(.65rem,env(safe-area-inset-left)) max(.45rem,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 22px #19264110}
.mobile-work-nav a,.mobile-work-nav button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-decoration:none;color:var(--muted);background:transparent;border:0;border-radius:10px;min-height:52px;font-size:.62rem;line-height:1.3;padding:.4rem .1rem;text-align:center}
.mobile-work-nav [aria-current=page] {color:var(--accent);background:var(--subtle)}
.mobile-work-nav svg {width:18px;height:18px}
/* Modal controls: retained functional contracts, redesigned surfaces. */
.dialog {max-width:min(680px,calc(100vw - 1.25rem));width:680px;max-height:calc(100dvh - 1.25rem);padding:0;border:1px solid var(--border);border-radius:20px;color:var(--ink);background:var(--surface);box-shadow:0 20px 80px #0004}
.dialog::backdrop {background:#0a142bc2;backdrop-filter:blur(3px)}
.dialog-top {position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}
.dialog-top h2 {margin:0;font-size:1.2rem}
.dialog-body {padding:1rem;min-width:0;overflow-wrap:anywhere}
.dialog-body>p {font-size:.9rem}
.dialog-actions {display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}
.dialog nav a {display:flex;align-items:center;min-height:48px}
.dialog .form-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.dialog .field {margin-bottom:.5rem}
.wide-dialog {width:900px;max-width:min(900px,calc(100vw - 1.25rem))}
.compare-dialog {width:1500px;max-width:calc(100vw - 1.25rem)}
.tool-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}
.tool-card {display:flex;align-items:center;gap:.75rem;min-height:64px;background:var(--raised);border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:left;font-weight:600}
.tool-card>span {flex:1}
.tool-card:hover {border-color:var(--accent);background:var(--subtle)}
.tool-grid+p {margin-top:1rem}
.metrics {display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}
.metric {padding:.85rem;background:var(--subtle);border-radius:12px}
.metric strong {display:block;font-size:1.5rem;line-height:1.3}
.metric span {font-size:.75rem}
.check-list {padding:0;list-style:none}
.check-list li {display:flex;gap:.65rem;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:.85rem}
.check-badge {font-weight:700;color:var(--success);min-width:24px}
.check-badge.review {color:var(--danger)}
.check-list .muted {margin-left:auto;font-size:.75rem}
.code-box {background:var(--code);color:var(--code-ink);padding:1rem;border-radius:12px;max-height:340px;overflow:auto;font-size:.8rem}
.library-list {display:grid;gap:.65rem;margin:1rem 0}
.library-item {display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;border:1px solid var(--border);border-radius:12px;padding:.75rem}
.library-item>.item-info {flex:1 1 180px;min-width:0}
.library-item strong {display:block;font-size:.9rem;overflow-wrap:anywhere}
.library-item small {display:block;color:var(--muted);font-size:.73rem}
.library-item .item-actions {display:flex;flex-wrap:wrap;gap:.25rem}
.chunk-list {max-height:450px;overflow:auto}
.chunk-item {padding:1rem;border:1px solid var(--border);border-radius:12px;margin-bottom:.7rem}
.chunk-item pre {font-size:.8rem;max-height:220px;overflow:auto}
.reader-actions {display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.reader-text {white-space:pre-wrap;max-height:52dvh;overflow:auto;padding:1.2rem;background:var(--raised);border-radius:12px;font:1.1rem/1.9 Georgia,serif}
.reader-text p {padding:.4rem;border-left:3px solid transparent}
.reader-text p.is-current {border-left-color:var(--accent);background:var(--subtle)}
progress {width:100%;height:12px;accent-color:var(--accent);margin-bottom:.75rem}
.compare-selectors {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.compare-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1rem}
.compare-canvas {container-type:inline-size;min-width:0;border:1px solid var(--border);max-height:70dvh;overflow:auto}
.navigation-links {display:grid;grid-template-columns:1fr 1fr;gap:.3rem .7rem;margin-bottom:1rem}
.navigation-links a {color:var(--ink);padding:.5rem;text-decoration:none;border-bottom:1px solid var(--border)}
.locale-links {display:flex;flex-wrap:wrap;gap:.5rem}
.locale-links a {min-width:48px;min-height:48px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;text-decoration:none}
.locale-links a[aria-current] {background:var(--subtle)}


.locale-links{border:0;margin:1.2rem 0 0;padding:0}
.locale-links legend{font-size:.85rem;margin-bottom:.5rem}

/* Panoramic marketing composition, separate from the editor. */
.bridge-home {background:var(--hero-paper)}
.bridge-hero {position:relative;isolation:isolate;background:var(--hero-paper);padding-bottom:2rem}
.hero-art {position:absolute;inset:auto 0 0;height:42%;z-index:-1;opacity:.75;pointer-events:none}
.hero-art img {width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hero-art::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--hero-paper),var(--hero-haze) 68%)}
.hero-inner {max-width:1500px;margin:auto;padding:2rem max(1.2rem,env(safe-area-inset-left)) 8rem}
.hero-copy {position:relative;z-index:1}
.hero-copy .eyebrow {display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.15em}
.signal-dot {display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #9974c421}
.hero-copy h1 {font:400 clamp(2.45rem,6.5vw,4.35rem)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.055em;max-width:700px;margin-bottom:1.25rem}
.hero-verbs {font-size:1rem;font-weight:550;letter-spacing:-.02em;margin-bottom:.8rem}
.hero-description {color:var(--muted);font-size:.95rem;max-width:55ch;line-height:1.75;margin-bottom:1.5rem}
.hero-actions {display:flex;flex-direction:column;gap:.65rem;max-width:540px}
.hero-actions .button {min-height:52px;padding:.8rem 1.3rem;font-size:.84rem}
.hero-footnote {display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.68rem;margin-top:1rem;flex-wrap:wrap}
.hero-footnote svg {width:14px;height:14px}
.hero-aside {display:none}
.product-section {position:relative;max-width:1530px;margin:-2rem auto 0;padding:0 1rem 1.5rem}
.product-section-heading {background:var(--hero-paper);padding:.15rem .5rem;border-radius:9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.65rem;position:relative}
.product-section-heading .eyebrow {font-size:.59rem;letter-spacing:.1em;color:var(--muted);margin:0}
.product-section-heading a {display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;min-height:48px;color:var(--ink)}
.product-showcase {position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:6px;background:#131f34;border-radius:20px;box-shadow:0 0 0 1px #b2bfd0,0 20px 50px #19243f2b;min-width:0}
.showcase-sidebar {display:none}
.showcase-workspace {color:#182740;background:#f9f9fc;border-radius:14px;min-width:0;overflow:hidden}
.showcase-document-bar {display:flex;align-items:center;gap:.4rem;padding:.6rem .6rem;border-bottom:1px solid #dfe4ec;background:linear-gradient(135deg,#fff,#f2f1f8)}
.showcase-document-bar .document-symbol {color:#6c43a7;width:32px}
.showcase-document-bar .document-symbol svg {background:#e8dff2}
.showcase-document-bar strong {font-size:.73rem;line-height:1.4;font-weight:680;max-width:48ch}
.showcase-example-label {display:none;font-size:.63rem;color:#59667c;margin-left:auto}
.showcase-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .65rem;border-bottom:1px solid #e4e7ef}
.showcase-tabs {display:flex;gap:.3rem;font-size:.66rem;font-weight:600}
.showcase-tabs span {display:flex;align-items:center;gap:.3rem;padding:.6rem .6rem;border:1px solid #e0e4ed;border-radius:7px;background:#fff}
.showcase-tabs span.selected {color:#fff;background:#654099;border-color:#654099}
.showcase-tabs svg {width:14px;height:14px}
.showcase-profile {font-size:.6rem;color:#536077;margin-left:auto}
.showcase-devices {display:none;gap:.5rem;margin-left:.3rem;color:#665083}
.showcase-devices svg {width:15px;height:15px}
.showcase-columns {display:grid;grid-template-columns:minmax(0,1fr);padding:.6rem;gap:.7rem}
.showcase-editor,.showcase-render {min-width:0;border:1px solid #e1e5ed;border-radius:10px;background:#fff;overflow:hidden}
.showcase-panel-label {min-height:42px;display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.73rem;font-weight:650;color:#182740;border-bottom:1px solid #e8eaf0}
.showcase-panel-label>span {margin-left:auto;color:#57647b;font-size:.6rem;font-weight:400}
.showcase-panel-label>span:not(:has(svg)) {display:none}
.showcase-panel-label svg {width:15px;height:15px}
.showcase-editor-tools {display:flex;align-items:center;gap:1rem;padding:.6rem .8rem;font-size:.72rem;color:#465772;background:#fafbff;border-bottom:1px solid #e8eaf0}
.showcase-editor-tools svg {width:13px;height:13px}
.showcase-editor pre {font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#223049;padding:1rem .8rem;margin:0;max-height:220px;overflow:hidden}
.showcase-editor-foot {display:flex;align-items:center;gap:.4rem;padding:.7rem .8rem;font-size:.62rem;color:#2a614b;border-top:1px solid #edf0f5}
.showcase-editor-foot svg {width:12px;height:12px}
.sample-paper {padding:1.4rem 1.2rem;background:linear-gradient(140deg,#faf7f0,#f3f0eb);color:#252223;margin:.4rem;border:1px solid #e9e4dc;border-radius:7px;font-family:Georgia,serif}
.sample-brand {font-size:.79rem;letter-spacing:.05em;text-align:center;margin:0 0 1.5rem}
.sample-brand span {display:block;font:5px/1.8 system-ui,sans-serif;letter-spacing:.14em;color:#886731;margin-top:.3rem}
.sample-paper h2 {font:400 clamp(1.55rem,3.5vw,2.45rem)/1.06 Georgia,serif;letter-spacing:-.045em;text-align:center;margin-bottom:1rem}
.sample-paper .sample-intro {font:.73rem/1.7 system-ui,sans-serif;text-align:center;color:#697182;max-width:30ch;margin:0 auto 1.7rem}
.sample-paper h3 {font:400 1.25rem/1.15 Georgia,serif;letter-spacing:-.03em;margin:1.3rem 0 .75rem}
.sample-paper p {font-size:.75rem;line-height:1.85}
.sample-paper figure {margin:1rem 0}
.sample-paper figure img {width:100%;height:auto;display:block}
.sample-paper figcaption {font:italic .58rem/1.6 Georgia,serif;color:#646774;text-align:center;margin-top:.35rem}
.phone-showcase {display:none}
.showcase-explanation {text-align:center;color:var(--muted);font-size:.73rem;line-height:1.7;margin:1.5rem 0 0}
.showcase-action {display:flex;margin:1.25rem auto 0;max-width:330px;font-size:.8rem;background:var(--hero-paper)}
.capabilities {position:relative;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:1.7rem;background:linear-gradient(145deg,#152036,#242139);color:#fff;padding:2.5rem max(1.3rem,calc((100vw - 1440px)/2))}
.capabilities article {display:flex;align-items:start;gap:1rem;min-width:0}
.capability-icon {display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:linear-gradient(135deg,#8b61b9,#50316d);border:1px solid #af8bd133;border-radius:13px;box-shadow:0 5px 18px #0002;color:#fff}
.capability-icon svg {width:23px;height:23px}
.capabilities h2 {font-size:.9rem;line-height:1.4;letter-spacing:0;margin:.1rem 0 .25rem;font-weight:630}
.capabilities p {font-size:.75rem;line-height:1.65;color:#c2cadd;margin:0;max-width:42ch}
.closing-statement {position:relative;text-align:center;background:radial-gradient(ellipse at 85% 100%,#71548d4d,transparent 65%),#141e31;color:#fff;padding:2.3rem 1.2rem 3rem}
.closing-statement .eyebrow {color:#c0abd7;font-size:.64rem}
.closing-statement h2 {font:400 clamp(1.6rem,4vw,2.7rem)/1.18 Georgia,serif;letter-spacing:-.03em;margin:1rem auto;max-width:28ch}
.closing-statement>p:not(.eyebrow) {font-size:.85rem;color:#c6cfe0}
.closing-statement .button {background:#9b77c9;border-color:#ab8dd1;color:#0c1528;margin-top:.4rem}
/* Public information and footer */
.public-content {max-width:1240px;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1.25rem}
.prose {max-width:780px}
.prose h1 {font:2.6rem/1.15 Georgia,serif;margin-bottom:1.5rem}
.prose p {color:var(--muted);font-size:1.05rem}
.error-number {font:5rem/1 Georgia,serif;color:var(--accent)}
.site-footer {background:#111b2d;color:#c4cede;padding:1.8rem max(1.25rem,env(safe-area-inset-left)) max(1.7rem,env(safe-area-inset-bottom));border-top:1px solid #364059;font-size:.75rem}
.footer-inner {max-width:1480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.3rem}
.site-footer a {color:#c4cede;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.site-footer a:hover {text-decoration:underline}
.footer-brand {font-size:1.7rem;letter-spacing:.15em;flex-direction:column;color:#fff!important}
.footer-brand span {font-size:.52rem;text-transform:uppercase;letter-spacing:.22em;margin-top:.35rem}
.footer-inner nav {display:flex;justify-content:center;gap:.3rem 1rem;flex-wrap:wrap}
.footer-credit {font-size:.72rem}
.version-badge {padding:.12rem .35rem;border:1px solid #45516b;border-radius:6px;font-size:.61rem;margin-left:.4rem}
.is-workspace .site-footer {padding-top:1rem;padding-bottom:1rem;background:#111b2d;color:#c4cede;border-color:#364059}
.is-workspace .site-footer a {color:#c4cede}
.is-workspace .footer-brand {display:flex}
/* Progressive composition. No device removes document functionality. */
@media(min-width:360px) {.document-actions .button:first-child{flex-basis:0}.document-actions .button{font-size:.74rem}}
@media(min-width:400px) {
 .brand-tagline{display:block}.brand-name{font-size:1.8rem}.brand-symbol{width:53px}
 .document-actions .button:first-child{flex-basis:auto}.mode-switch .icon{display:block}
 .tool-grid{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:row;flex-wrap:wrap}
 .showcase-profile{display:block}.showcase-panel-label>span:not(:has(svg)){display:block}
}
@media(min-width:600px) {
 .workspace-shell:has(#work-area:not([hidden])) .workspace-heading{display:flex}
 .header-inner{padding-left:1.5rem;padding-right:1.5rem}.brand-name{font-size:2.1rem}.brand-symbol{width:67px;height:52px}.brand-tagline{font-size:.5rem}
 .language-button{display:flex}.empty-actions>.button{width:auto}.dialog .form-grid{grid-template-columns:1fr 1fr}.span-two{grid-column:1/-1}.dialog-body{padding:1.3rem}.compare-selectors{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
 .workspace-heading{flex-wrap:nowrap}.workspace-shell{padding:1.5rem}.mode-switch button{flex:0 0 auto;white-space:nowrap}
 .hero-inner{padding:3rem 2rem 10rem}.hero-copy h1{max-width:710px;font-size:clamp(2.8rem,6vw,4.35rem)}.hero-verbs{font-size:1.18rem}.hero-description{font-size:1rem}
 .hero-actions .button{padding:.9rem 1.4rem}.hero-art{height:65%;opacity:.65}
 .product-section{padding:0 1.5rem 2.2rem;margin-top:-4rem}.showcase-columns{grid-template-columns:1fr 1fr;gap:.8rem;padding:.8rem}.showcase-editor pre{max-height:none;min-height:400px;font-size:11px}.showcase-toolbar{padding:.9rem}.showcase-tabs{font-size:.7rem}.showcase-tabs span{padding:.65rem .75rem}.showcase-devices{display:flex}.showcase-document-bar strong{font-size:.85rem}.showcase-document-bar{padding:.8rem}.sample-paper{padding:2rem 1.4rem}.showcase-example-label{display:block}.capabilities{grid-template-columns:1fr 1fr;padding-left:2rem;padding-right:2rem;gap:2rem}.footer-inner{flex-direction:row;flex-wrap:wrap}.is-workspace .footer-inner{justify-content:center}
}
@media(min-width:900px) {
 .desktop-nav{display:flex}.is-workspace .desktop-nav a{font-size:.78rem;padding:.6rem}.hero-inner{padding:3rem 2.5rem 7rem}.hero-copy{width:60%}.hero-art{inset:0 0 0 auto;height:100%;width:66%;opacity:1}.hero-art::after{background:linear-gradient(90deg,var(--hero-paper),var(--hero-haze) 50%),linear-gradient(0deg,var(--hero-paper),var(--hero-haze) 40%)}.hero-copy h1{font-size:clamp(3rem,4.6vw,4.3rem)}.hero-description{max-width:52ch}.hero-verbs{font-size:1.1rem}.hero-actions .button{font-size:.8rem}.hero-aside{display:block;position:absolute;right:3rem;top:36%;max-width:15ch;text-transform:uppercase;color:#fff;font-size:.62rem;letter-spacing:.19em;font-weight:500;line-height:2.2;text-shadow:0 2px 8px #0008;border-bottom:1px solid #bfc4d399;padding-bottom:1rem}
 .document-bar{flex-direction:row;align-items:center;justify-content:space-between}.document-identity{max-width:50%}.document-actions{flex-shrink:0}.document-actions .button{flex:auto}.workspace-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.compare-grid{grid-template-columns:1fr 1fr}.capabilities{grid-template-columns:repeat(3,minmax(0,1fr));padding:2.7rem max(2rem,calc((100vw - 1440px)/2))}.showcase-tabs{font-size:.77rem}.showcase-columns{grid-template-columns:1.05fr 1fr}.showcase-editor pre{font-size:12px;min-height:450px;padding:1.3rem}.sample-paper h2{font-size:2.3rem}.sample-paper h3{font-size:1.45rem}
}
@media(min-width:1000px) {
 .workbench-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}.mobile-jumps{display:none}.source-panel textarea{height:calc(100dvh - 430px);min-height:28rem;font-size:14px}.source-panel{position:sticky;top:1rem}.preview-viewport{min-height:29rem;max-height:calc(100dvh - 385px)}.preview-tools{min-height:118px;align-content:start}.source-panel .editor-tools{min-height:70px;align-content:center}
 [data-mode=source] .workbench-grid,[data-mode=preview] .workbench-grid{grid-template-columns:minmax(0,1fr)}[data-mode=source] .source-panel{max-width:1100px;width:100%;margin:auto}[data-mode=preview] .preview-panel{max-width:1500px;width:100%;margin:auto}[data-mode=preview] .preview-viewport{max-height:none}
 .showcase-sidebar{display:flex;flex-direction:column;min-width:0;padding:.8rem;color:#eef1fb}.product-showcase{grid-template-columns:174px minmax(0,1fr);border-radius:22px;gap:.15rem;padding:7px}.showcase-brand{font-size:1.5rem;letter-spacing:-.06em;font-weight:600;padding:.4rem .5rem 1.2rem}.showcase-new{display:flex;gap:.4rem;align-items:center;padding:.65rem .5rem;background:linear-gradient(120deg,#8057b4,#533778);border-radius:7px;font-size:.63rem;font-weight:550;margin-bottom:.8rem}.showcase-nav-item{display:flex;align-items:center;gap:.5rem;font-size:.67rem;padding:.65rem .6rem;margin:.1rem 0;border-radius:7px}.showcase-nav-item svg{width:15px;height:15px}.showcase-nav-item.selected{background:#36425a}.showcase-note{position:relative;overflow:hidden;padding:1rem .7rem 4rem;border-radius:10px;background:linear-gradient(135deg,#364156,#242d45);margin-top:auto;min-height:160px}.showcase-note h3{position:relative;font-size:.76rem;margin:0 0 .6rem;line-height:1.4;z-index:1}.showcase-note p{font-size:.65rem;line-height:1.5;color:#c4cee0;position:relative;z-index:1}.ribbon{display:block;position:absolute;left:-10%;right:-10%;bottom:-45px;height:110px;border-radius:50%;background:linear-gradient(0deg,transparent,#523b8b44,#b292e899,transparent);box-shadow:0 -3px 0 #c4a0e477;transform:rotate(-16deg)}
 .product-section{padding-right:6rem}.phone-showcase{position:absolute;right:1.5rem;bottom:6rem;display:block;width:194px;border:6px solid #182234;outline:1px solid #67758b;border-radius:28px;padding:1.9rem .7rem .5rem;color:#17243d;background:#fafbff;box-shadow:0 15px 36px #0d172b59;transform:rotate(1.5deg)}.phone-sensor{position:absolute;left:30%;top:0;width:40%;height:11px;background:#182234;border-radius:0 0 10px 10px}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 .7rem;font-size:.85rem}.phone-top svg{width:14px;height:14px}.phone-showcase h3{font-size:.8rem;margin:.6rem 0;line-height:1.4}.phone-tabs{display:flex;gap:.2rem;padding:.4rem 0;font-size:.55rem}.phone-tabs span{padding:.35rem .55rem;border:1px solid #d9deed;border-radius:5px}.phone-tabs span:first-child{background:#664197;color:#fff}.phone-showcase pre{font:8px/1.75 monospace;max-height:160px;overflow:hidden;padding:.4rem}.phone-paper{padding:.6rem;background:#f2ece5;border-radius:6px}.phone-paper h4{font:1rem/1.2 Georgia,serif;margin:0 0 .5rem}.phone-paper img{display:block;border-radius:3px}.phone-nav{display:flex;justify-content:space-around;align-items:center;padding:.75rem 0 .25rem;color:#6b4795}.phone-nav svg{width:14px;height:14px}
}
@media(min-width:1200px) {
 .application-frame{display:grid;grid-template-columns:190px minmax(0,1fr);margin:1.3rem auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 10px 40px #15253f10}
 .is-workspace #main{padding:0 1.25rem}.workspace-shell{padding:1.4rem;min-width:0;background:var(--bg);border-radius:0 20px 20px 0}
 .workspace-sidebar{display:flex;flex-direction:column;padding:1.2rem .7rem;background:linear-gradient(150deg,#1c293f,#141f33);color:#f3f5ff;border-radius:19px 0 0 19px;min-height:640px}
 .sidebar-brand{display:flex;align-items:center;gap:.3rem;color:#fff;text-decoration:none;padding:.1rem .45rem 1rem;font-size:1.55rem;letter-spacing:-.07em;min-height:48px}.sidebar-brand img{width:32px}.sidebar-brand b{font-weight:750}.sidebar-new{font-size:.69rem;padding:.7rem .35rem;background:linear-gradient(120deg,#8057b4,#55377e)!important;border-color:#875fb4!important;color:#fff!important;margin-bottom:1rem}.sidebar-new svg{width:15px}
 .sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.65rem .7rem;border:0;border-radius:9px;background:transparent;color:#d4dcee;text-decoration:none;font-size:.74rem;line-height:1.4;text-align:left}.sidebar-nav a:hover,.sidebar-nav button:hover{background:#34415a;color:#fff}.sidebar-nav [aria-current=page]{background:#39465e;color:#fff}.sidebar-nav svg{width:17px;height:17px}
 .sidebar-note{position:relative;isolation:isolate;overflow:hidden;margin-top:auto;padding:1.1rem .8rem 1.2rem;border-radius:13px;background:linear-gradient(145deg,#334056,#262b46)}.sidebar-note h2{font-size:.91rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:.65rem}.sidebar-note p{font-size:.71rem;line-height:1.65;color:#d1d9ea;margin-bottom:1.2rem}.sidebar-local{display:flex;align-items:center;gap:.4rem;font-size:.58rem;color:#e9e4f9}.sidebar-local svg{width:13px;height:13px}.sidebar-orbit{position:absolute;z-index:-1;bottom:-50px;right:-40px;width:240px;height:170px;border:2px solid #ba9bd65c;box-shadow:0 -12px 34px #d6a1ef4d;border-radius:50%;transform:rotate(-25deg)}
 .mobile-work-nav{display:none}.is-workspace .desktop-nav{gap:.1rem}.header-inner{padding-left:2.1rem;padding-right:2.1rem}.hero-inner{padding:3.2rem 3rem 7rem}.hero-copy{width:61%;max-width:740px}.hero-copy h1{font-size:4.2rem}.hero-art{width:62%}.hero-aside{right:4rem}.product-section{padding-left:2.3rem;padding-right:8rem;margin-top:-3.8rem}.showcase-columns{padding:.8rem}.showcase-editor pre{font-size:12px;min-height:475px}.showcase-document-bar{min-height:66px}.phone-showcase{width:220px;right:2rem}.showcase-profile{font-size:.7rem}.showcase-action{background:var(--surface);margin-top:1.7rem}.capabilities{gap:2.5rem}
}
@media(min-width:1500px) {
 .application-frame{grid-template-columns:216px minmax(0,1fr)}.workspace-sidebar{padding:1.4rem .9rem}.sidebar-nav a,.sidebar-nav button{font-size:.8rem}.sidebar-new{font-size:.76rem}.workspace-shell{padding:1.6rem}.workspace-toolbar .mode-switch button{font-size:.85rem}.hero-art{width:60%}.hero-copy h1{font-size:4.55rem}.showcase-editor pre{font-size:13px}.product-showcase{grid-template-columns:195px minmax(0,1fr)}.capabilities{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem}.capabilities article{gap:.7rem}.capability-icon{width:40px;height:44px}.capabilities h2{font-size:.77rem}.capabilities p{font-size:.65rem}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print {.site-header,.site-footer,.workspace-sidebar,.mobile-work-nav,.workspace-toolbar,.document-bar,.source-panel,.preview-tools,.candidate-note,.mobile-jumps{display:none}.application-frame,.workbench-grid{display:block}.preview-viewport{overflow:visible;max-height:none}.preview-canvas{transform:none!important;width:100%!important}.preview-stage{height:auto!important}}

/* C2 shared brand, compact panorama and document lifecycle controls. */
.brand-lockup {display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:48px;text-decoration:none;color:var(--ink);gap:0;flex-shrink:0;max-width:100%}
.brand-lockup .brand-logo-pair {display:block;width:151px;max-width:100%;line-height:0;margin:0;padding:0}
.brand-lockup .brand-symbol {display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;padding:0}
.brand-lockup .logo-on-dark {display:none}
[data-theme=dark] .brand-lockup[data-surface=auto] .logo-on-light,.brand-lockup[data-surface=dark] .logo-on-light {display:none}
[data-theme=dark] .brand-lockup[data-surface=auto] .logo-on-dark,.brand-lockup[data-surface=dark] .logo-on-dark {display:block}
.brand-lockup .brand-tagline {display:block;font:600 .44rem/1.8 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:.1rem 0 0;padding-left:35px;color:inherit;white-space:nowrap}
.brand-lockup[data-surface=dark] {color:#eeeafa}
.site-footer .brand-lockup {align-items:flex-start;font-size:inherit}
.site-footer .brand-logo-pair {width:190px}
.site-footer .brand-tagline {padding-left:44px;letter-spacing:.12em;font-size:.52rem}
.workspace-sidebar .brand-lockup {padding:.2rem .35rem 1rem;margin-bottom:.25rem}
.workspace-sidebar .brand-lockup .brand-logo-pair {width:154px}
.workspace-heading {position:relative;isolation:isolate;overflow:hidden;border-radius:16px;padding:1.1rem;border:1px solid var(--border);background:#17243d;color:#fff;align-items:flex-start;gap:.8rem;display:flex}
.workspace-shell:has(#work-area:not([hidden])) .workspace-heading {display:flex;padding:1rem}
.workspace-heading .workspace-panorama {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:75% 56%;opacity:.5}
.workspace-heading::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142138 5%,#142138db 45%,#14213820)}
.workspace-heading-copy {max-width:650px;min-width:0}
.workspace-heading h1 {font:400 clamp(1.55rem,2.9vw,2.35rem)/1.14 Georgia,serif;letter-spacing:-.025em;margin:0 0 .35rem;color:#fff}
.workspace-heading .eyebrow {color:#e0d3f6;font-size:.61rem;letter-spacing:.1em;text-transform:none}
.workspace-lead {font-size:.82rem;line-height:1.6;color:#e4e8f1;margin:0}
.workspace-heading .candidate-note {color:#fff;border-color:#f1eaf866;background:#1b284bbf;font-size:.61rem;text-decoration:none;white-space:normal;min-height:28px;display:flex;align-items:center;max-width:100%}
.clear-button {color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));margin-left:.35rem;white-space:normal}
.workspace-toolbar {align-items:flex-start;gap:.6rem}
.quick-tools {flex-wrap:wrap;justify-content:flex-start}
.source-navigation {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-top:1px solid var(--border);padding:.4rem .8rem}
.source-navigation small {font-size:.68rem;color:var(--muted);max-width:48ch}
.editor-tools {flex-wrap:wrap;gap:.2rem}
.editor-tools [data-history] {gap:.35rem}
.editor-tools [data-history] svg {width:16px;height:16px}
.preview-reading-actions {display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem .65rem;border-top:1px solid var(--border)}
.preview-reading-actions .button,.preview-reading-actions .text-button {font-size:.76rem}
.workspace-toc {margin:0;padding:0 .9rem}
.workspace-toc>summary {font-size:.85rem}
#workspace-outline {max-height:240px;overflow:auto;padding:.25rem;display:flex;flex-direction:column;align-items:stretch;gap:.1rem}
.outline-entry {text-align:left;justify-content:flex-start;border:0;border-radius:7px;padding:.65rem .7rem;font-size:.8rem;min-height:48px;background:transparent;color:var(--ink);line-height:1.45}
.outline-entry:hover {background:var(--subtle)}.outline-entry.depth-3 {padding-left:1.6rem;font-size:.76rem}
.preview-panel[data-stale=true] .preview-viewport {outline:2px dashed var(--accent);outline-offset:-3px}
.export-description {padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--subtle);margin-top:1rem}
.export-filename {font:600 .85rem/1.6 ui-monospace,monospace;overflow-wrap:anywhere}
.method-card {padding:1.2rem;margin:1.4rem 0;border:1px solid var(--border);border-radius:14px;background:linear-gradient(120deg,var(--subtle),var(--surface))}
.method-card h3 {font:500 1.45rem/1.3 Georgia,serif;margin:0 0 .7rem}
.method-card a {display:inline-flex;align-items:center;gap:.5rem;min-height:48px;font-size:.9rem}
/* The reader is in flow: no extra fixed bar conceals mobile editing controls. */
.reader-dock {border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:15px;padding:1rem;margin:1.25rem 0;background:var(--surface);box-shadow:var(--shadow)}
.reader-top {display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.reader-top h2 {font-size:1rem;line-height:1.5;margin:0 0 1rem}
.reader-top .button {flex-shrink:0}
.reader-transport {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.reader-actions {display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.reader-actions .button {font-size:.78rem}
.reader-settings {display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:.6rem;align-content:start}
.reader-settings .field {min-width:0;font-size:.74rem}
.reader-dock progress {display:block;width:100%;height:7px;accent-color:var(--accent);margin:.6rem 0}
.reader-dock #reader-status {font-size:.83rem;margin:.7rem 0 .25rem;color:var(--muted)}
.reader-progress-row {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;font-size:.77rem;color:var(--muted)}
.reader-progress-row .check-field {min-height:48px}
.reader-passage {border-left:3px solid var(--accent);padding:.75rem 1rem;background:var(--subtle);font:1.03rem/1.85 Georgia,serif;max-height:9rem;overflow:auto;margin:.5rem 0}
.reader-passage:empty {display:none}
.reader-more {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.4rem 0}
.reader-more small {font-size:.72rem;color:var(--muted);flex:1 1 180px}
.reader-full-text {max-height:60dvh;overflow:auto}
.reader-full-text p {margin:.3rem 0}
.reader-segment {display:block;width:100%;border:1px solid transparent;padding:.8rem;background:transparent;color:var(--ink);text-align:left;font:1.03rem/1.8 Georgia,serif;border-radius:8px;min-height:48px}
.reader-segment:hover,.reader-full-text .is-current .reader-segment {background:var(--subtle);border-color:var(--accent)}
/* Three readable editorial zones, not one undifferentiated paragraph. */
.story-page {max-width:1180px}
.story-header {padding:1.8rem 0;border-bottom:1px solid var(--border);margin-bottom:1.4rem}
.story-header h1 {font:400 clamp(2rem,5vw,3.8rem)/1.13 Georgia,serif;letter-spacing:-.04em}
.story-header>p:last-child {color:var(--muted);max-width:64ch}
.story-zones {display:grid;grid-template-columns:minmax(0,1fr);gap:1.15rem;margin-bottom:2rem}
.story-zone {padding:1.4rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);min-width:0}
.story-index {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--subtle);border-radius:50%;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:1rem}
.story-zone h2 {font:500 1.55rem/1.2 Georgia,serif;margin:0 0 1rem}
.story-zone p {font-size:.98rem;line-height:1.85;color:var(--muted)}
/* Product examples and editorial ecosystem cards, never inside document output. */
.starter-section,.ecosystem-section {max-width:1370px;margin:3rem auto;padding:0 1rem}
.starter-section>h2,.ecosystem-heading h2 {font:400 clamp(1.8rem,4vw,3rem)/1.2 Georgia,serif;margin:0 0 1rem;letter-spacing:-.03em}
.starter-grid,.ecosystem-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.starter-card {border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:1.4rem;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.starter-symbol {display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--accent);background:var(--subtle)}
.starter-card h3 {font-size:1.13rem;margin:.8rem 0 .6rem}.starter-card p {font-size:.9rem;color:var(--muted);flex:1;margin-bottom:1.1rem}
.starter-article {border-top:3px solid #ff2e7a}.starter-note {border-top:3px solid #6c43a7}.starter-galerie {border-top:3px solid #d4af37}
.ecosystem-heading {max-width:720px;margin:0 0 1.5rem}.ecosystem-heading p {color:var(--muted);font-size:.92rem}
.ecosystem-card {position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:1.4rem;display:flex;flex-direction:column;align-items:flex-start}
.ecosystem-art {height:100px;position:absolute;inset:0 0 auto;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#242a46,#564075 65%,#d3b9bf)}
.ecosystem-orbit {position:absolute;left:40%;bottom:-65px;width:80%;height:180px;border:1px solid #e7d3e7;border-radius:50%;box-shadow:0 -10px 24px #dec3e733;transform:rotate(-18deg)}
.ecosystem-logo {display:flex;align-items:center;justify-content:center;height:68px;min-width:105px;max-width:220px;padding:12px 15px;border-radius:12px;box-shadow:0 3px 12px #1112;margin-top:26px;margin-bottom:1rem;background:#fff}
.ecosystem-logo.on-dark {background:#1b2240}.ecosystem-logo img {max-width:170px;max-height:44px;width:auto;height:auto;object-fit:contain}
.ecosystem-text-logo {font:750 1.25rem/1.2 system-ui,sans-serif;color:#182740}
.ecosystem-card h3 {margin:0 0 .6rem;font-size:1.1rem}.ecosystem-card p {font-size:.9rem;color:var(--muted);flex:1}.ecosystem-card>a {display:flex;align-items:center;gap:.5rem;min-height:48px;font-size:.85rem;font-weight:650}
.ecosystem-more {margin-top:1rem}.ecosystem-more summary {font-size:.92rem}
.sample-paper {background:#0f0f0f;color:#edece7}.sample-paper .sample-brand {color:#fff;border-color:#857025}.sample-paper .sample-brand span {color:#d4af37}.sample-paper h2,.sample-paper h3 {color:#fff}.sample-paper .sample-intro,.sample-paper p,.sample-paper figcaption {color:#cfceca}
.phone-paper {background:#101010;color:#eee}.phone-paper h4 {color:#eee}
@media (min-width:640px) {.brand-lockup .brand-logo-pair{width:202px}.brand-lockup .brand-tagline{padding-left:47px;font-size:.52rem}.starter-grid,.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-zones{grid-template-columns:minmax(0,1fr)}.story-zone{padding:1.8rem}.reader-settings{grid-template-columns:minmax(0,1fr) 100px}}
@media (min-width:1000px) {.starter-grid,.ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-zones{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-transport{grid-template-columns:minmax(0,1fr) 320px}.workspace-heading{padding:1.4rem}.workspace-shell:has(#work-area:not([hidden])) .workspace-heading{padding:1rem 1.2rem}.workspace-heading-copy{max-width:73%}.workspace-toolbar{align-items:center}.clear-button{margin-left:.35rem}.story-zone h2{font-size:1.7rem}}
@media (max-width:430px) {.reader-top{flex-wrap:wrap}.reader-top>div{width:100%}.reader-top>.button{margin-left:auto}.reader-settings{grid-template-columns:minmax(0,1fr) 74px}.reader-actions .button{flex:1 1 auto}.quick-tools .clear-button{margin-left:0}.workspace-heading .eyebrow{font-size:.58rem}.source-navigation .text-button{font-size:.75rem}.story-zone{padding:1.15rem}}
@media (prefers-reduced-motion:reduce) {.document-reading-follow{scroll-behavior:auto}}
@media print {.reader-dock,.workspace-toc,.preview-reading-actions,.source-navigation{display:none!important}}

/* Keep the shared lockup legible in the compact sidebar, too. */
.workspace-sidebar .brand-lockup .brand-tagline{white-space:normal;padding-left:0;font-size:.46rem;letter-spacing:.10em;max-width:100%;line-height:1.6}
@media print{.site-header,.site-footer,.reader-dock{display:none!important}}