@font-face{font-family:PattaliumSerif;src:url('/assets/cormorant-latin.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Body;src:url('/assets/body-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Body;src:url('/assets/body-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f5f3eb;--white:#fffefa;--ink:#242227;--muted:#625e68;--violet:#6036e7;--violet-dark:#4822b9;--mint:#c4f4d6;--line:#c7c3c9;--display:Bricolage,Arial,sans-serif;--body:Body,Arial,sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 var(--body);-webkit-font-smoothing:antialiased}body,button,input,select{font-synthesis:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.045em}h1,h2{font-weight:750}h2{font-size:clamp(42px,5.3vw,76px)}h3{font-weight:650}p{max-width:70ch}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-color:currentColor}button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{border:1px solid var(--ink);background:transparent;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a,button,summary{transition:color .18s,background .18s,border-color .18s}button:active:not(:disabled),.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:5px}img,svg{display:block;max-width:100%}img{height:auto}svg{flex:none}section,article{scroll-margin-top:104px}ul,ol{padding:0;margin:0}button,[role=button],input,select{min-height:48px}input,select{width:100%;min-width:0;border:1px solid #8a8490;border-radius:4px;background:var(--white);color:var(--ink);padding:12px 14px}select{padding-right:30px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700}summary{min-height:48px;padding:13px 0;font-weight:700;list-style-position:outside;margin-left:18px}details p{margin:12px 0 18px}details summary::marker{font-size:12px}details[open]>summary{margin-bottom:8px}strong{font-weight:700}::selection{color:var(--white);background:var(--violet)}[hidden]{display:none!important}.js-only{display:none}.js .js-only{display:revert}.shell{width:min(1320px,calc(100% - 80px));margin-inline:auto}.section{padding:100px 0}.eyebrow{font:700 13px/1.45 var(--body);letter-spacing:.015em}.eyebrow>span{display:inline-block;margin-right:14px;font-variant-numeric:tabular-nums;color:var(--violet)}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:24px;margin-bottom:40px}.section-heading>.eyebrow{grid-column:1/-1}.section-intro{max-width:44ch;align-self:end;color:var(--muted);font-size:19px;line-height:1.55}.text-link{display:inline-flex;gap:14px;align-items:center;min-height:48px;font-weight:700;text-decoration:underline}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:14px 22px;border:1px solid var(--ink);border-radius:4px;text-decoration:none;font-weight:700;font-size:16px;line-height:1.4}.button>span{font-size:24px;line-height:1}.primary{background:var(--violet);border-color:var(--violet);color:white}.primary:hover{background:var(--violet-dark);border-color:var(--violet-dark)}.skip{position:fixed;left:20px;top:-90px;z-index:1000;background:var(--ink);color:white;padding:15px}.skip:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--violet);z-index:101;transform:scaleX(0);transform-origin:left}.legacy-anchor{position:absolute;scroll-margin-top:110px}.site-header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:32px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:700 21px/1 var(--display);letter-spacing:-.04em;flex-shrink:0}.brand svg{width:42px;height:42px;color:var(--violet)}.brand-product{display:block;margin-top:3px;font-weight:500;font-size:17px;letter-spacing:-.02em}#navigation{display:flex;gap:30px;margin-left:auto;align-items:center}#navigation a{display:inline-flex;align-items:center;min-height:48px;font-size:15px;font-weight:700;text-decoration:none}#navigation a:hover{color:var(--violet)}.motion-toggle{padding:10px 14px;border-color:#9f98a4;border-radius:4px;font-size:13px;line-height:1.2}.motion-toggle:hover:not(:disabled){background:var(--white)}.motion-toggle:disabled{opacity:1;color:var(--muted);border-color:var(--line)}.menu-button{display:none}
/* The main image is an independent, CSS-sized layer. Its canvas cannot size it. */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;position:relative}.hero-content{padding:68px 40px 42px max(40px,calc((100vw - 1320px)/2));min-width:0;align-self:center}.hero-content>.eyebrow{margin-bottom:30px;color:var(--muted)}h1{font-size:clamp(64px,7.65vw,112px);line-height:.99;letter-spacing:-.065em;font-stretch:90%;margin-left:-4px}h1 span{color:var(--violet)}.hero-lead{font-size:23px;line-height:1.35;max-width:29ch;margin-top:30px}.hero-copy{color:var(--muted);font-size:17px;max-width:42ch;margin-top:16px}.hero .actions{margin-top:28px;gap:12px 24px}.hero .text-link{font-size:16px}.hero-index{display:flex;gap:0;margin-top:42px;max-width:520px;border-top:1px solid var(--line);padding-top:20px}.hero-index a{flex:1;text-decoration:none;display:flex;flex-direction:column;gap:4px}.hero-index a:hover strong{color:var(--violet)}.hero-index strong{font:650 30px/1 var(--display);letter-spacing:-.04em}.hero-index span{font-size:12px;color:var(--muted)}.hero-visual{position:relative;overflow:hidden;min-width:0;min-height:100%;background:#6538f4;isolation:isolate}.hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01)}#boundary-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}.art-caption{position:absolute;left:32px;bottom:30px;font:600 13px/1 var(--display);letter-spacing:.1em;color:white}.art-number{position:absolute;right:32px;top:24px;color:white;font:300 64px/1 var(--display)}.scope-note{background:var(--ink);color:var(--paper)}.scope-note .shell{display:flex;align-items:center;gap:24px;padding-block:24px}.scope-symbol svg{width:34px;height:34px;color:var(--mint)}.scope-note p{max-width:86ch;font-size:14px;line-height:1.55;color:#d3ced9}.scope-note strong{color:var(--white)}.scope-note a{flex:none;margin-left:auto;font-size:14px;min-height:44px;display:flex;gap:18px;align-items:center}.briefing{padding:54px 0 72px}.briefing-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.briefing-title>.text-link{font-size:14px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.highlight{position:relative;padding:24px 0 0;border-top:2px solid var(--ink);display:flex;flex-direction:column;text-decoration:none}.highlight:hover{border-color:var(--violet)}.highlight:hover h2{color:var(--violet)}.highlight-number{position:absolute;right:0;top:22px;font:500 14px var(--display);color:var(--muted)}.highlight-label{font-size:13px;font-weight:700;padding-right:32px}.highlight h2{font-size:31px;line-height:1.08;margin-top:20px;max-width:17ch;transition:color .18s}.highlight p{font-size:16px;line-height:1.5;color:var(--muted);margin:16px 0 18px;max-width:35ch}.highlight-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;min-height:44px}.highlight-link>span{font-size:24px}
/* A clearly separated interactive exercise, with conventional form controls. */
.exercise-section{background:var(--violet);color:var(--white)}.exercise-section .eyebrow>span{color:var(--mint)}.exercise-section .section-intro{color:#eee7ff}.simulation-note{font-size:14px;color:#eee7ff;margin-bottom:22px;max-width:none}.notice{padding:24px;background:var(--white);color:var(--ink)}.js .exercise{display:block;background:var(--white);color:var(--ink);border-radius:6px;overflow:hidden}.exercise-setup{display:grid;grid-template-columns:1.4fr 1fr auto;gap:20px;padding:30px;border-bottom:1px solid var(--line);align-items:end}.exercise-setup .button{min-height:50px}.exercise-topline{display:flex;justify-content:space-between;gap:20px;background:#eeeaf6;padding:15px 30px;font-size:13px}.sim-label{font-weight:700;color:var(--violet-dark)}.exercise-body{display:grid;grid-template-columns:210px 1fr}.stage-rail{border-right:1px solid var(--line);padding:24px 16px;background:#f7f5fa}.stage-rail ol{list-style:none}.stage-rail li{display:flex;gap:13px;align-items:center;min-height:49px;padding:10px 14px;font-size:14px;color:var(--muted);border-radius:3px}.stage-number{font-size:12px;font-variant-numeric:tabular-nums}.stage-rail li.active{background:var(--violet);color:white;font-weight:700}.stage-rail li.complete:not(.active){color:#1b6640}.stage-rail li.complete .stage-indicator:after{content:'✓';font-size:13px}.stage-indicator{margin-left:auto}.rail-foot{padding:24px 14px 0;font-size:12px;color:var(--muted);line-height:1.4}.exercise-panel{padding:30px 36px;min-width:0}.step-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.step-state{font-size:11px;font-weight:700;letter-spacing:.02em;text-align:right}.step-state[data-held=true]{color:#a23b21}#step-content{min-height:265px}#step-content h3{font-size:clamp(30px,3vw,45px);max-width:25ch;margin-bottom:20px}#step-content>p{font-size:17px;color:var(--muted);max-width:66ch}.ready-art{float:right;margin:8px 0 16px 32px}.ready-art svg{width:130px;height:130px;color:var(--violet)}.step-assignment{margin-top:25px;padding:14px 0;border-block:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}.step-evidence{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:22px}.step-evidence h4{font-size:14px;margin-bottom:6px}.step-evidence p{font-size:15px;color:var(--muted)}.decision{margin-top:24px;padding:24px;background:#fcf0d6;border-left:3px solid #a86300}.decision h4{font-size:20px;line-height:1.3}.decision p{font-size:16px;margin-top:10px}.decision .actions{gap:12px;margin-top:20px}.decision button{font-size:14px;border-radius:4px;padding:12px 16px;background:var(--white);font-weight:700}.decision button:first-child{background:var(--ink);color:white}.exercise-status{font-size:13px;color:var(--muted);margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.playback{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.playback button{font-size:14px;border-radius:4px;padding:10px 16px}.playback button:not(:disabled):hover{background:#eeeaf6}.playback #next-step{background:var(--ink);color:white}.playback .reset{margin-left:auto;border-color:transparent;text-decoration:underline;text-underline-offset:4px}.exercise-log{border-top:1px solid var(--line);padding:0 30px;font-size:14px}.exercise-log summary{padding-block:17px}.exercise-log ol{padding:0 20px 22px;color:var(--muted);line-height:1.7}
/* Evidence is a readable editorial list, not a wall of dashboard cards. */
.archive-section{background:var(--paper)}.archive-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-block:20px;border-block:1px solid var(--line);font-size:14px}.archive-meta a{margin-left:auto}.archive-meta strong{font:700 24px var(--display);margin-right:6px}.archive-caveat{font-size:14px;color:var(--muted);max-width:98ch;margin:18px 0 36px}.js .archive-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:18px}.archive-results{align-items:center;justify-content:space-between;margin-top:16px;margin-bottom:12px;gap:20px;font-size:13px;color:var(--muted)}.js .archive-results{display:flex}.archive-results button{border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:8px}.records{border-top:1px solid var(--ink)}.record{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:36px 0;border-bottom:1px solid var(--line)}.record-top{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font-size:12px;line-height:1.5}.record-kind{font-weight:700;color:var(--violet-dark);text-transform:none}.kind-incident{color:#a02f24}.record time{color:var(--muted)}.record-system{font-size:14px;font-weight:700;margin-top:24px;color:var(--muted)}.record h3{font-size:clamp(27px,2.6vw,36px);line-height:1.12;margin-top:12px;max-width:26ch}.record-permalink{text-decoration:none}.record-permalink:hover{color:var(--violet)}.record-body>p{font-size:16px}.record-limit{margin-top:16px;font-size:14px!important;color:var(--muted)}.defense-notes{margin-top:22px;border-top:1px solid var(--line)}.defense-notes summary{margin-left:0;list-style:none;display:flex;gap:20px;justify-content:space-between;font-size:14px;color:var(--violet-dark);padding:14px 0}.defense-notes summary::-webkit-details-marker{display:none}.defense-notes summary span{font-size:20px;transition:transform .2s}.defense-notes[open] summary span{transform:rotate(45deg)}.defense-content{border-left:2px solid var(--violet);padding:8px 0 8px 20px;font-size:15px}.defense-content h4{font:650 22px/1.3 var(--display);margin:14px 0}.defense-content h5{font:700 14px var(--body);margin:22px 0 8px}.defense-content .eyebrow{font-size:12px;color:var(--muted)}.defense-content .event-date{font-size:12px;color:var(--muted)}.defense-content .text-link{font-size:14px}.source-links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}.source-links a{display:inline-flex;gap:8px;align-items:center;min-height:44px;max-width:100%;font-size:12px;text-underline-offset:3px;overflow-wrap:anywhere}.more-button{margin-top:32px;min-width:250px}.more-button:hover{color:white;background:var(--ink)}.no-results{padding:36px 0}
/* Fleet: large identifying marks and readable roles; no fake live telemetry. */
.fleet-section{background:var(--ink);color:var(--white)}.fleet-section .section-intro{color:#d1ccd7}.fleet-section .eyebrow>span{color:var(--mint)}.agents{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:64px}.agent{border-top:1px solid #6c6575;padding-top:16px;min-width:0}.agent-emblem{position:relative;height:190px;display:flex;align-items:center;justify-content:center;isolation:isolate;color:var(--mint);overflow:hidden}.agent-emblem svg{width:80px;height:80px;position:relative;z-index:1}.agent-emblem span{position:absolute;display:block;width:140px;height:140px;border:1px solid #98919e;border-radius:50%}.agent-emblem span+span{width:180px;height:80px;transform:rotate(-40deg)}.emblem-1{color:#b49cff}.emblem-1 span{border-radius:0;transform:rotate(45deg);width:108px;height:108px}.emblem-1 span+span{width:140px;height:140px;transform:rotate(20deg)}.emblem-2{color:#f9bea5}.emblem-2 span{height:80px;transform:rotate(35deg)}.emblem-2 span+span{height:140px;width:90px;transform:rotate(35deg)}.emblem-3{color:#efeeaa}.emblem-3 span{border-style:dashed}.emblem-3 span+span{width:175px;height:175px;transform:rotate(30deg)}.motion-running .agent-emblem.in-view svg{animation:emblem-turn 32s linear infinite}.motion-running .agent-emblem.in-view span+span{animation:emblem-drift 12s ease-in-out infinite alternate}.motion-paused .agent-emblem *{animation-play-state:paused!important}.agent-code{font-size:12px;font-weight:700;color:#c6bed0;margin:16px 0 14px}.agent h3{font-size:38px;margin-bottom:12px}.agent h4{font-size:15px;font-weight:700;line-height:1.4;color:var(--mint)}.agent>p:last-child{color:#d1ccd7;font-size:15px;margin-top:13px}.fleet-detail{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:44px;margin-top:52px;border-top:1px solid #6c6575}.fleet-detail h3{font-size:27px;letter-spacing:-.03em;line-height:1.15;max-width:28ch}.fleet-detail p{color:#d1ccd7;font-size:16px;margin-top:18px}.fleet-detail .text-link{margin-top:18px;color:var(--mint);font-size:15px}.fleet-qualification{font-size:13px;color:#d1ccd7;margin-top:38px;max-width:105ch}.fleet-qualification strong{color:var(--white)}
.protocol-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.protocol-layout .section-heading{display:block;position:sticky;top:128px}.protocol-layout h2{margin:24px 0}.protocol-layout .section-intro{font-size:18px;max-width:36ch}.protocol{list-style:none}.protocol>li{display:grid;grid-template-columns:42px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.protocol>li:first-child{padding-top:0;border:0}.protocol-index{font:500 28px/1 var(--display);color:var(--violet);letter-spacing:-.03em}.protocol .eyebrow{font-size:11px;color:var(--muted);margin-bottom:8px}.protocol h3{font-size:29px;line-height:1.15}.protocol p:not(.eyebrow){font-size:16px;margin-top:14px;color:var(--muted)}.protocol details{font-size:13px;margin-top:10px}.protocol details p{font-size:14px!important}.protocol summary{font-size:13px;line-height:1.5}.stress-tests{margin-top:36px;border-block:1px solid var(--ink);padding:8px 0}.stress-tests>summary{font:600 24px/1.4 var(--display);letter-spacing:-.025em}.stress-tests>div{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding:0 20px 12px;font-size:16px}.method-section{background:#e9e5ef;padding:64px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.method-section h2{font-size:48px;margin:20px 0}.method-section p{font-size:16px;color:var(--muted);max-width:47ch}.method-section .text-link{font-size:14px;margin-top:16px}.method-copy>details{border-bottom:1px solid #a9a2b1;padding-block:4px}.method-copy summary{font-size:16px}.method-copy p{font-size:14px;max-width:none}.evidence-key{font-size:14px;margin:24px 0}.evidence-key dt{font-weight:700;margin-top:16px}.evidence-key dd{margin:3px 0 0;color:var(--muted)}.full-sources ul{padding:0 0 24px 22px;list-style:disc}.full-sources li{padding:8px 0;font-size:14px;overflow-wrap:anywhere}.full-sources a{line-height:1.6}.contact{background:var(--mint)}.contact-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:end}.contact h2{font-size:clamp(42px,5vw,68px);margin-top:24px}.contact p:not(.eyebrow){font-size:18px;max-width:40ch;margin-bottom:24px}.contact .button{background:var(--ink);border-color:var(--ink);color:var(--white);font-size:18px;gap:56px}.contact .button:hover{background:var(--violet);border-color:var(--violet)}footer.shell{padding-block:40px;display:flex;align-items:center;gap:40px}footer>p{font-size:13px;color:var(--muted);margin-left:auto}footer>div{display:flex;gap:24px;align-items:center}footer>div>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:6px}
@keyframes emblem-turn{to{transform:rotate(360deg)}}@keyframes emblem-drift{to{transform:rotate(70deg)}}
@media(min-width:1800px){.hero-content{padding-left:80px;max-width:860px;justify-self:end}.hero-visual{max-height:880px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.header-inner{gap:20px}#navigation{gap:20px}.hero{min-height:620px}.hero-content{padding:50px 28px}.hero-lead{font-size:21px}.hero .actions{gap:10px}.hero .button{padding:14px 18px;font-size:15px;gap:16px}.hero .text-link{font-size:14px}.hero-index{margin-top:28px}.hero-index span{font-size:11px}.hero-index strong{font-size:26px}.section-heading,.record,.fleet-detail,.method-grid,.protocol-layout,.contact-inner{column-gap:40px}.exercise-setup{grid-template-columns:1fr 1fr;padding:24px}.exercise-setup .button{grid-column:1/-1;justify-self:start}.agents{gap:24px}.agent h3{font-size:29px}.exercise-body{grid-template-columns:170px 1fr}.exercise-panel{padding:26px}.stage-rail{padding:20px 8px}.stage-rail li{gap:9px;padding:9px 10px}.highlight h2{font-size:28px}.highlights{gap:24px}.archive-controls{gap:12px!important}.section{padding:76px 0}.briefing{padding:40px 0 60px}.record{gap:40px}.scope-note .shell{gap:18px}.scope-note a{font-size:12px}.scope-note p{font-size:13px}.method-section{padding:56px 0}}
@media(max-width:760px){
  :root{scroll-padding-top:96px}body{font-size:17px}.shell{width:calc(100% - 40px)}.section{padding:64px 0}h2{font-size:48px}.header-inner{min-height:76px;gap:12px;flex-wrap:wrap}.brand{font-size:18px;gap:8px}.brand svg{width:32px;height:32px}.brand-product{font-size:14px;margin-top:4px}.js .menu-button{display:flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;padding:8px;border:0;font-size:14px}.motion-toggle{font-size:12px;padding:8px;min-width:90px;max-width:106px}.js #navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 20px 22px;box-shadow:0 12px 18px #24222712}.js #navigation.open{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}#navigation{width:100%;order:5;gap:12px;flex-wrap:wrap;justify-content:space-between;padding-bottom:12px}#navigation a{font-size:14px}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:44px 20px 32px;align-self:initial}.hero-content>.eyebrow{margin-bottom:24px;font-size:12px}h1{font-size:clamp(56px,14.7vw,106px);line-height:.98;letter-spacing:-.06em;margin-left:-2px}.hero-lead{font-size:22px;max-width:29ch;margin-top:24px}.hero-copy{font-size:16px;max-width:42ch;margin-top:14px}.hero .actions{margin-top:24px;gap:8px 18px}.hero .button{font-size:15px;min-height:52px;padding:13px 16px}.hero .text-link{font-size:14px}.hero-index{margin-top:28px;padding-top:18px;max-width:none}.hero-index strong{font-size:26px}.hero-index span{font-size:11px}.hero-visual{min-height:0;height:clamp(240px,75vw,460px)}.hero-visual img{object-fit:cover;object-position:center 47%}.art-caption{font-size:11px;left:20px;bottom:20px}.art-number{font-size:42px;top:16px;right:20px}.scope-note .shell{padding-block:22px;gap:14px;flex-wrap:wrap}.scope-symbol{align-self:flex-start}.scope-symbol svg{width:26px;height:26px}.scope-note p{max-width:none;flex:1;font-size:13px}.scope-note a{font-size:13px;margin-left:40px}.briefing{padding:32px 0 48px}.briefing-title{margin-bottom:4px}.briefing-title>.eyebrow{font-size:12px}.briefing-title>.text-link{font-size:12px;gap:8px}.highlights{display:block}.highlight{display:grid;grid-template-columns:1fr 38px;gap:10px;padding:24px 0 16px;border-top:1px solid var(--line)}.highlight-label{grid-column:1;font-size:12px}.highlight-number{position:static;grid-column:2;grid-row:1;text-align:right;font-size:12px}.highlight h2{font-size:30px;max-width:24ch;margin:0;grid-column:1/-1}.highlight p{font-size:15px;max-width:42ch;margin:0;grid-column:1/-1}.highlight-link{grid-column:1/-1;font-size:13px;min-height:42px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{margin-top:20px}.section-intro{margin-top:22px;font-size:17px;max-width:48ch}.simulation-note{font-size:12px;line-height:1.6;margin-bottom:20px}.exercise-setup{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px 18px}.exercise-setup label{font-size:13px}.exercise-setup .button{width:100%;margin-top:2px}.exercise-topline{padding:14px 18px;font-size:12px;gap:10px}.exercise-topline #exercise-context{max-width:30ch}.sim-label{flex:none}.exercise-body{display:flex;flex-direction:column}.stage-rail{border-right:0;border-bottom:1px solid var(--line);padding:14px 12px}.stage-rail ol{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stage-rail li{flex-direction:column;gap:3px;font-size:10px;min-height:53px;padding:8px 2px}.stage-number{font-size:11px}.stage-indicator{display:none}.rail-foot{display:none}.exercise-panel{padding:24px 18px}.step-head{align-items:start;gap:12px;margin-bottom:24px}.step-head .eyebrow{font-size:11px}.step-state{font-size:10px;max-width:18ch}#step-content{min-height:0}#step-content h3{font-size:33px;margin-bottom:16px}#step-content>p{font-size:16px}.ready-art{float:none;margin:0 0 26px}.ready-art svg{width:72px;height:72px}.step-evidence{grid-template-columns:1fr;gap:20px}.step-assignment{font-size:10px;overflow-wrap:anywhere}.step-evidence p{font-size:14px}.step-evidence h4{font-size:13px}.exercise-status{margin-top:24px;font-size:12px}.playback{display:grid;grid-template-columns:1fr 1fr;gap:10px}.playback button{font-size:13px;padding:10px}.playback .reset{margin:0}.decision{padding:18px 14px;margin-top:24px}.decision h4{font-size:18px}.decision p{font-size:14px}.decision .actions{display:grid;grid-template-columns:1fr}.decision button{font-size:13px;min-height:50px}.exercise-log{padding:0 18px;font-size:12px}.archive-meta{gap:12px 20px;font-size:12px}.archive-meta strong{font-size:22px}.archive-meta a{margin-left:0;min-height:32px;display:inline-flex;align-items:center}.archive-caveat{font-size:13px;margin:20px 0 26px}.js .archive-controls{grid-template-columns:1fr 1fr;gap:16px!important}.archive-controls .search-label{grid-column:1/-1}.archive-controls label{font-size:12px}.archive-controls label:last-child{grid-column:1/-1}input,select{font-size:16px;padding:12px;min-height:48px}.archive-results{font-size:12px;margin-top:12px}.archive-results button{font-size:12px}.record{display:block;padding:28px 0}.record-top{font-size:11px;gap:10px 16px}.record-system{font-size:13px;margin-top:18px}.record h3{font-size:30px;line-height:1.1;max-width:24ch;margin-top:10px}.record-body{margin-top:20px}.record-body>p{font-size:16px}.record-limit{font-size:13px!important;line-height:1.55;margin-top:14px}.defense-notes summary{font-size:13px;gap:12px}.defense-content{padding-left:16px;font-size:14px}.defense-content h4{font-size:20px;overflow-wrap:anywhere}.defense-content .text-link{font-size:13px}.source-links{gap:0 16px}.source-links a{font-size:12px}.more-button{width:100%;min-width:0;font-size:15px}.agents{grid-template-columns:1fr 1fr;gap:34px 22px;margin-top:40px}.agent-emblem{height:140px}.agent-emblem svg{width:62px;height:62px}.agent-emblem span{width:100px;height:100px}.agent-emblem span+span{width:128px;height:64px}.emblem-1 span{width:80px;height:80px}.emblem-1 span+span{width:100px;height:100px}.emblem-2 span{height:62px}.emblem-2 span+span{width:70px;height:110px}.emblem-3 span+span{width:128px;height:128px}.agent-code{font-size:10px;line-height:1.5;min-height:30px;margin:12px 0}.agent h3{font-size:29px;letter-spacing:-.045em}.agent h4{font-size:13px}.agent>p:last-child{font-size:14px}.fleet-detail{grid-template-columns:1fr;gap:30px;margin-top:38px;padding-top:30px}.fleet-detail h3{font-size:26px}.fleet-detail p{font-size:15px;margin-top:14px}.fleet-qualification{font-size:12px;line-height:1.65;margin-top:28px}.protocol-layout{display:block}.protocol-layout .section-heading{position:static}.protocol-layout .section-intro{font-size:17px;max-width:44ch}.protocol{margin-top:40px}.protocol>li{grid-template-columns:32px 1fr;gap:16px;padding:24px 0}.protocol-index{font-size:25px}.protocol h3{font-size:28px}.protocol p:not(.eyebrow){font-size:15px}.protocol .eyebrow{font-size:10px;line-height:1.5}.stress-tests{margin-top:24px}.stress-tests>summary{font-size:22px}.stress-tests>div{grid-template-columns:1fr;padding-inline:0;font-size:15px}.method-section{padding:48px 0}.method-grid{grid-template-columns:1fr;gap:28px}.method-section h2{font-size:42px;margin:16px 0}.method-section p{font-size:15px}.method-copy summary{font-size:15px}.method-copy p{font-size:14px}.contact-inner{grid-template-columns:1fr;gap:24px}.contact h2{font-size:47px}.contact p:not(.eyebrow){font-size:17px}.contact .button{font-size:17px;min-height:56px}footer.shell{display:grid;grid-template-columns:1fr auto;gap:24px;padding-block:30px}footer>p{font-size:11px}footer>div{grid-column:1/-1;gap:24px;justify-content:space-between}footer>div>a{font-size:13px}
}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.header-inner{gap:8px}.brand{font-size:16px;gap:7px}.brand-product{font-size:12px}.brand svg{width:28px;height:28px}.js .menu-button{font-size:12px;gap:8px;padding:4px}.motion-toggle{min-width:80px;max-width:84px;font-size:11px;padding:6px}.hero-content{padding:36px 16px 28px}h1{font-size:53px}.hero-lead{font-size:20px}.hero .actions{gap:6px 14px}.hero .button{padding:12px;font-size:14px;gap:12px}.hero .text-link{font-size:13px}.hero-index span{font-size:10px}.section-heading h2{font-size:42px}.agents{gap:28px 18px}.agent h3{font-size:25px}.agent-code{font-size:9px}.agent>p:last-child{font-size:13px}.exercise-topline{padding-inline:14px;font-size:11px}.exercise-panel{padding-inline:14px}.stage-rail{padding-inline:8px}.record h3{font-size:28px}.contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
.motion-paused{scroll-behavior:auto}
/* Final optical spacing for Bricolage: preserve word gaps at large display sizes. */
h1{letter-spacing:-.035em;font-stretch:normal}h2{letter-spacing:-.03em}h3{letter-spacing:-.02em}
.hero-visual picture{position:absolute;inset:0}
.hero-visual img{animation:art-float 18s ease-in-out infinite alternate;animation-play-state:paused}
.motion-running .hero-visual.in-view img{animation-play-state:running}
@keyframes art-float{from{transform:scale(1.025) translateY(-3px) rotate(-.4deg)}to{transform:scale(1.045) translateY(3px) rotate(.4deg)}}
@media(max-width:480px){
  .agents{grid-template-columns:1fr;gap:32px}
  .agent{display:grid;grid-template-columns:1fr 102px;column-gap:18px;align-items:start}
  .agent-emblem{grid-column:2;grid-row:1/4;height:120px;margin-top:0}
  .agent-code{grid-column:1;font-size:11px;min-height:0;margin:12px 0}
  .agent h3{grid-column:1;font-size:34px;margin:0 0 12px}
  .agent h4{grid-column:1;font-size:14px}
  .agent>p:last-child{grid-column:1/-1;font-size:16px;margin-top:20px;max-width:40ch}
}
/* User-supplied Pattalium identity, 13 September 2026.
   Colors sampled from the supplied brand board. Artwork remains unaltered.
   Layout and interaction contracts above remain shared with the tested v3. */
:root{
  --pearl:#dddce5;--lavender:#cdbcf0;--silver-violet:#938cad;
  --amethyst:#3c3048;--shadow:#19111d;--void:#000000;
  --paper:#08070a;--white:#141117;--ink:#eeeaf3;--muted:#bcb4c8;
  --violet:var(--lavender);--violet-dark:#e1d4fa;--mint:var(--pearl);
  --line:#49414f;--display:PattaliumSerif,Georgia,serif;
  color-scheme:dark;
}
body{background:var(--void)}
h1,h2{font-weight:500;letter-spacing:-.025em;line-height:1.02}
h3{font-weight:600;letter-spacing:-.01em;line-height:1.15}
.eyebrow{font-weight:400;letter-spacing:.035em;color:var(--muted)}
.eyebrow>span{color:var(--silver-violet)}
::selection{color:var(--void);background:var(--lavender)}
input,select{border-color:#7b7088;background:#141117;color:var(--ink)}
input::placeholder{color:var(--muted);opacity:1}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:var(--lavender)}
.button{border-color:#998da9;border-radius:3px;font-weight:700}
.primary{background:var(--lavender);border-color:var(--lavender);color:var(--shadow)}
.primary:hover{background:var(--pearl);border-color:var(--pearl);color:var(--shadow)}
.skip,.skip:focus{background:var(--pearl);color:var(--void)}
.site-header{background:var(--void);border-bottom-color:#28222e}
.header-inner{min-height:104px;gap:32px}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;letter-spacing:0;color:var(--pearl);position:relative}
.brand-lockup{display:block;width:224px;aspect-ratio:2.95;position:relative;overflow:hidden;background:var(--void)}
/* Clip only the black padding using CSS; preserve the exact supplied wordmark. */
.brand-lockup img{position:absolute;width:111.3%;max-width:none;height:auto;left:-7%;top:-46%}
.brand-product{font:400 11px/1.3 var(--body);text-transform:uppercase;letter-spacing:.18em;margin:-6px 0 10px 73px}
#navigation a{font-weight:400;color:var(--pearl)}
#navigation a:hover{color:var(--lavender)}
.motion-toggle{border-color:#766780;color:var(--pearl);font-size:12px;min-width:103px}
.motion-toggle:hover:not(:disabled){background:var(--shadow)}
.motion-toggle:disabled{border-color:#4f435b;color:var(--muted)}
.hero{background:var(--void);grid-template-columns:1fr 1.08fr;min-height:660px}
.hero-content{padding-block:52px 42px;padding-right:16px}
.hero-content>.eyebrow{color:var(--silver-violet);font-size:13px;max-width:36ch}
h1{font-size:clamp(65px,7.6vw,110px);font-stretch:normal;letter-spacing:-.025em;line-height:.98}
h1 span{color:var(--lavender)}
.hero-lead{font-size:21px;line-height:1.45;max-width:30ch;margin-top:28px}
.hero-copy{font-size:16px;line-height:1.65;color:var(--muted);max-width:43ch}
.hero .actions{gap:14px 26px}
.hero-index{border-color:#37303d;margin-top:34px;max-width:480px}
.hero-index strong{font:500 33px/1 var(--display);color:var(--pearl)}
.hero-index span{color:var(--muted)}
.hero-visual{background:var(--void);min-height:100%}
.hero-visual img{object-fit:contain;object-position:center;transform:none;animation:pearl-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.motion-running .hero-visual.in-view img{animation-play-state:running}
#boundary-field{opacity:.32}
.scope-note{background:#151019;color:var(--ink);border-block:1px solid #342a40}
.scope-note p{color:var(--muted)}
.scope-note strong{color:var(--ink)}
.scope-symbol{display:none}
.scope-note a{color:var(--lavender)}
.briefing{background:var(--void)}
.highlight{border-top-color:#766780}
.highlight-label{color:var(--muted)}
.highlight h2{font-size:35px;line-height:1.05}
.highlight-number{color:var(--silver-violet)}
.highlight-link{color:var(--lavender)}
.exercise-section{background:var(--shadow);color:var(--ink);border-block:1px solid #403148}
.exercise-section .section-intro,.simulation-note{color:#c9bfd5}
.exercise-section .eyebrow>span{color:var(--lavender)}
.exercise{border:1px solid #66556f;border-radius:4px!important}
.js .exercise,.notice{background:#0e0b11;color:var(--ink)}
.exercise-topline{background:#231b2c;border-color:var(--line);color:var(--pearl)}
.sim-label{color:var(--lavender)}
.stage-rail{background:#17121d}
.stage-rail li.active{background:var(--lavender);color:var(--shadow)}
.stage-rail li.complete:not(.active){color:var(--pearl)}
.step-state[data-held=true]{color:#efd7b4}
.ready-art{background:var(--void)}
.ready-art img{width:144px;height:144px;object-fit:contain}
#step-content h3{font-size:46px;font-weight:500}
.step-assignment{color:var(--muted)}
.step-evidence h4{color:var(--pearl)}
.decision{background:#302334;border-left-color:#d7bad5}
.decision h4{color:#f3e7f0}
.decision button{background:#1a121e;color:var(--pearl);border-color:#a895b5}
.decision button:first-child{background:var(--pearl);color:var(--shadow)}
.playback button:not(:disabled):hover{background:var(--amethyst);color:var(--ink)}
.playback #next-step{background:var(--pearl);color:var(--shadow)}
.archive-section{background:var(--paper)}
.record-kind,.kind-incident{color:var(--lavender)}
.record h3{font-family:var(--body);font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.22}
.records{border-top-color:#a498b0}
.record-system{color:var(--muted)}
.defense-content h4{font-family:var(--body);font-size:19px;font-weight:700}
.more-button:hover{background:var(--pearl);color:var(--shadow);border-color:var(--pearl)}
.fleet-section{background:var(--void);color:var(--ink)}
.fleet-front{display:grid;grid-template-columns:.8fr 1fr;gap:64px;align-items:center}
.fleet-guardian{width:100%;max-width:490px;height:auto}
.fleet-front .section-heading{display:block;margin:0}
.fleet-front h2{font-size:clamp(43px,4.7vw,66px);margin:24px 0}
.fleet-front .section-intro{font-size:18px;max-width:44ch}
.fleet-section .section-intro,.agent>p:last-child,.fleet-detail p,.fleet-qualification{color:var(--muted)}
.agents{margin-top:56px}
.agent{border-color:#5a4b64;display:block}
.agent-number{font:400 52px/1 var(--display);color:var(--silver-violet);margin:4px 0 24px}
.agent-code{color:var(--lavender);font-weight:400;font-size:12px;min-height:0}
.agent h3{font-size:43px;font-weight:500}
.agent h4{color:var(--pearl)}
.agent>p:last-child{font-size:16px}
.fleet-detail h3{font:600 30px/1.15 var(--display);letter-spacing:0}
.fleet-detail .text-link{color:var(--lavender)}
.fleet-qualification strong{color:var(--pearl)}
.protocol-section{background:var(--paper)}
.protocol h3{font-size:33px;font-weight:600}
.protocol .eyebrow{color:var(--muted)}
.protocol-index{color:var(--lavender)}
.stress-tests{border-color:#8b7a9c}
.stress-tests>summary{font-size:30px;font-weight:500;letter-spacing:0}
.method-section{background:#1c1522;border-block:1px solid #3c3048}
.method-section h2{font-size:56px}
.method-copy>details{border-color:#796386}
.contact{background:var(--void);border-bottom:1px solid #3c3048}
.contact h2{color:var(--pearl);font-size:clamp(46px,5vw,72px)}
.contact .button{background:var(--lavender);border-color:var(--lavender);color:var(--shadow)}
.contact .button:hover{background:var(--pearl);border-color:var(--pearl);color:var(--shadow)}
footer.shell{background:var(--void)}
@keyframes pearl-drift{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
@media(min-width:761px) and (max-width:1100px){
  .header-inner{gap:20px}.brand-lockup{width:172px}.brand-product{margin-left:56px;font-size:10px}
  .hero{min-height:620px}.hero-content{padding-inline:28px 12px}.hero-lead{font-size:20px}
  .fleet-front{gap:36px}.fleet-front h2{font-size:46px}.agent h3{font-size:35px}
}
@media(max-width:760px){
  .header-inner{min-height:88px;gap:12px}.brand-lockup{width:164px}.brand-product{margin-left:53px;font-size:9px;margin-top:-5px;margin-bottom:6px}
  .js .menu-button{color:var(--pearl);gap:10px;font-size:13px;padding-inline:4px}.motion-toggle{min-width:90px;max-width:96px;font-size:11px}
  .js #navigation{background:var(--void);border-color:#4f435b;box-shadow:none}
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-visual{order:-1;min-height:0;height:clamp(280px,88vw,470px)}
  .hero-visual img{object-fit:contain;object-position:center}
  .hero-content{padding:16px 20px 34px;align-self:stretch}
  .hero-content>.eyebrow{font-size:12px;max-width:none;margin-bottom:22px}
  h1{font-size:clamp(64px,16.2vw,106px);letter-spacing:-.025em;line-height:.96}
  .hero-lead{font-size:21px;margin-top:24px}.hero-copy{font-size:16px;line-height:1.6}
  .hero .actions{gap:8px 20px}.hero-index{margin-top:26px}.hero-index strong{font-size:30px}
  .scope-note a{margin-left:0}.scope-note p{flex-basis:100%}
  h2,.section-heading h2{font-size:51px;line-height:1.03}
  .highlight h2{font-size:33px;line-height:1.06}.highlight{border-top-color:#4f435b}
  .section-intro{font-size:17px}.eyebrow{font-size:12px}
  .ready-art{float:right;margin:0 0 14px 16px}.ready-art img{width:96px;height:96px}
  #step-content h3{font-size:36px;line-height:1.12;min-width:0}
  .record h3{font-size:26px;line-height:1.2;letter-spacing:-.02em}
  .fleet-front{display:flex;flex-direction:column;gap:28px;align-items:stretch}
  .fleet-guardian{max-width:300px;align-self:center}
  .fleet-front h2{font-size:47px;margin:20px 0}.fleet-front .section-intro{font-size:17px}
  .agents{grid-template-columns:1fr;gap:30px;margin-top:38px}
  .agent{display:block}.agent-number{float:right;margin:10px 0 0 16px;font-size:50px}
  .agent-code{font-size:12px;margin:14px 0}.agent h3{font-size:40px;margin-bottom:12px}.agent h4{font-size:15px}
  .agent>p:last-child{font-size:16px;max-width:44ch;margin-top:16px}
  .fleet-detail h3{font-size:31px}.protocol h3{font-size:33px}
  .method-section h2{font-size:48px}.stress-tests>summary{font-size:27px;line-height:1.15}
  .contact h2{font-size:49px}footer .brand-lockup{width:180px}footer .brand-product{margin-left:58px}
}
@media(max-width:360px){
  .brand-lockup{width:136px}.brand-product{margin-left:44px;margin-top:-4px;font-size:9px}
  .header-inner{gap:8px}.js .menu-button{font-size:12px;gap:7px}.motion-toggle{min-width:80px;max-width:82px;font-size:10px}
  .hero-content{padding-inline:16px}h1{font-size:62px}
  .hero-content>.eyebrow{font-size:11px}.hero-lead{font-size:20px}
  h2,.section-heading h2{font-size:44px}.fleet-front h2{font-size:44px}
  .ready-art{float:none;margin:0 0 20px}.ready-art img{width:88px;height:88px}
  .contact h2{font-size:44px}footer .brand-lockup{width:156px}footer .brand-product{margin-left:50px}
}
@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none!important;transform:none!important}}
.brand-product{margin-top:2px;position:relative}
/* Logos are identity marks, not section illustrations. */
:root{--fight-layout:4.1}
.hero{display:block;min-height:0}
.hero-content{width:min(1320px,calc(100% - 80px));max-width:none;margin-inline:auto;padding:56px 0 40px;display:grid;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:20px}
.hero-content>.eyebrow{grid-column:1/-1;max-width:none;margin:0 0 12px}
.hero h1{grid-column:1;grid-row:2/5;margin:0}
.hero-lead{grid-column:2;grid-row:2;margin:0;max-width:31ch}
.hero-copy{grid-column:2;grid-row:3;margin:0;max-width:46ch}
.hero .actions{grid-column:2;grid-row:4;margin:0;align-self:start;gap:12px 26px}
.hero-index{grid-column:1/-1;margin-top:20px;width:min(520px,100%);max-width:none}
.fleet-section .section-heading h2{font-size:clamp(43px,4.7vw,66px)}
@media(max-width:1100px){.hero-content{width:calc(100% - 56px);column-gap:40px;padding-block:44px 32px}}
@media(max-width:760px){
  .hero-content{display:block;width:calc(100% - 40px);padding:36px 0 28px}
  .hero-content>.eyebrow{margin-bottom:24px}
  .hero-lead{margin-top:24px}.hero-copy{margin-top:16px}.hero .actions{margin-top:24px}.hero-index{margin-top:28px}
  .fleet-section .section-heading h2{font-size:47px}
}
@media(max-width:360px){.hero-content{width:calc(100% - 32px)}.fleet-section .section-heading h2{font-size:44px}}

.pattalium-controller-active :focus { outline: 3px solid #dcc4ff !important; outline-offset: 4px !important; }
.ptl-pad-hint, .ptl-pad-help, .ptl-pad-keyboard { color-scheme: dark; font: 400 14px/1.5 system-ui,sans-serif; color: #f1ecfa; background: #21182c; border: 1px solid #8a739f; box-shadow: 0 8px 32px #0008; }
.ptl-pad-hint { position: fixed; z-index: 2147483000; bottom: max(14px, env(safe-area-inset-bottom)); right: max(14px, env(safe-area-inset-right)); max-width: min(340px,calc(100vw - 28px)); padding: 10px 14px; min-height: 44px; border-radius: 8px; cursor: pointer; }
.ptl-pad-hint[hidden] { display: none; }
.ptl-pad-cursor { pointer-events:none; position:fixed; z-index:2147483003; width:20px; height:20px; border:2px solid #fff; outline:2px solid #533773; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 18px #a877d4; }
.ptl-pad-help { z-index: 2147483001; width: min(440px,calc(100vw - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 28px; border-radius: 14px; }
.ptl-pad-help::backdrop { background: #08050ccd; }
.ptl-pad-help h2 { margin: 0 0 20px; color: inherit; font: 600 23px/1.2 system-ui,sans-serif; }
.ptl-pad-help dl { display: grid; grid-template-columns: 1fr 1.35fr; gap: 12px; }
.ptl-pad-help dt { color: #dcc4ff; font-weight: 600; }
.ptl-pad-help dd { margin: 0; }
.ptl-pad-help p { color: #c9bbd8; margin: 20px 0; }
.ptl-pad-help button, .ptl-pad-keyboard button { font: inherit; color: #fff; background: #3e2f50; border: 1px solid #8a739f; border-radius: 5px; min-height: 44px; padding: 8px 12px; cursor: pointer; }
.ptl-pad-help button:hover, .ptl-pad-keyboard button:hover { background: #5b436f; }
.ptl-pad-keyboard { position: fixed; z-index: 2147483002; bottom: max(10px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: min(650px,calc(100vw - 20px)); padding: 14px; border-radius: 12px; }
.ptl-pad-keyboard p { margin: 0 0 12px; }
.ptl-pad-key-row { display: flex; gap: 5px; justify-content: center; margin-block: 5px; }
.ptl-pad-key-row button { flex: 1 1 0; min-width: 0; padding: 6px 2px; }
@media (max-width:420px) { .ptl-pad-keyboard { padding: 9px; } .ptl-pad-key-row { gap: 3px; } }

/* PATTALIUM LEGAL START */
/* Shared local privacy controls. Scoped so each experience keeps its own design. */
.ptl-legal{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;width:100%;min-width:0;padding:12px 0;font:400 12px/1.5 system-ui,sans-serif;letter-spacing:normal;text-transform:none;color:inherit}
.ptl-legal>span{white-space:nowrap}.ptl-legal nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px}.ptl-legal a{display:inline-flex;align-items:center;min-height:32px;padding:2px 0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}.ptl-legal a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.ptl-legal--standalone{padding:16px 24px;flex:none}.ptl-legal--compact{width:auto;gap:4px 14px;padding:4px 0}.ptl-legal--compact a{min-height:32px}
.ptl-privacy-dialog{box-sizing:border-box;position:fixed;inset:0;z-index:2147483000;width:min(580px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);height:auto;margin:auto;padding:24px;overflow:auto;overscroll-behavior:contain;border:1px solid #9b90a8;border-radius:4px;background:#f8f5fa;color:#251c30;font:400 15px/1.6 system-ui,sans-serif;letter-spacing:normal;text-transform:none;text-align:left;color-scheme:light;isolation:isolate}
.ptl-privacy-dialog::backdrop{background:rgb(12 8 18 / .7)}.ptl-privacy-dialog *{box-sizing:border-box}.ptl-privacy-dialog .ptl-privacy-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.ptl-privacy-dialog h2{margin:0;font:600 23px/1.3 system-ui,sans-serif;color:inherit;letter-spacing:-.025em}.ptl-privacy-dialog h3{margin:0 0 6px;font:600 16px/1.4 system-ui,sans-serif;color:inherit}.ptl-privacy-dialog p{margin:12px 0;max-width:none;font:inherit;color:inherit}.ptl-privacy-dialog .ptl-privacy-essential{padding:16px 0;border-block:1px solid #d6cedd;margin:16px 0}.ptl-privacy-essential p{margin:0}.ptl-privacy-dialog button{appearance:none;display:inline-flex;align-items:center;justify-content:center;position:static;width:auto;min-height:44px;margin:0;padding:9px 14px;border:1px solid #92839f;border-radius:4px;background:#eee7f3;color:#251c30;font:600 14px/1.4 system-ui,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;transform:none;box-shadow:none}.ptl-privacy-dialog button:hover{background:#e1d6e9}.ptl-privacy-dialog button:focus-visible,.ptl-privacy-dialog a:focus-visible,.ptl-privacy-dialog input:focus-visible{outline:3px solid #684886;outline-offset:3px}.ptl-privacy-dialog .ptl-privacy-close{background:transparent;flex:none}.ptl-privacy-dialog .ptl-privacy-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.ptl-privacy-dialog .ptl-privacy-actions button{flex:1 1 auto}.ptl-privacy-dialog .ptl-privacy-links{display:flex;flex-wrap:wrap;gap:0 18px;border-top:1px solid #d6cedd;padding-top:12px;margin-top:16px}.ptl-privacy-dialog a{display:inline-flex;align-items:center;min-height:40px;color:#50356c;font:500 14px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px}.ptl-privacy-dialog small{display:block;margin-top:12px;font:400 12px/1.5 system-ui,sans-serif}.ptl-privacy-dialog .ptl-privacy-option{display:flex;align-items:start;gap:12px;margin:16px 0;cursor:pointer}.ptl-privacy-option input{appearance:auto;flex:none;width:22px;height:22px;margin:2px 0;accent-color:#684886}.ptl-privacy-option span{display:block}.ptl-privacy-dialog .ptl-privacy-status:empty{display:none}
@media(max-width:420px){.ptl-privacy-dialog{padding:18px}.ptl-privacy-dialog .ptl-privacy-heading{gap:10px}.ptl-privacy-dialog h2{font-size:21px}.ptl-privacy-dialog .ptl-privacy-actions{flex-direction:column}}
@media(forced-colors:active){.ptl-privacy-dialog,.ptl-privacy-dialog button{border:1px solid CanvasText;background:Canvas;color:CanvasText}}

/* PATTALIUM LEGAL END */

/* Keep legal actions above the controller connection hint. */
body:has(.ptl-pad-hint:not([hidden])) .ptl-legal{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}