/* STRATA's print identity continues through working controls, not just the cover. */
:root{--thumb:#ad492d;--control-stock:#f6efdd;--control-hover:#e3dcc8}
*{scrollbar-width:thin;scrollbar-color:var(--thumb) var(--paper)}
*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:var(--paper);border-left:1px solid var(--line)}*::-webkit-scrollbar-thumb{background:var(--thumb);border:3px solid var(--paper);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:var(--ink)}*::-webkit-scrollbar-corner{background:var(--paper)}
.elephant-mark{display:inline-block;width:58px;aspect-ratio:1;flex:none;background:currentColor;mask:url('/assets/elephant-square-transparent.png') center/contain no-repeat;-webkit-mask:url('/assets/elephant-square-transparent.png') center/contain no-repeat;color:var(--orange);vertical-align:middle}
.brand{display:inline-flex;align-items:center;gap:12px}.brand-elephant{width:36px}.brand:hover .brand-elephant{transform:translateY(-1px)}
.hero-seal{margin-bottom:23px}.hero-elephant{width:76px}.hero-copy>.eyebrow{font-size:.75rem}.hero-copy h2{margin-top:16px}.hero-copy .hero-buttons{margin-top:25px}
.footer-signature{display:flex;align-items:center;gap:28px}.footer-elephant{width:80px}.empty-emblem{position:relative;display:grid;place-items:center;margin-bottom:23px;padding:0 22px 13px;border-bottom:1px solid var(--line)}.empty-elephant{width:88px;opacity:.9}.empty-state{padding:42px 24px}.empty-state h3{font-size:1.3rem}.empty-state p{font-size:.9375rem;line-height:1.7}
.loading-elephant{display:block;width:62px;margin-bottom:20px;animation:ink-reveal 1.5s ease-in-out infinite alternate}.workspace-loading .loading-rule{margin-bottom:15px}.dialog-elephant{display:block;width:44px;margin:0 0 18px}.receipt-elephant{display:block;width:55px;margin:0 auto 17px}.ink-loader{display:inline-block;position:relative;width:15px;height:15px;flex:none;overflow:hidden;border:1px solid currentColor}.ink-loader:after{content:'';position:absolute;inset:0;background:currentColor;transform-origin:bottom;animation:ink-fill 1.1s ease-in-out infinite alternate}@keyframes ink-fill{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes ink-reveal{from{opacity:.3;clip-path:inset(0 75% 0 0)}to{opacity:1;clip-path:inset(0)}}
/* A real tab strip: continuous border, visible active sheet and horizontal touch scrolling. */
.layer-tabs{display:flex;isolation:isolate;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;border-top:0;border-bottom:1px solid var(--ink);padding:9px 4px 0;gap:5px;background:linear-gradient(transparent 8px,#292d2505 8px);margin-bottom:0}
.layer-tabs button{flex:1;min-width:135px;scroll-snap-align:start;padding:17px 24px 15px;text-align:left;border:1px solid var(--line);border-bottom:0;position:relative;background:#ded8c5;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);font-size:1rem;letter-spacing:-.01em}
.layer-tabs button:last-child{border-right:1px solid var(--line)}.layer-tabs button:after{content:'';position:absolute;width:17px;height:1px;background:var(--line);top:6px;right:-2px;transform:rotate(45deg)}.layer-tabs [aria-selected=true]{background:var(--paper);color:var(--orange);border-color:var(--ink);box-shadow:inset 0 4px var(--orange);font-weight:600}.layer-tabs [aria-selected=true]:after{background:var(--ink)}.layer-tabs button:hover:not([aria-selected=true]){background:#e7dfcd}.layer-tabs button:focus-visible{outline-offset:-5px}.layer-panel{border:1px solid var(--line);border-top:0;padding:30px;gap:6%;background:#f7f0df18;animation:sheet-in .22s var(--ease)}.feature-print{position:relative}.feature-print:after{content:'';position:absolute;inset:0;border:1px solid #eee7d518;pointer-events:none}
/* Index navigation */
.side-nav{gap:3px;margin-inline:-8px}.side-nav a{font-size:.9375rem;padding:13px 17px;border:1px solid transparent;position:relative}.side-nav a[aria-current]{background:var(--control-stock);border-color:var(--line);color:var(--ink);box-shadow:inset 3px 0 var(--orange)}.side-nav a[aria-current]:after{content:'';position:absolute;right:-1px;top:-1px;width:10px;height:10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.side-nav a:hover:not([aria-current]){background:#292d2505}.sidebar-label{font-size:.7rem;margin-top:35px}.sidebar-bottom a{font-size:.8125rem;border-top:1px solid var(--line);padding-top:17px}.workspace-topbar>span{font-size:.75rem}.docs-sidebar a{padding:12px 14px;font-size:.9375rem;margin-left:-14px}.docs-sidebar a[aria-current]{background:var(--control-stock);color:var(--orange);box-shadow:inset 3px 0 var(--orange);border:0}.docs-sidebar>p{font-size:.75rem}
/* Every native input keeps its keyboard behavior and uses the same printed frame. */
.field input,.field textarea,.field select,.search-field input,.filter-select,.preferences-select,.editor-meta select{background-color:var(--control-stock);border-color:#a6a58f;box-shadow:inset 0 2px 0 #292d2505;transition:border-color .16s,background .16s}.field input:hover,.field textarea:hover,.field select:hover,.filter-select:hover,.preferences-select:hover{border-color:var(--muted)}.field input:focus,.field textarea:focus,.field select:focus,.search-field input:focus{border-color:var(--orange);background:#faf3e2}.field input[readonly]{font-family:Plex,monospace;font-size:.75rem;background:#e5decb;cursor:text}.field textarea::placeholder,.field input::placeholder,.search-field input::placeholder{color:#7a7c6c}.field{font-size:.875rem}.field select,.filter-select,.preferences-select,.editor-meta select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%),linear-gradient(var(--line),var(--line));background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%,calc(100% - 32px) 50%;background-size:5px 5px,5px 5px,1px 22px;background-repeat:no-repeat}.switch{border:1px solid #989c87;background:transparent;width:39px;height:24px}.switch:before{left:3px;top:3px;width:16px;height:16px;background:var(--muted)}.switch:checked{background:var(--orange);border-color:var(--orange)}.switch:checked:before{background:var(--paper);transform:translateX(15px)}.switch-row strong{font-size:.9375rem}.switch-row p{font-size:.8125rem}.form-footer{border-top:1px solid var(--line);background:#e1dac625}.stat-label{font-size:.8125rem}.stat-note{font-size:.75rem}.session-row{transition:background .16s}.session-row:hover{box-shadow:inset 3px 0 var(--orange);background:#f6efdd66}.session-status{border:1px solid var(--line);padding:3px 8px;background:var(--control-stock)}.panel-heading h2{font-size:1.0625rem}
/* Receipts and dialogs are cut from the same stock. */
dialog{border-color:var(--ink);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#292d2503 3px,#292d2503 4px)}dialog:before{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:var(--orange)}.dialog-close{background:var(--paper);border-left:1px solid var(--line);border-bottom:1px solid var(--line);right:0;top:0;width:38px;height:38px}.dialog-close:hover{color:var(--orange)}.receipt-stamp{outline:1px solid #c6492d66;outline-offset:-5px}.invoice-time{border-bottom:1px dashed var(--line);padding-bottom:18px}.payment-quote{border-bottom-style:dashed}.code-top{font-family:Plex,monospace}.code-block{border:1px solid var(--ink);box-shadow:3px 3px 0 #292d2512}.code-block pre{font-size:.8125rem}.text-link:hover{color:var(--orange)}.button{box-shadow:2px 2px 0 #292d2518}.button:active{transform:translate(1px,1px);box-shadow:none}.button-text{box-shadow:none}.toast{border-left:4px solid var(--orange)}.lab-panel.lab-mirror{position:static;right:auto;bottom:auto}.lab-panel:not(.lab-mirror){display:none}
@media(max-width:1100px){.sidebar .brand{font-size:1.7rem;gap:8px}.sidebar .brand-elephant{width:29px}.layer-panel{padding:24px}.hero-elephant{width:60px}.hero-seal{margin-bottom:17px}}
@media(max-width:760px){.brand{gap:8px;font-size:1.45rem}.brand-elephant{width:29px}.header-actions .button{padding-inline:9px}.hero-seal{float:right;margin:2px 0 10px 16px}.hero-elephant{width:48px}.hero-copy>.eyebrow{max-width:230px;font-size:.75rem}.hero-copy h2{clear:both;padding-top:2px}.layer-tabs{padding-inline:0;gap:4px}.layer-tabs button{min-width:116px;padding:15px 18px;font-size:.9375rem}.layer-panel{padding:18px;gap:23px}.rule-explanation h3{font-size:1.8rem}.rule-spec>div{grid-template-columns:1fr;gap:4px}.rule-spec{font-size:.875rem}.footer-signature{gap:15px}.footer-elephant{width:44px}.footer-top h2{font-size:1.5rem}.footer-top{flex-wrap:wrap}.empty-elephant{width:74px}.empty-state{padding:35px 20px}.workspace-mobile .brand{font-size:1.4rem;gap:7px}.workspace-mobile .brand-elephant{width:28px}.docs-sidebar nav{gap:7px;padding-bottom:0;scroll-snap-type:x proximity}.docs-sidebar a{padding:12px 14px;margin:0;font-size:.875rem;scroll-snap-align:start;border:1px solid var(--line);border-bottom:0;background:#ded8c5}.docs-sidebar a[aria-current]{box-shadow:inset 0 3px var(--orange);border:1px solid var(--line);border-bottom:0;background:var(--control-stock)}.field select,.filter-select,.preferences-select,.editor-meta select{padding-right:30px;background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%,calc(100% - 25px) 50%;background-size:5px 5px,5px 5px,1px 19px}.dialog-elephant{width:37px}.sidebar.open .brand-elephant{width:34px}}
@media(max-width:360px){.site-header .brand{font-size:1.3rem;gap:6px}.site-header .brand-elephant{width:25px}.workspace-mobile .brand-elephant{display:none}.footer-signature{align-items:start}.footer-elephant{width:40px}.layer-panel{padding:14px}.hero-copy>.eyebrow{max-width:190px}.hero-elephant{width:42px}.layer-tabs button{min-width:108px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.loading-elephant{clip-path:none;opacity:1}.ink-loader:after{transform:none}}
html[data-motion=reduce] .loading-elephant{clip-path:none;opacity:1}html[data-motion=reduce] .ink-loader:after{transform:none}

/* Visible printed stock: sparse square ink flecks, short fibers, no soft noise wash. */
body{background-image:url('/assets/paper-grain.svg');background-size:160px 160px;background-repeat:repeat}
.sidebar,.workspace-topbar,.mobile-nav,dialog{background-color:var(--paper);background-image:url('/assets/paper-grain.svg');background-size:160px 160px}
.hero-mast h1,.footer-word{position:relative;isolation:isolate}
.hero-mast h1:after,.footer-word:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url('/assets/paper-grain.svg');background-size:80px 80px;mix-blend-mode:screen;opacity:.65}
.feature-print img{image-rendering:pixelated}
.elephant-mark{image-rendering:pixelated}
.empty-emblem{border-bottom-style:dashed}
.button-dark,.button-solid,.button-small{background-image:url('/assets/paper-grain.svg');background-size:115px 115px}

.ink-stage canvas{image-rendering:pixelated}

.hero-identities{display:grid;justify-items:start;gap:14px;margin-top:23px;max-width:100%}
.x-stamp{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--ink);min-height:39px;padding:0 15px 0 0;background-image:url('/assets/paper-grain.svg');font-family:Plex,monospace;font-size:.8125rem;transition:color .16s,border-color .16s;box-shadow:2px 2px 0 #292d2512}
.x-letter{display:grid;place-items:center;align-self:stretch;width:39px;border-right:1px solid var(--ink);font-family:PlexSans,sans-serif;font-size:1.1rem;font-weight:600}
.x-stamp:hover{color:var(--orange);border-color:var(--orange)}.x-stamp:hover .x-letter{border-color:var(--orange)}
.contract-line{display:flex;gap:12px;align-items:baseline;width:100%;border-top:1px dashed var(--line);padding-top:12px;font-family:Plex,monospace;font-size:.75rem;line-height:1.65}
.contract-line>span:first-child{flex-shrink:0;color:var(--orange)}.contract-pending{color:var(--muted)}.contract-address{font:inherit;text-align:left;overflow-wrap:anywhere;padding:0;border-bottom:1px solid var(--line);min-width:0}.contract-address:hover{color:var(--orange)}
.hero-elephant,.empty-elephant,.footer-elephant,.dialog-elephant,.receipt-elephant{mask:none;-webkit-mask:none;background:transparent url('/assets/elephant-square-transparent.png') center/contain no-repeat}
.hero-elephant{width:90px}.empty-elephant{width:100px}
@media(max-width:760px){.hero-identities{gap:12px;margin-top:23px}.hero-elephant{width:58px}.empty-elephant{width:82px}.contract-line{font-size:.75rem;gap:10px}.x-stamp{min-height:40px;font-size:.8125rem}}

/* Keep keyboard navigation visible on Tab without flashing it during mouse routing. */
.skip-link{top:12px;transform:translateY(calc(-100% - 24px));transition:none}
.skip-link:focus{top:12px}
.skip-link:focus:not(:focus-visible){transform:translateY(calc(-100% - 24px))}
.skip-link:focus-visible{transform:none}

.elephant-mark{image-rendering:auto}

.skip-link{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus-visible{width:auto;height:auto;padding:10px 20px;overflow:visible;clip-path:none;transform:none}

.review-label{display:block;font:11px/1.6 var(--mono,monospace);color:var(--muted,#747064);margin-bottom:12px}