:root{
  --green-950:#031b18;--green-900:#052a24;--green-800:#073c33;--green-700:#0a5545;
  --mint:#70d7b1;--mint-soft:#bdebd9;--orange:#ef7b22;--orange-2:#ff9b45;
  --blue-950:#061c28;--blue-900:#092b3a;--blue-800:#0d3b50;--blue:#65c8ea;
  --paper:#f7e8c7;--paper-2:#fff8e9;--ink:#103f35;--muted:#6f8f85;
  --white:#f7fbf9;--line:rgba(255,255,255,.12);--shadow:0 22px 55px rgba(0,0,0,.22);
  --shell:1160px;--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.recovery-page{margin:0;background:var(--green-950);color:#fff;font-family:Arial,Helvetica,sans-serif}
body.recovery-page img{max-width:100%;display:block}
body.recovery-page a{color:inherit}
.app-shell,.docs-shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.section-tag,.panel-label,.docs-label{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{font-family:"Arial Black",Arial,sans-serif}
p{line-height:1.62}

/* HEADER */
.app-header{height:58px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;padding:0 max(24px,calc((100vw - var(--shell))/2));background:rgba(3,27,24,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.app-brand{display:flex;align-items:center;gap:15px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.1em}
.app-brand img{width:56px;height:auto}
.app-header nav{display:flex;gap:26px;margin-left:auto}
.app-header nav a,.main-site{font-size:9px;font-weight:900;letter-spacing:.11em;text-decoration:none;color:#b7cdc5}
.app-header nav a:hover{color:#fff}
.header-status{display:flex;align-items:center;gap:18px;margin-left:28px}
.network{font-size:9px;color:#94b7aa}.network i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#58d49e;margin-right:6px;box-shadow:0 0 12px #58d49e}
.main-site{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff}
.menu{display:none;background:none;border:0;color:#fff;font-size:20px}
.mobile-nav{position:fixed;top:58px;left:0;right:0;z-index:999;padding:16px 22px;background:#052a24;border-bottom:1px solid var(--line)}
.mobile-nav a{display:block;padding:10px 0;text-decoration:none;font-weight:800;font-size:12px}

/* WORLD 1 — DAPP */
.world-app{background:linear-gradient(180deg,var(--green-950),#063a31)}
.app-hero{padding:56px 0 38px;background:radial-gradient(circle at 83% 18%,rgba(71,210,163,.13),transparent 28%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:64px;align-items:center}
.hero-copy{max-width:690px}
.app-kicker{display:flex;align-items:center;gap:12px;color:#94b4a8;font-size:10px;font-weight:900;letter-spacing:.13em}
.status-pill{padding:7px 10px;border:1px solid rgba(239,123,34,.42);border-radius:999px;color:#ffb66f;background:rgba(239,123,34,.08)}
.hero-copy h1{font-size:clamp(58px,5.4vw,82px);line-height:.87;letter-spacing:-.055em;margin:20px 0 18px}
.hero-copy h1 em{font-style:normal;color:var(--orange)}
.hero-copy>p{max-width:600px;color:#bfd1ca;font-size:16px}
.rate-row{max-width:520px;margin:26px 0 14px;padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:12px}
.rate-row span{font-size:9px;letter-spacing:.13em;color:#7fa397}.rate-row strong{grid-row:1/3;grid-column:2;font-size:22px}.rate-row small{font-size:10px;color:#f1a15b}
.hero-note{max-width:520px;padding:14px 16px;display:grid;gap:4px;border-left:3px solid var(--orange);background:rgba(239,123,34,.065)}
.hero-note b{font-size:12px;color:#ffd0a7}.hero-note span{font-size:12px;color:#a6bdb5;line-height:1.5}

.connect-panel{padding:30px;border-radius:20px;background:linear-gradient(180deg,#0c4a3e,#07382f);border:1px solid rgba(126,231,196,.22);box-shadow:var(--shadow)}
.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
.panel-label{color:#74d9b4}.panel-head h2{font-size:30px;line-height:1.05;margin:8px 0 0}
.secure-badge{font-size:9px;font-weight:900;letter-spacing:.1em;color:#9ce6ca;border:1px solid rgba(112,215,177,.32);border-radius:8px;padding:7px 9px}
#wallet-support{margin:18px 0 12px;color:#9eb9af;font-size:13px}
.wallet-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-buttons button{min-height:64px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0a4036;color:#fff;text-align:left;font-weight:800;cursor:pointer;transition:.18s ease}
.wallet-buttons button:hover{transform:translateY(-2px);border-color:rgba(239,123,34,.6);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.checker-result{display:flex;gap:12px;align-items:center;margin-top:14px;padding:15px;border-radius:12px;background:#052e28;border:1px solid rgba(255,255,255,.08)}
.result-icon{width:28px;height:28px;border:1px solid #3c7161;border-radius:50%;display:grid;place-items:center;color:#8eb9aa}
.checker-result strong{display:block;font-size:13px}.checker-result span{display:block;margin-top:3px;color:#88a79b;font-size:11px;line-height:1.45}
.disconnect{width:100%;margin-top:10px;padding:11px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#0a4036;color:#fff;font-size:10px;font-weight:900}
.panel-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);color:#83a69a;font-size:9px}

.dashboard{padding:30px 0 56px;border-top:1px solid rgba(120,231,197,.1);background:linear-gradient(90deg,rgba(72,205,166,.04) 1px,transparent 1px),linear-gradient(rgba(72,205,166,.04) 1px,transparent 1px),#063a32;background-size:34px 34px}
.dashboard-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.dashboard-head .section-tag{color:#7be0bb}.dashboard-head h2{font-size:34px;margin:7px 0 0}.snapshot-date{font-size:10px;color:#91b2a7;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.03)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.metric-grid article{min-height:128px;padding:20px;border-radius:14px;background:linear-gradient(180deg,#0b4a3f,#07372f);border:1px solid rgba(130,235,201,.17);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.metric-grid span{font-size:10px;letter-spacing:.11em;color:#82a99c}.metric-grid strong{display:block;margin:10px 0 5px;font-size:30px}.metric-grid small{font-size:11px;color:#91aea4}
.progress-card{margin-top:12px;padding:19px 21px;border-radius:14px;background:#042d28;border:1px solid rgba(130,235,201,.17)}
.progress-top{display:flex;justify-content:space-between;align-items:end}.progress-top span{display:block;font-size:9px;letter-spacing:.12em;color:#7fa398}.progress-top strong{font-size:14px}.progress-top>b{font-size:20px;color:#a8e6cd}
.progress-track{height:7px;margin:15px 0;border-radius:999px;background:#021c19;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#63d2a7,#ff983e)}
.progress-foot{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#82a298}.progress-foot b{color:#d4e8e1}

/* WORLD 2 — PROTOCOL + VERIFICATION */
.world-protocol{background:var(--blue-950)}
.process-app{padding:72px 0 66px;background:radial-gradient(circle at 12% 0,rgba(67,185,232,.13),transparent 31%),linear-gradient(180deg,#061c28,#092b37)}
.section-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:end;margin-bottom:30px}.section-intro .section-tag{color:#71d0ef}.section-intro h2{font-size:44px;line-height:.98;margin:7px 0 0}.section-intro>p{margin:0;padding-left:22px;border-left:2px solid rgba(101,200,234,.34);color:#a5c0c8;font-size:14px}
.public-process{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.public-process:before{content:"";position:absolute;left:15%;right:15%;top:43px;height:3px;background:linear-gradient(90deg,#5fdcc3,#ff8a27,#5fdcc3);z-index:0}
.public-process article{position:relative;z-index:1;min-height:290px;padding:26px 24px 22px;border-radius:18px;background:linear-gradient(160deg,#f7fbfa,#e9f2ef);color:#153e3a;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.process-arrow{display:none}.process-num{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#0b3340;color:#b3ecf7;box-shadow:0 0 0 7px #082733;font-size:12px;font-weight:900}
.public-process article>span{display:block;margin-top:25px;font-size:9px;font-weight:900;letter-spacing:.14em;color:#438298}.public-process h3{font-size:22px;line-height:1.12;margin:7px 0 11px}.public-process p{font-size:13px;line-height:1.58;color:#536f6b}
.process-owner{position:absolute;left:24px;right:24px;bottom:20px;padding-top:12px;border-top:1px solid #ccd9d5;color:#6d8883;font-size:8px;font-weight:900;letter-spacing:.11em}
.guarantee-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border:1px solid rgba(101,200,234,.16);border-radius:13px;overflow:hidden;background:#072531}
.guarantee-grid div{padding:16px 18px;border-right:1px solid rgba(101,200,234,.14)}.guarantee-grid div:last-child{border-right:0}.guarantee-grid span{color:var(--orange);font-size:9px;font-weight:900}.guarantee-grid b{display:block;margin:6px 0;color:#e2f0f3;font-size:12px}.guarantee-grid p{margin:0;color:#83a5ae;font-size:10px}
.personal-status{margin-top:18px;padding:20px;border:1px solid rgba(101,200,234,.18);border-radius:14px;background:#072531}

.verify-section{padding:68px 0 72px;background:radial-gradient(circle at 84% 10%,rgba(101,200,234,.12),transparent 30%),linear-gradient(135deg,#0b3144,#10475f)}
.verify-section .section-intro{display:block;max-width:780px}.verify-section .section-intro>p{padding:0;border:0;margin-top:10px}
.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.verify-grid article{padding:26px;border-radius:17px;background:#f7fbfa;color:#183f3a;border:1px solid rgba(101,200,234,.35);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.verify-grid article>span{display:inline-flex;padding:6px 8px;border-radius:999px;background:#e4f5ef;color:#25735f;font-size:9px;font-weight:900;letter-spacing:.11em}
.verify-grid dl{margin:18px 0}.verify-grid dt{margin-top:13px;color:#66827c;font-size:10px;font-weight:800}.verify-grid dd{margin:5px 0 0;padding:10px 11px;border:1px solid #d9e5e1;border-radius:7px;background:#fff;font:11px/1.45 Consolas,monospace;overflow-wrap:anywhere}
.verify-grid a{display:inline-block;margin-top:4px;color:#d9691d;text-decoration:none;font-size:10px;font-weight:900}
.security-line{margin-top:14px;padding:13px 15px;border:1px solid rgba(239,123,34,.25);border-radius:9px;background:rgba(3,23,31,.58);color:#9eb8c0;font-size:10px}

/* WORLD 3 — ARCHIVE */
.world-archive{background:var(--paper)}
.history-docs{position:relative;padding:90px 0 74px;color:var(--ink);background:radial-gradient(circle at 87% 7%,rgba(215,145,48,.18),transparent 26%),radial-gradient(circle at 7% 75%,rgba(30,113,87,.07),transparent 24%),linear-gradient(180deg,#f4e2bb 0%,#fff8e9 48%,#f0dbaf 100%)}
.history-docs:before{content:"SUGAR FACTORY · DOCUMENTARY ARCHIVE";position:absolute;top:25px;left:max(24px,calc((100% - var(--shell))/2));font-size:10px;font-weight:900;letter-spacing:.22em;color:#9d5d20}
.docs-heading{max-width:820px;padding:28px 32px;border-left:5px solid #d97b26;border-radius:0 18px 18px 0;background:rgba(255,252,242,.64);box-shadow:0 18px 42px rgba(88,56,20,.07)}
.docs-heading>span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#b36a27}.docs-heading h2{font-size:44px;line-height:1;margin:8px 0 10px}.docs-heading p{margin:0;color:#49685f;font-size:14px}
.history-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;margin-top:34px;overflow:hidden;border:1px solid rgba(125,81,34,.18);border-radius:22px;background:rgba(255,252,244,.94);box-shadow:0 26px 58px rgba(84,56,23,.13)}
.history-story figure{margin:0;min-height:390px}.history-story figure img{width:100%;height:100%;object-fit:cover}.history-story>div{padding:34px}
.docs-label{color:#b26623}.history-story h3,.comparison-copy h3{font-size:30px;line-height:1.04;margin:8px 0 14px}.history-story p,.comparison-copy p{color:#46655d;font-size:14px}
.history-story blockquote{margin:22px 0 0;padding:18px 20px;border-radius:12px;background:#0c4a3d;color:#f7f0dd;font-size:13px;line-height:1.55}.history-story blockquote small{display:block;margin-top:9px;color:#a9c8bc;font-size:9px}
.comparison-doc{margin-top:62px;padding-top:44px;border-top:1px solid rgba(83,69,41,.2)}.comparison-copy{max-width:840px}.comparison-doc>figure{margin:30px 0 0;overflow:hidden;border-radius:20px;box-shadow:0 22px 48px rgba(83,55,23,.15)}.comparison-doc>figure img{width:100%}
.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-22px 18px 0;position:relative}
.model-grid article{padding:24px;border-radius:16px;background:#fffaf0;border-top:5px solid #d67b28;box-shadow:0 16px 34px rgba(72,52,25,.13)}.model-grid article:last-child{background:#eef8f3;border-top-color:#17866c}
.model-grid span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#a96a2e}.model-grid article:last-child span{color:#21725f}.model-grid h4{font-size:17px;margin:8px 0 12px}.model-grid ul{margin:0;padding-left:18px;color:#4d675f;font-size:12px;line-height:1.6}
.formula-app{display:grid;grid-template-columns:auto auto auto auto auto auto auto 1fr;align-items:center;gap:12px;margin-top:18px;padding:18px 22px;border-radius:15px;background:linear-gradient(120deg,#0b493d,#12634f);color:#fff;box-shadow:0 16px 34px rgba(25,70,54,.18)}
.formula-app>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#ffb066}.formula-app b{font-size:15px}.formula-app i{font-style:normal;color:#f0a05c;font-weight:900}.formula-app strong{justify-self:end;padding:10px 14px;border-radius:9px;background:var(--orange);font-size:17px}.formula-app small{grid-column:1/-1;color:#a8c9bd;font-size:9px}
.final-cta{padding:0 0 52px;background:linear-gradient(180deg,#f0dbaf,#f6e8c7)}
.final-cta-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:26px 30px;border-radius:18px;background:linear-gradient(120deg,#094638,#12634f);box-shadow:0 20px 44px rgba(31,74,58,.2)}
.final-cta .section-tag{color:#ffb066}.final-cta h2{font-size:28px;margin:7px 0 5px}.final-cta p{margin:0;color:#c6ddd5;font-size:12px}.final-cta-card>div:last-child{display:grid;justify-items:end;gap:7px}.final-cta a{padding:12px 15px;border-radius:9px;background:var(--orange);text-decoration:none;font-size:10px;font-weight:900}.final-cta small{color:#8eb1a5;font-size:9px}

/* FOOTER */
.app-footer{padding:22px 0;background:#031b18;border-top:1px solid rgba(255,255,255,.08);color:#7f9d93}.app-footer .app-shell{display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:900;letter-spacing:.08em}.app-footer a{text-decoration:none;color:#c7d8d2}.app-footer>p{width:min(calc(100% - 48px),var(--shell));margin:14px auto 0;text-align:center;font-size:9px}

/* RESPONSIVE */
@media(max-width:900px){
  .app-header nav,.network{display:none}.menu{display:block}.header-status{margin-left:auto}
  .hero-grid{grid-template-columns:1fr;gap:30px}.connect-panel{max-width:none}
  .metric-grid{grid-template-columns:1fr 1fr}
  .section-intro{grid-template-columns:1fr;gap:15px}.section-intro>p{padding-left:0;border-left:0}
  .public-process{grid-template-columns:1fr;gap:14px}.public-process:before{left:23px;right:auto;top:45px;bottom:45px;width:3px;height:auto}
  .public-process article{min-height:0}.process-owner{position:static;margin-top:18px}
  .guarantee-grid,.verify-grid{grid-template-columns:1fr}.guarantee-grid div{border-right:0;border-bottom:1px solid rgba(101,200,234,.14)}
  .history-story{grid-template-columns:1fr}.history-story figure{min-height:300px}.model-grid{grid-template-columns:1fr;margin:14px 0 0}
  .formula-app{grid-template-columns:repeat(4,auto);justify-content:start}.formula-app strong{justify-self:start}.final-cta-card{grid-template-columns:1fr}.final-cta-card>div:last-child{justify-items:start}
}
@media(max-width:560px){
  .app-shell,.docs-shell{width:calc(100% - 28px)}.app-header{height:56px;padding:0 14px}.app-brand span,.main-site{display:none}.mobile-nav{top:56px}
  .app-hero{padding:36px 0 26px}.app-kicker{align-items:flex-start;flex-direction:column}.hero-copy h1{font-size:44px}.hero-copy>p{font-size:14px}.rate-row{grid-template-columns:1fr}.rate-row strong{grid-column:1;grid-row:auto}
  .connect-panel{padding:20px}.panel-head h2{font-size:24px}.wallet-buttons{grid-template-columns:1fr 1fr}.panel-foot{grid-template-columns:1fr 1fr}
  .dashboard{padding-bottom:40px}.dashboard-head{align-items:flex-start;gap:12px}.snapshot-date{display:none}.dashboard-head h2{font-size:28px}.metric-grid{gap:7px}.metric-grid article{min-height:108px;padding:14px}.metric-grid strong{font-size:21px}.progress-foot{display:grid;gap:6px}
  .process-app,.verify-section{padding:48px 0}.section-intro h2{font-size:32px}.public-process article{padding:21px}.guarantee-grid{grid-template-columns:1fr}
  .history-docs{padding:72px 0 48px}.history-docs:before{left:14px;top:19px}.docs-heading{padding:21px 19px}.docs-heading h2{font-size:34px}.history-story>div{padding:22px}.history-story h3,.comparison-copy h3{font-size:25px}
  .formula-app{grid-template-columns:1fr 1fr;gap:8px}.formula-app strong{grid-column:1/-1}.final-cta{padding-bottom:36px}.final-cta-card{padding:21px}
  .app-footer .app-shell{display:grid;text-align:center}.app-footer>p{width:calc(100% - 28px)}
}


.protocol{padding:82px 0 76px;background:radial-gradient(circle at 84% 8%,rgba(99,201,235,.12),transparent 26%),linear-gradient(180deg,#061b27,#0b3041)}.protocol-head{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end}.protocol-head .eyebrow,.evidence-head .eyebrow{color:#68cbea}.protocol-head h2{font-size:50px;line-height:.92;margin:9px 0 0}.protocol-head>p{margin:0;padding-left:24px;border-left:2px solid rgba(99,201,235,.28);color:#a7c0c8;font-size:15px}.protocol-rail{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;margin:52px 0 26px}.rail-node{text-align:center;min-height:210px;padding:0 14px}.node-orbit{width:88px;height:88px;margin:0 auto 24px;position:relative;border:1px solid rgba(99,201,235,.25);border-radius:50%;display:grid;place-items:center;background:#082b38;box-shadow:0 0 0 10px rgba(99,201,235,.025)}.node-orbit:before{content:"";position:absolute;inset:9px;border:1px dashed rgba(99,201,235,.22);border-radius:50%}.node-orbit span{position:absolute;top:-7px;right:-3px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f57b20;font:900 9px/1 monospace}.node-orbit b{font-size:24px;color:#b9edf7}.rail-node small{font:800 9px/1 monospace;letter-spacing:.14em;color:#6fa8b8}.rail-node h3{font-size:22px;margin:8px 0 9px}.rail-node p{margin:0;color:#8faab2;font-size:12px}.rail-link{height:1px;background:linear-gradient(90deg,#4db5d8,#f57b20);position:relative}.rail-link:after{content:"›";position:absolute;right:-2px;top:-14px;color:#f57b20;font-size:24px}.rail-link span{position:absolute;left:50%;transform:translateX(-50%);top:-24px;white-space:nowrap;font:800 8px/1 monospace;letter-spacing:.12em;color:#6f9eaa}.assurance-strip{display:flex;justify-content:center;border-top:1px solid rgba(99,201,235,.13);border-bottom:1px solid rgba(99,201,235,.13)}.assurance-strip span{padding:14px 22px;border-right:1px solid rgba(99,201,235,.12);font-size:10px;color:#779da8}.assurance-strip span:last-child{border:0}.assurance-strip b{color:#d8edf2}.evidence-head{max-width:780px;margin-top:82px}.evidence-head h3{font-size:40px;line-height:.98;margin:8px 0 10px}.evidence-head p{color:#9db8c0;font-size:14px}.evidence-console{margin-top:28px;border:1px solid rgba(99,201,235,.19);border-radius:13px;overflow:hidden;background:#051f2a}.console-top{display:flex;justify-content:space-between;padding:12px 16px;background:#041923;border-bottom:1px solid rgba(99,201,235,.13);font:800 9px/1 monospace;letter-spacing:.13em;color:#6f9ca8}.console-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#59d69e;margin-right:7px}.console-row{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:24px;border-bottom:1px solid rgba(99,201,235,.1)}.console-row:last-child{border:0}.console-kind{width:48px;height:48px;border:1px solid rgba(99,201,235,.25);border-radius:50%;display:grid;place-items:center;color:#aee7f3;font:900 12px/1 monospace}.console-kind.square{border-radius:12px}.console-main small{font:800 9px/1 monospace;letter-spacing:.13em;color:#6fa8b8}.console-main strong{display:block;margin:7px 0 6px;font:600 13px/1.4 monospace;overflow-wrap:anywhere}.console-main code{color:#6f929b;font-size:10px}.console-state{text-align:right}.console-state span{display:block;margin-bottom:11px;color:#72d8b3;font:900 9px/1 monospace}.console-state a{color:#f39a55;text-decoration:none;font-size:9px;font-weight:900}.security-note{margin:13px 0 0;padding:11px 13px;border-left:2px solid #f57b20;color:#7fa2ab;font-size:10px}
.archive{color:#0c4437;background:radial-gradient(circle at 10% 30%,rgba(31,111,86,.06),transparent 24%),linear-gradient(180deg,#f1d9a7,#fff8e8 40%,#efd6a3)}.archive-hero{position:relative;padding:112px 0 90px;overflow:hidden;border-bottom:1px solid rgba(104,76,40,.16)}.archive-ghost{position:absolute;right:-3vw;top:10px;font:900 clamp(110px,18vw,260px)/.8 Impact,sans-serif;color:rgba(12,68,55,.045)}.archive-overline,.chapter{font:800 10px/1.2 monospace;letter-spacing:.16em;color:#a56325}.archive-hero h2{font-size:clamp(58px,7vw,94px);line-height:.86;margin:20px 0 22px;max-width:760px}.archive-hero p{max-width:580px;color:#527067;font-size:16px}.archive-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:100px 0}.feature-copy h3{font-size:clamp(44px,5vw,68px);line-height:.88;margin:15px 0 24px}.feature-copy h3 em{font-style:normal;color:#d56f25}.feature-copy p{color:#48665d;font-size:14px}.feature-copy blockquote{margin:28px 0 0;padding:20px 22px;border-left:4px solid #f57b20;background:#0b4a3d;color:#f8f1de;font-size:13px;line-height:1.6}.feature-copy blockquote small{display:block;margin-top:9px;color:#a8c5ba;font-size:9px}.feature-art{margin:0;transform:translateX(5vw);box-shadow:0 34px 75px rgba(77,50,20,.2);border-radius:4px 34px 4px 34px;overflow:hidden}.outhodl-break{position:relative;padding:110px 0 100px;text-align:center;border-top:1px solid rgba(104,76,40,.16);overflow:hidden}.outhodl-ghost{position:absolute;left:-5%;right:-5%;top:95px;white-space:nowrap;font:900 clamp(58px,9vw,128px)/1 Impact,sans-serif;letter-spacing:.05em;color:rgba(12,68,55,.045);transform:rotate(-4deg)}.outhodl-break>p:not(.turn-copy){position:relative;font:900 10px/1 monospace;letter-spacing:.18em;color:#9a6534}.outhodl-break h3{position:relative;font-size:clamp(58px,7vw,92px);line-height:.84;margin:28px auto;max-width:900px}.outhodl-break h3 em{font-style:normal;color:#d66f25}.turn-copy{position:relative;max-width:650px;margin:auto;color:#527067;font-size:14px}.split-story{padding-bottom:95px}.split-story>figure{margin:0 -4vw;border-radius:32px 5px 32px 5px;overflow:hidden;box-shadow:0 36px 80px rgba(76,51,21,.22)}.split-labels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:-70px 34px 0;position:relative}.split-labels article{padding:28px 30px;background:#fff9ed;box-shadow:0 20px 45px rgba(76,51,21,.14);border-top:5px solid #d87927}.split-labels article:last-child{background:#eef8f3;border-top-color:#17866c}.split-labels span{font:900 9px/1 monospace;letter-spacing:.14em;color:#a4672d}.split-labels article:last-child span{color:#247461}.split-labels h4{font-size:27px;margin:9px 0}.split-labels p{margin:0;color:#557067;font-size:13px}.equation-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;padding:86px 0;border-top:1px solid rgba(104,76,40,.16)}.equation-story h3{font-size:44px;line-height:.92;margin:13px 0 16px}.equation-story>div:first-child p{color:#527067;font-size:13px}.equation{display:grid;grid-template-columns:1fr auto .7fr auto 1fr;gap:20px;align-items:center}.equation>div{padding:24px 18px;text-align:center;border-top:1px solid rgba(12,68,55,.18);border-bottom:1px solid rgba(12,68,55,.18)}.equation strong{display:block;font-size:42px}.equation span{display:block;margin-top:5px;font:900 9px/1 monospace;letter-spacing:.13em;color:#7c8f88}.equation i{font-style:normal;font-size:30px;color:#c46d2c}.equation .result{background:#0b4a3d;color:#fff;border:0;border-radius:4px 16px 4px 16px}.equation .result strong{font-size:48px;color:#ff9b4b}.equation .result span{color:#b9d8cc}.archive-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-bottom:70px;padding:30px 34px;background:#0a493c;color:#fff;border-radius:4px 18px 4px 18px}.archive-cta h3{font-size:30px;margin:8px 0 4px}.archive-cta p{margin:0;color:#bfd7ce;font-size:12px}.archive-cta a{padding:13px 16px;border-radius:8px;background:#f57b20;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
@media(max-width:900px){.protocol-head{grid-template-columns:1fr}.protocol-head>p{padding:0;border:0}.protocol-rail{grid-template-columns:1fr;gap:14px}.rail-link{width:1px;height:50px;margin:auto}.archive-feature{grid-template-columns:1fr;padding:70px 0}.feature-art{transform:none}.split-story>figure{margin:0}.split-labels{margin:-35px 16px 0}.equation-story{grid-template-columns:1fr}.archive-cta{grid-template-columns:1fr}}@media(max-width:560px){.protocol{padding:54px 0}.protocol-head h2{font-size:38px}.console-row{grid-template-columns:54px 1fr}.console-state{grid-column:2;text-align:left}.archive-hero{padding:78px 0 62px}.archive-hero h2{font-size:54px}.feature-copy h3{font-size:43px}.outhodl-break h3{font-size:52px}.split-labels{grid-template-columns:1fr;margin:12px 0 0}.equation{grid-template-columns:1fr}.equation i{transform:rotate(90deg)}}


.protocol-divider{display:flex;align-items:center;gap:16px;margin:72px 0 0;font:900 9px/1 monospace;letter-spacing:.16em;color:#69c9e8}.protocol-divider i{height:1px;flex:1;background:linear-gradient(90deg,rgba(99,201,235,.45),rgba(99,201,235,0))}.evidence-head{margin-top:30px!important}.evidence-head h3{font-size:44px!important}.evidence-console{margin-top:30px!important}.console-row{min-height:112px}.console-main strong{font-size:14px!important}


.factory-records{color:#f8f0db;background:#071f1a}
.records-gate{position:relative;overflow:hidden;padding:92px 0 76px;background:
 linear-gradient(90deg,rgba(25,12,4,.72),rgba(7,38,30,.82)),
 repeating-linear-gradient(90deg,#3a2313 0 72px,#2c1b10 73px 76px,#4b2c17 77px 148px);
 border-top:1px solid rgba(255,177,76,.25);border-bottom:1px solid rgba(255,177,76,.18)}
.records-gate:before,.records-gate:after{content:"";position:absolute;left:0;right:0;height:14px;background:linear-gradient(#1e1109,#4b2b15 45%,#1b0f08);box-shadow:0 4px 14px rgba(0,0,0,.35)}.records-gate:before{top:0}.records-gate:after{bottom:0}
.gate-glow{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(255,145,45,.18),transparent 28%),radial-gradient(circle at 10% 10%,rgba(75,174,124,.13),transparent 24%)}
.records-gate .docs-shell{position:relative;z-index:1}.records-kicker,.record-no{font:900 9px/1.2 monospace;letter-spacing:.17em;color:#e69a4b}.records-gate h2{max-width:780px;margin:16px 0 18px;font-size:clamp(54px,6vw,82px);line-height:.9;color:#fff4d8;text-shadow:0 3px 18px rgba(0,0,0,.28)}.records-gate p{max-width:620px;margin:0;color:#d1c4a9;font-size:15px}.gate-rule{display:flex;align-items:center;gap:15px;margin-top:35px;font:800 8px/1 monospace;letter-spacing:.15em;color:#9caa91}.gate-rule i{height:1px;flex:1;background:linear-gradient(90deg,#d47b2e,rgba(212,123,46,.05))}.gate-rule b{color:#d69a58}

.records-body{padding:78px 0 70px}.record{position:relative;margin-bottom:100px}.record-one{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:520px}.record-art{margin:0;border:1px solid rgba(255,183,92,.18);box-shadow:0 34px 75px rgba(0,0,0,.35);overflow:hidden}.record-art img{width:100%;min-height:520px;object-fit:cover}.record-panel{position:relative;margin-left:-74px;padding:38px 40px;background:linear-gradient(160deg,rgba(10,67,52,.98),rgba(5,44,36,.99));border:1px solid rgba(236,165,78,.25);box-shadow:0 24px 55px rgba(0,0,0,.3)}.record-panel:before{content:"";position:absolute;inset:9px;border:1px solid rgba(236,165,78,.08);pointer-events:none}.record-panel h3,.record-heading h3,.calculator-copy h3{font-size:clamp(38px,4vw,58px);line-height:.9;margin:14px 0 22px}.record-panel h3 em,.record-heading h3 em{font-style:normal;color:#f08a36}.record-panel p{color:#b9cbbf;font-size:13px}.record-panel blockquote{margin:24px 0 0;padding:17px 19px;border-left:3px solid #f08a36;background:rgba(0,0,0,.2);color:#f6e8c9;font-size:12px;line-height:1.55}.record-panel blockquote small{display:block;margin-top:8px;color:#8da99b;font-size:8px}

.record-two{padding-top:20px}.record-heading{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:34px}.record-heading .record-no{grid-column:1/-1}.record-heading h3{margin:0}.record-heading>p{margin:0 0 5px;color:#9db4a7;font-size:13px}.record-wide-art{margin:0 -3vw;overflow:hidden;border:1px solid rgba(255,183,92,.16);box-shadow:0 38px 85px rgba(0,0,0,.38)}.record-wide-art img{width:100%}.record-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-48px 28px 0;position:relative}.record-compare article{padding:25px 27px;background:#f5e8c9;color:#173f35;box-shadow:0 20px 42px rgba(0,0,0,.24);border-top:5px solid #d77a2b}.record-compare .new-record{background:#e9f5ee;border-top-color:#1b8b70}.record-compare span{font:900 8px/1 monospace;letter-spacing:.15em;color:#a56830}.record-compare .new-record span{color:#267764}.record-compare h4{font-size:24px;margin:8px 0 16px}.record-compare dl{margin:0}.record-compare dl div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-top:1px solid rgba(17,64,53,.1)}.record-compare dt{font-size:10px;color:#6b7f78}.record-compare dd{margin:0;font-size:11px;font-weight:800}

.record-three{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;align-items:center;padding-top:18px}.calculator-copy p{color:#9db4a7;font-size:13px}.wood-console{position:relative;padding:30px 34px 25px;border:8px solid #29170c;background:
 linear-gradient(rgba(4,42,34,.94),rgba(5,57,45,.96)),
 repeating-linear-gradient(90deg,#5a341a 0 58px,#3c2414 59px 62px);
 box-shadow:inset 0 0 0 2px #7d4b25,0 25px 55px rgba(0,0,0,.34)}.console-screws{position:absolute;inset:9px;pointer-events:none}.console-screws i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ad713a;box-shadow:inset 0 0 0 2px #543019}.console-screws i:nth-child(1){left:0;top:0}.console-screws i:nth-child(2){right:0;top:0}.console-screws i:nth-child(3){left:0;bottom:0}.console-screws i:nth-child(4){right:0;bottom:0}.console-title{display:block;padding-bottom:16px;border-bottom:1px solid rgba(238,169,85,.18);font:900 9px/1 monospace;letter-spacing:.16em;color:#d69a58}.calc-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:18px;align-items:center;padding:27px 0 20px}.dn-medallion{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:2px solid #dc8b3d;background:radial-gradient(circle,#16624d,#073b30);box-shadow:0 0 0 6px rgba(220,139,61,.08)}.dn-medallion b{font-size:18px;color:#f5d6a8}.calc-value,.calc-result{text-align:center}.calc-value strong,.calc-result strong{display:block;font-size:31px}.calc-value span,.calc-result span{display:block;margin-top:5px;font:800 8px/1 monospace;letter-spacing:.12em;color:#8fb1a4}.calc-flow>i{font-style:normal;color:#e48b3c;font-size:24px}.calc-result{padding:17px 15px;background:#f07d25;color:#fff;box-shadow:0 10px 24px rgba(240,125,37,.2)}.calc-result strong{font-size:36px}.calc-result span{color:#ffe4c9}.wood-console>small{display:block;padding-top:13px;border-top:1px solid rgba(238,169,85,.14);color:#7fa397;font-size:8px}

.records-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:28px 32px;border:1px solid rgba(237,166,80,.24);background:linear-gradient(90deg,#0b493c,#0c5b48);box-shadow:0 20px 44px rgba(0,0,0,.24)}.records-cta h3{font-size:28px;margin:8px 0 4px}.records-cta p{margin:0;color:#a9c2b7;font-size:11px}.records-cta a{padding:12px 15px;background:#f57b20;color:#fff;text-decoration:none;font-size:9px;font-weight:900}

@media(max-width:900px){.record-one{grid-template-columns:1fr}.record-panel{margin:-40px 20px 0}.record-heading{grid-template-columns:1fr;gap:12px}.record-wide-art{margin:0}.record-compare{margin:-25px 14px 0}.record-three{grid-template-columns:1fr}.calc-flow{grid-template-columns:auto 1fr auto 1fr}.calc-result{grid-column:2/5}.records-cta{grid-template-columns:1fr}}
@media(max-width:560px){.records-gate{padding:72px 0 58px}.records-gate h2{font-size:48px}.records-body{padding-top:52px}.record{margin-bottom:72px}.record-art img{min-height:300px}.record-panel{margin:-22px 8px 0;padding:25px 22px}.record-panel h3,.record-heading h3,.calculator-copy h3{font-size:38px}.record-compare{grid-template-columns:1fr;margin:12px 0 0}.wood-console{padding:25px 20px 20px}.calc-flow{grid-template-columns:1fr 1fr}.dn-medallion{margin:auto}.calc-flow>i{transform:rotate(90deg);text-align:center}.calc-result{grid-column:1/-1}.protocol-divider{margin-top:52px}.evidence-head h3{font-size:34px!important}}


:root{--shell:1260px}

/* single sticky nav only; prevent accidental mid-page sticky descendants */
.app-header{position:sticky!important;top:0!important;z-index:1000!important}
.recovery-main nav,.world-app nav,.world-protocol nav,.world-archive nav{position:static!important}

/* dApp: stronger product shell */
.app-hero{padding-top:46px!important;padding-bottom:30px!important}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.72fr)!important;gap:72px!important}
.connect-panel{padding:34px!important;min-height:360px}
.panel-head h2{font-size:33px!important}
#wallet-support{font-size:13px!important}
.wallet-buttons button{min-height:68px!important}
.checker-result{min-height:62px!important}

/* Recovery Overview as one ledger, not four floating cards */
.dashboard{padding-top:26px!important}
.metric-grid{gap:0!important;border:1px solid rgba(130,235,201,.17)!important;background:#06352e!important}
.metric-grid article{min-height:112px!important;border:0!important;border-right:1px solid rgba(130,235,201,.13)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:21px 24px!important}
.metric-grid article:last-child{border-right:0!important}
.metric-grid article:hover{transform:none!important}
.metric-grid strong{font-size:29px!important}
.metric-grid small{font-size:11px!important}
.progress-card{margin-top:0!important;border-top:0!important;border-radius:0 0 12px 12px!important}

/* protocol: scale up the actual story */
.protocol{padding-top:76px!important}
.protocol-head h2{font-size:56px!important}
.protocol-head>p{font-size:15px!important;max-width:500px}
.protocol-rail{margin-top:62px!important;grid-template-columns:1fr 120px 1fr 120px 1fr!important}
.node-orbit{width:116px!important;height:116px!important;margin-bottom:27px!important}
.node-orbit b{font-size:28px!important}
.rail-node h3{font-size:25px!important}
.rail-node p{font-size:13px!important;max-width:280px;margin-inline:auto!important}
.rail-link{height:2px!important}
.assurance-strip{margin-top:26px!important}
.assurance-strip span{font-size:11px!important;padding:16px 24px!important}

/* protocol chapter separation */
.protocol-divider{margin-top:88px!important;padding-top:28px;border-top:1px solid rgba(99,201,235,.13)}
.evidence-head{margin-top:26px!important}
.evidence-head h3{font-size:48px!important;max-width:760px}
.evidence-head p{font-size:15px!important}
.evidence-console{margin-top:32px!important}
.console-row{min-height:150px!important;padding:30px 32px!important;grid-template-columns:78px 1fr 170px!important}
.console-kind{width:58px!important;height:58px!important;font-size:14px!important}
.console-main small{font-size:10px!important}
.console-main strong{font-size:15px!important;margin:10px 0 8px!important}
.console-main code{display:block;font-size:12px!important;line-height:1.55}
.console-state span{font-size:10px!important}
.console-state a{font-size:10px!important}

/* transition into archive */
.archive-transition{height:58px;display:flex;align-items:center;gap:16px;padding:0 max(24px,calc((100vw - var(--shell))/2));background:#031b18;border-top:1px solid rgba(99,201,235,.12);border-bottom:1px solid rgba(245,123,32,.28);font:900 8px/1 monospace;letter-spacing:.16em;color:#6f9186}
.archive-transition i{height:1px;flex:1;background:linear-gradient(90deg,rgba(245,123,32,.15),rgba(245,123,32,.65),rgba(245,123,32,.15))}
.archive-transition b{color:#d48a45}

/* Factory Records gate: shorter, stronger, less dead space */
.records-gate{padding:66px 0 58px!important}
.records-gate:after{box-shadow:0 -8px 26px rgba(239,126,35,.08),0 4px 14px rgba(0,0,0,.35)!important}
.records-gate h2{font-size:clamp(52px,5.4vw,74px)!important;max-width:700px!important}
.records-gate p{font-size:15px!important}
.gate-rule{margin-top:26px!important}

/* Record 01: image-led proportions, lighter copy panel */
.record-one{grid-template-columns:1.35fr .78fr!important;min-height:500px!important}
.record-art img{min-height:500px!important}
.record-panel{margin-left:-54px!important;padding:32px 34px!important}
.record-panel h3{font-size:clamp(36px,3.5vw,50px)!important}
.record-panel p{font-size:13px!important;line-height:1.55!important}
.record-panel blockquote{font-size:12px!important}

/* Record 02: tighten story to artwork */
.record-two{padding-top:0!important}
.record-heading{margin-bottom:22px!important;grid-template-columns:1fr .55fr!important}
.record-heading h3{font-size:clamp(40px,4vw,56px)!important}
.record-heading>p{font-size:13px!important}
.record-wide-art{margin-inline:-2vw!important}
.record-compare article{padding:26px 30px!important}
.record-compare dl div{padding:10px 0!important}
.record-compare dt,.record-compare dd{font-size:12px!important}
.record-compare dd:before{content:"✓ ";color:#19846b;font-weight:900}
.old-record dd:before{content:"↻ ";color:#b36b2d}

/* Record 03: hero calculator */
.record-three{grid-template-columns:.55fr 1.45fr!important;gap:64px!important}
.calculator-copy h3{font-size:48px!important}
.calculator-copy p{font-size:14px!important}
.wood-console{padding:36px 40px 30px!important;border-width:9px!important}
.console-title{font-size:10px!important}
.calc-flow{padding:32px 0 25px!important;gap:22px!important}
.dn-medallion{width:78px!important;height:78px!important;position:relative}
.dn-medallion:before{content:"◇";position:absolute;top:7px;font-size:15px;color:#e5a75f}
.dn-medallion b{font-size:20px!important;margin-top:11px}
.calc-value strong{font-size:38px!important}
.calc-result{padding:22px 20px!important}
.calc-result strong{font-size:48px!important}
.wood-console>small{font-size:9px!important}

/* CTA: stronger action */
.records-cta{padding:32px 36px!important}
.records-cta h3{font-size:32px!important}
.records-cta p{font-size:12px!important}
.records-cta a{padding:15px 19px!important;font-size:10px!important;box-shadow:0 10px 25px rgba(245,123,32,.2)}

/* minimum readable copy */
.hero-copy>p,.records-gate p{line-height:1.65}
.security-note{font-size:11px!important}

/* restrained entry motion; respects reduced-motion */
@media (prefers-reduced-motion:no-preference){
  .reveal-flow .rail-link{transform:scaleX(0);transform-origin:left;animation:railDraw .7s ease forwards}
  .reveal-flow .rail-link:nth-of-type(2){animation-delay:.28s}
  .reveal-calc .calc-value,.reveal-calc .calc-result,.reveal-calc .dn-medallion{opacity:0;transform:translateY(8px);animation:calcIn .45s ease forwards}
  .reveal-calc .calc-value{animation-delay:.12s}.reveal-calc .calc-result{animation-delay:.34s}
  @keyframes railDraw{to{transform:scaleX(1)}}
  @keyframes calcIn{to{opacity:1;transform:none}}
}

@media(max-width:900px){
  :root{--shell:100%}
  .hero-grid{grid-template-columns:1fr!important}
  .connect-panel{min-height:0}
  .protocol-rail{grid-template-columns:1fr!important}
  .console-row{grid-template-columns:64px 1fr!important}
  .console-state{grid-column:2!important}
  .record-one{grid-template-columns:1fr!important}
  .record-panel{margin:-35px 20px 0!important}
  .record-heading{grid-template-columns:1fr!important}
  .record-three{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .archive-transition{padding-inline:14px}.archive-transition span{display:none}
  .metric-grid article{padding:15px!important}.metric-grid strong{font-size:21px!important}
  .protocol-head h2{font-size:40px!important}.evidence-head h3{font-size:36px!important}
  .console-row{min-height:0!important;padding:20px 15px!important}
  .record-panel{margin:-20px 8px 0!important}
  .wood-console{padding:26px 20px 22px!important}
}


:root{--shell:1260px}

/* transitions between the three worlds */
.world-transition{height:42px;display:flex;align-items:center;gap:14px;padding:0 max(24px,calc((100vw - var(--shell))/2));font:900 8px/1 monospace;letter-spacing:.15em}
.world-transition i{height:1px;flex:1}
.protocol-transition{background:linear-gradient(90deg,#04342c,#062735);color:#71a89a;border-top:1px solid rgba(114,221,183,.1);border-bottom:1px solid rgba(99,201,235,.14)}
.protocol-transition i{background:linear-gradient(90deg,rgba(114,221,183,.12),rgba(99,201,235,.65),rgba(99,201,235,.12))}
.protocol-transition b{color:#68cbea}

/* one continuous ledger surface */
.metric-grid{border-radius:12px 12px 0 0!important}
.metric-grid article{position:relative}
.metric-grid article:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:rgba(114,221,183,.08)}
.progress-card{border-radius:0 0 12px 12px!important}

/* protocol chapters */
.protocol-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
.protocol-head .eyebrow{grid-column:1}
.protocol-chapter{grid-column:2;font:900 9px/1 monospace;letter-spacing:.15em;color:#759da8}
.protocol-head h2{grid-column:1/-1}
.sugr-node b{font-size:16px!important;letter-spacing:.02em}
.protocol-divider span{font-size:10px!important}
.protocol-divider:before{content:"PUBLICLY VERIFIABLE";margin-right:4px;color:#557e89;font:800 8px/1 monospace;letter-spacing:.14em}

/* slightly distinct evidence chapter, same protocol system */
.evidence-head,.evidence-console,.security-note{position:relative}
.evidence-head:before{content:"";position:absolute;left:-28px;top:-18px;bottom:-8px;width:2px;background:linear-gradient(#63c9eb,rgba(99,201,235,0))}
.evidence-console{box-shadow:0 22px 50px rgba(0,0,0,.18),0 0 0 1px rgba(99,201,235,.03)}

/* continuous Factory Records room */
.factory-records{background:
 radial-gradient(circle at 78% 18%,rgba(224,132,46,.08),transparent 22%),
 repeating-linear-gradient(90deg,rgba(83,49,25,.06) 0 72px,rgba(20,66,52,.025) 73px 145px),
 #062a23!important}
.records-body{position:relative}
.records-body:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;background:
 linear-gradient(90deg,transparent,rgba(255,169,70,.025) 50%,transparent),
 radial-gradient(circle at 15% 30%,rgba(255,153,59,.05),transparent 19%),
 radial-gradient(circle at 85% 70%,rgba(73,170,126,.05),transparent 21%)}

/* unified record identity */
.record-id{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:900 9px/1 monospace;letter-spacing:.14em}
.record-id i{width:8px;height:8px;border-radius:50%;background:#c98239;box-shadow:0 0 0 4px rgba(201,130,57,.1)}
.record-id span{color:#e2a15d}.record-id b{color:#779f90;font-weight:800}
.record-panel>.record-id{margin-bottom:14px}
.record-heading>.record-id{grid-column:1/-1}
.calculator-copy>.record-id{margin-bottom:16px}
.record-beam{position:relative;height:22px;margin:8px 0 70px;background:linear-gradient(#1c1009,#4b2b16 42%,#2a170c 65%,#160c07);border-top:1px solid rgba(231,160,78,.2);border-bottom:1px solid rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.record-beam:before,.record-beam:after{content:"";position:absolute;top:6px;width:9px;height:9px;border-radius:50%;background:#8b572e;box-shadow:inset 0 0 0 2px #4d2b16}.record-beam:before{left:14px}.record-beam:after{right:14px}

/* Record 01/02/03 stages share same environmental framing */
.record{z-index:1}
.record-one,.record-two,.record-three{position:relative;padding-left:18px;padding-right:18px}
.record-one:before,.record-two:before,.record-three:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(rgba(225,153,72,.45),rgba(225,153,72,0))}
.record-panel{background:linear-gradient(160deg,rgba(10,73,58,.98),rgba(5,46,38,.99))!important}
.record-heading{padding-top:10px}
.record-three{padding-top:6px!important}

/* control-desk finale */
.record-three{padding-bottom:18px}
.wood-console{background:
 linear-gradient(rgba(4,42,34,.94),rgba(5,57,45,.97)),
 repeating-linear-gradient(90deg,#5a341a 0 58px,#3c2414 59px 62px)!important;
 box-shadow:inset 0 0 0 2px #7d4b25,0 30px 65px rgba(0,0,0,.38)!important}
.console-title{color:#e4a45f!important}
.calc-result{box-shadow:0 0 24px rgba(240,125,37,.16),0 10px 24px rgba(240,125,37,.22)!important}

/* readable type */
.record-panel p,.record-heading>p,.calculator-copy p{font-size:14px!important}
.record-compare dt,.record-compare dd{font-size:12px!important}
.console-main code{font-size:12px!important}
.rail-node p{line-height:1.55!important}

/* CTA belongs to the same room */
.records-cta{border-top:1px solid rgba(229,157,75,.28)!important;border-bottom:1px solid rgba(0,0,0,.35)!important}

/* mobile */
@media(max-width:900px){
 .protocol-head>div:first-child{grid-template-columns:1fr}.protocol-head .eyebrow,.protocol-chapter,.protocol-head h2{grid-column:1}
 .protocol-chapter{margin-top:8px}
 .record-one,.record-two,.record-three{padding-inline:0}
 .record-one:before,.record-two:before,.record-three:before{display:none}
}
@media(max-width:560px){
 .world-transition{padding-inline:14px}.world-transition span{display:none}
 .record-id{flex-wrap:wrap}.record-id b{width:100%;padding-left:18px}
 .record-beam{margin-bottom:48px}
}



/* Typography rhythm */
.hero-copy>p,.protocol-head>p,.evidence-head p,.records-gate p,
.record-panel p,.record-heading>p,.calculator-copy p{max-width:68ch}
.eyebrow,.protocol-chapter,.record-id,.records-kicker{letter-spacing:.13em!important}

/* Protocol: two explicit chapters, no confusing concatenation */
.protocol-head>div:first-child{display:block!important}
.protocol-head .eyebrow{display:block;margin-bottom:10px}
.protocol-chapter{display:inline-flex!important;align-items:center;gap:8px;margin-bottom:12px;padding:6px 9px;border:1px solid rgba(99,201,235,.18);border-radius:999px;color:#8eb7c2!important;background:rgba(99,201,235,.035)}
.protocol-head h2{margin-top:0!important}
.clean-divider{margin-top:82px!important;padding-top:34px!important;display:flex!important;align-items:center!important;gap:14px!important;border-top:1px solid rgba(99,201,235,.14)!important}
.clean-divider:before{display:none!important}
.clean-divider span{display:inline-flex;padding:7px 10px;border:1px solid rgba(99,201,235,.18);border-radius:999px;background:rgba(99,201,235,.035);color:#75cde9!important;font:900 9px/1 monospace!important;letter-spacing:.14em!important}
.clean-divider i{height:1px!important;flex:1!important;background:linear-gradient(90deg,rgba(99,201,235,.35),rgba(99,201,235,0))!important}
.evidence-head h3{margin-top:12px!important}
.protocol-rail{margin-top:48px!important}

/* Protocol copy volume: keep process concise, evidence explanatory */
.rail-node p{max-width:250px!important;font-size:12.5px!important;color:#92afb7!important}
.evidence-head p{max-width:650px}
.assurance-strip span{white-space:nowrap}

/* Official Sugar Factory preserved-record environment */
.records-gate{
 background:
 linear-gradient(90deg,rgba(33,18,8,.74),rgba(10,48,37,.80)),
 repeating-linear-gradient(90deg,#3b2413 0 72px,#29190f 73px 77px,#4a2c17 78px 148px)!important
}
.records-kicker{color:#efad65!important}

/* Continue same visual language below gate, but lighter */
.factory-records{
 background:
 radial-gradient(circle at 78% 12%,rgba(232,154,70,.10),transparent 22%),
 linear-gradient(90deg,rgba(77,47,25,.14),rgba(11,69,53,.04) 45%,rgba(77,47,25,.12)),
 repeating-linear-gradient(90deg,#0b3b30 0 72px,#0a352c 73px 77px,#0d4235 78px 148px)!important
}
.records-body{
 padding-top:72px!important;
 background:
 linear-gradient(90deg,rgba(238,178,105,.025),transparent 16%,transparent 84%,rgba(238,178,105,.025)),
 radial-gradient(circle at 50% 0%,rgba(231,154,70,.055),transparent 25%)!important
}

/* Story-scroll spine and sustained wood frame */
.story-scroll{position:relative!important;padding-left:34px!important;padding-right:34px!important}
.story-scroll:before,.story-scroll:after{
 content:"";position:absolute;top:0;bottom:0;width:12px;z-index:0;
 background:linear-gradient(90deg,#1d1008,#57331a 45%,#2a170c 70%,#160c07);
 border-left:1px solid rgba(236,165,78,.14);border-right:1px solid rgba(0,0,0,.5);
 box-shadow:0 0 18px rgba(0,0,0,.2)
}
.story-scroll:before{left:0}.story-scroll:after{right:0}
.story-scroll>.record,.story-scroll>.record-beam,.story-scroll>.records-cta{position:relative;z-index:1}

/* Consistent record header */
.record-id{padding-bottom:12px;border-bottom:1px solid rgba(226,161,93,.16)!important}
.record-id i{background:#d68b42!important;box-shadow:0 0 0 4px rgba(214,139,66,.10)!important}
.record-id span{color:#efad65!important}
.record-id b{color:#8db1a1!important}
.record-one,.record-two,.record-three{
 padding-top:24px!important;padding-bottom:24px!important;
 background:linear-gradient(90deg,rgba(6,46,37,.36),rgba(9,64,50,.16),rgba(6,46,37,.36))!important
}

/* Record 01 integrates with scroll */
.record-art{border-color:rgba(229,157,75,.22)!important}
.record-panel{border-color:rgba(229,157,75,.26)!important}
.record-panel:after{content:"PRESERVED LEGACY RECORD";position:absolute;right:18px;bottom:12px;font:800 7px/1 monospace;letter-spacing:.14em;color:rgba(232,171,105,.38)}

/* Record 02 remains centerpiece but uses same framed stage */
.record-heading{padding-left:10px;padding-right:10px}
.record-wide-art{border-top:3px solid rgba(225,151,70,.28)!important;border-bottom:3px solid rgba(225,151,70,.22)!important}
.record-compare article{border-radius:0!important}
.record-compare .old-record{background:#f0dfba!important}
.record-compare .new-record{background:#e4f1e9!important}

/* Record 03 becomes the scroll's control-desk finale */
.record-three{margin-bottom:54px!important}
.calculator-copy{padding-left:10px}
.wood-console{border-color:#28170d!important}
.wood-console:after{content:"SUGAR FACTORY / FIXED RECOVERY";position:absolute;right:24px;bottom:11px;font:800 7px/1 monospace;letter-spacing:.13em;color:rgba(224,161,91,.34)}

/* Wooden separators look like scroll rollers */
.record-beam{height:26px!important;margin:20px 0 54px!important;border-radius:999px!important;background:linear-gradient(#21120a,#633a1d 38%,#382010 68%,#180d07)!important;box-shadow:inset 0 1px 0 rgba(255,190,111,.16),0 9px 22px rgba(0,0,0,.25)!important}
.record-beam:before,.record-beam:after{top:7px!important;width:11px!important;height:11px!important;background:#a26a35!important}

/* CTA sustained inside same record room */
.records-cta{margin-inline:10px;background:linear-gradient(90deg,#0a493c,#0e654f)!important;border-color:rgba(232,164,83,.28)!important}

/* Color consistency */
.record-heading h3,.calculator-copy h3,.records-cta h3{color:#f6ecd5!important}
.record-heading>p,.calculator-copy p{color:#a9c0b5!important}
.record-compare h4{color:#173f35!important}

/* Improve context/readability without inflating everything */
.record-panel p{font-size:13.5px!important}
.record-panel blockquote{font-size:11.5px!important}
.record-heading>p,.calculator-copy p{line-height:1.6!important}
.console-main strong{letter-spacing:-.01em}

/* Mobile scroll framing */
@media(max-width:900px){
 .story-scroll{padding-left:22px!important;padding-right:22px!important}
 .story-scroll:before,.story-scroll:after{width:8px}
}
@media(max-width:560px){
 .story-scroll{padding-left:12px!important;padding-right:12px!important}
 .story-scroll:before,.story-scroll:after{display:none}
 .record-one,.record-two,.record-three{padding-inline:0!important}
 .assurance-strip span{white-space:normal}
}



/* Major world handoff: application -> protocol */
.system-handoff{
  height:62px!important;
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 max(24px,calc((100vw - var(--shell))/2))!important;
  background:linear-gradient(90deg,#04362d 0%,#06332f 45%,#072b38 55%,#082f3f 100%)!important;
  border-top:1px solid rgba(114,221,183,.12)!important;
  border-bottom:1px solid rgba(99,201,235,.18)!important
}
.handoff-side{display:grid;gap:4px}
.handoff-side span{font:900 9px/1 monospace;letter-spacing:.15em}
.handoff-side b{font:700 8px/1 monospace;letter-spacing:.10em}
.handoff-app span{color:#84d7b8}.handoff-app b{color:#628f80}
.handoff-chain{text-align:right}.handoff-chain span{color:#74d1ef}.handoff-chain b{color:#638e9b}
.handoff-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.handoff-line i{height:1px;background:linear-gradient(90deg,rgba(114,221,183,.18),rgba(99,201,235,.55))}
.handoff-line i:last-child{background:linear-gradient(90deg,rgba(99,201,235,.55),rgba(99,201,235,.18))}
.handoff-line em{width:10px;height:10px;border-radius:50%;background:#6ad0ed;box-shadow:0 0 0 5px rgba(99,201,235,.08),0 0 18px rgba(99,201,235,.38)}

/* Minor chapter divider inside Recovery Protocol */
.chapter-separator{
  margin:74px 0 22px!important;
  padding:0!important;
  border:0!important;
  display:grid!important;
  grid-template-columns:1fr auto auto 1fr!important;
  align-items:center!important;
  gap:10px!important
}
.chapter-separator i{height:1px;background:linear-gradient(90deg,rgba(99,201,235,0),rgba(99,201,235,.32))}
.chapter-separator i:last-child{background:linear-gradient(90deg,rgba(99,201,235,.32),rgba(99,201,235,0))}
.chapter-separator span{padding:0!important;border:0!important;background:none!important;color:#638d99!important;font:800 8px/1 monospace!important;letter-spacing:.14em!important}
.chapter-separator em{width:7px;height:7px;border-radius:50%;background:#62c9e9;box-shadow:0 0 12px rgba(99,201,235,.4)}
.evidence-chapter{margin-bottom:12px}
.evidence-chapter span{display:inline-flex;padding:7px 10px;border:1px solid rgba(99,201,235,.18);border-radius:999px;background:rgba(99,201,235,.035);color:#75cde9;font:900 9px/1 monospace;letter-spacing:.14em}
.evidence-head{margin-top:0!important}

/* Sugar Factory outer frame remains dark wood / forest */
.factory-records{
  background:
    linear-gradient(90deg,rgba(41,24,12,.55),rgba(7,43,34,.80) 12%,rgba(7,43,34,.80) 88%,rgba(41,24,12,.55)),
    repeating-linear-gradient(90deg,#24150b 0 18px,#3c2413 19px 25px,#071f1a 26px 100%)!important
}

/* Scroll interior becomes warm archival paper / pale amber */
.records-body{
  margin-top:0!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
  color:#183f35!important;
  background:
    radial-gradient(ellipse at 12% 18%,rgba(226,127,38,.10),transparent 22%),
    radial-gradient(ellipse at 88% 55%,rgba(226,127,38,.08),transparent 24%),
    radial-gradient(ellipse at 28% 84%,rgba(63,116,81,.055),transparent 20%),
    linear-gradient(180deg,#f5dfb2 0%,#faebc9 48%,#f2d79f 100%)!important;
  box-shadow:inset 0 0 80px rgba(105,65,26,.08)
}
/* casual organic motifs: very low contrast */
.records-body:after{
  content:"";
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.32;
  background:
    radial-gradient(ellipse at 9% 22%,transparent 0 54px,rgba(117,91,49,.055) 55px 57px,transparent 58px),
    radial-gradient(ellipse at 91% 48%,transparent 0 70px,rgba(117,91,49,.045) 71px 73px,transparent 74px),
    radial-gradient(ellipse at 17% 76%,transparent 0 44px,rgba(57,106,75,.045) 45px 47px,transparent 48px)
}
.story-scroll:before,.story-scroll:after{
  width:14px!important;
  background:linear-gradient(90deg,#1d1008,#57331a 45%,#2a170c 70%,#160c07)!important;
  border-color:rgba(236,165,78,.18)!important
}
.story-scroll>.record,.story-scroll>.record-beam{z-index:2!important}

/* Record stages: same scroll, clearer contrast */
.record-one,.record-two,.record-three{
  background:transparent!important;
  color:#173f35!important
}
.record-one:before,.record-two:before,.record-three:before{display:none!important}
.record-id{border-bottom-color:rgba(114,79,35,.16)!important}
.record-id span{color:#a76025!important}.record-id b{color:#657c70!important}
.record-id i{background:#c9772f!important;box-shadow:0 0 0 4px rgba(201,119,47,.10)!important}

/* Record 01: preserve dark emerald panel as a story object */
.record-panel{
  background:linear-gradient(160deg,#0b5544,#073d33)!important;
  color:#fff!important;
  box-shadow:0 24px 50px rgba(77,47,19,.18)!important
}
.record-panel .record-id{border-bottom-color:rgba(238,177,105,.16)!important}
.record-panel .record-id span{color:#efad65!important}.record-panel .record-id b{color:#9fc2b3!important}
.record-panel h3{color:#fff3d9!important}.record-panel p{color:#bfd0c8!important}
.record-panel blockquote{background:rgba(0,0,0,.18)!important}
.record-art{box-shadow:0 28px 55px rgba(93,58,22,.18)!important}

/* Record 02: dark typography on warm paper */
.record-heading h3,.calculator-copy h3{color:#16483b!important}
.record-heading>p,.calculator-copy p{color:#5c7167!important}
.record-heading h3 em{color:#d56f25!important}
.record-wide-art{box-shadow:0 30px 65px rgba(91,56,20,.2)!important}
.record-compare .old-record{background:#f5e3b9!important}
.record-compare .new-record{background:#e5f1e9!important}
.record-compare article{box-shadow:0 16px 35px rgba(89,55,21,.14)!important}

/* Wood rollers stay as story separators */
.record-beam{
  margin:28px 0 58px!important;
  background:linear-gradient(#21120a,#633a1d 38%,#382010 68%,#180d07)!important;
  box-shadow:inset 0 1px 0 rgba(255,190,111,.16),0 9px 22px rgba(88,51,18,.2)!important
}

/* Record 03: control desk now sits visibly on parchment */
.wood-console{
  box-shadow:inset 0 0 0 2px #7d4b25,0 26px 52px rgba(83,50,18,.22)!important
}
.calculator-copy .record-id span{color:#a76025!important}
.calculator-copy .record-id b{color:#657c70!important}

/* Archive ends before action */
.records-body{border-bottom:12px solid #3b2212}
.records-body:before{pointer-events:none}

/* Full-width closing return hero */
.return-terminal{
  position:relative;
  padding:70px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 40%,rgba(79,216,163,.12),transparent 24%),
    linear-gradient(135deg,#031b18,#063c31);
  border-top:1px solid rgba(114,221,183,.15)
}
.return-terminal:before{content:"DN";position:absolute;right:6vw;top:-48px;font:900 220px/.9 Impact,sans-serif;color:rgba(114,221,183,.035);transform:rotate(-7deg)}
.return-terminal-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.return-kicker{font:900 9px/1 monospace;letter-spacing:.16em;color:#ef9a4d}
.return-copy h2{font-size:48px;line-height:.95;margin:12px 0 14px}
.return-copy p{max-width:650px;margin:0;color:#a9c2b8;font-size:14px}
.return-safety{display:flex;gap:18px;margin-top:20px;color:#78b69f;font:800 9px/1 monospace;letter-spacing:.08em}
.return-action{display:grid;justify-items:center;gap:18px;min-width:220px}
.return-dn{width:96px;height:96px;display:grid;place-items:center;position:relative;border:2px solid #d98a3d;border-radius:50%;background:radial-gradient(circle,#14614c,#07392f);box-shadow:0 0 0 8px rgba(217,138,61,.07),0 16px 35px rgba(0,0,0,.2)}
.return-dn span{position:absolute;top:13px;color:#e7aa62;font-size:20px}.return-dn b{margin-top:17px;font-size:24px;color:#f3d4a5}
.return-action a{padding:15px 19px;border-radius:8px;background:#f57b20;color:#fff;text-decoration:none;font-size:10px;font-weight:900;box-shadow:0 10px 24px rgba(245,123,32,.2)}

/* Archive immersion: header stops being visually dominant over records.
   Sticky remains technically stable elsewhere; archive scroll content gets its own top layer. */
.immersive-archive{position:relative;z-index:1001}
.immersive-archive + .return-terminal{position:relative;z-index:1001}

/* Body readability */
.record-panel p,.record-heading>p,.calculator-copy p{font-size:14px!important}
.record-compare dt,.record-compare dd{font-size:12px!important}

@media(max-width:900px){
 .system-handoff{grid-template-columns:1fr auto 1fr!important;gap:12px!important}
 .handoff-side b{display:none}
 .story-scroll{padding-inline:24px!important}
 .return-terminal-inner{grid-template-columns:1fr!important}
 .return-action{justify-items:start}
}
@media(max-width:560px){
 .system-handoff{height:54px!important;padding-inline:14px!important}
 .handoff-side span{font-size:7px}.handoff-line{min-width:70px}
 .chapter-separator{margin-top:54px!important}
 .records-body{padding-top:48px!important;padding-bottom:48px!important}
 .story-scroll{padding-inline:12px!important}
 .return-terminal{padding:52px 0}
 .return-copy h2{font-size:38px}
 .return-safety{display:grid;gap:8px}
 .return-dn{width:78px;height:78px}
}



/* Neutral graphite major handoff: distinct from both dApp and protocol */
.system-handoff{
  background:#11191a!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(99,201,235,.18)!important
}
.handoff-app span{color:#75c7a9!important}.handoff-app b{color:#657d75!important}
.handoff-chain span{color:#72cce9!important}.handoff-chain b{color:#657f88!important}
.handoff-line i{background:linear-gradient(90deg,rgba(117,199,169,.08),rgba(103,196,224,.48))!important}
.handoff-line i:last-child{background:linear-gradient(90deg,rgba(103,196,224,.48),rgba(103,196,224,.08))!important}
.handoff-line em{background:#69cbe9!important;box-shadow:0 0 0 5px rgba(105,203,233,.07),0 0 20px rgba(105,203,233,.34)!important}

/* Step separator: one luminous line, same protocol world */
.chapter-separator{
  grid-template-columns:1fr auto 1fr!important;
  gap:12px!important;
  margin:76px 0 24px!important
}
.chapter-separator span{display:none!important}
.chapter-separator em{
  width:8px!important;height:8px!important;
  background:#65cbea!important;
  box-shadow:0 0 0 5px rgba(101,203,234,.07),0 0 22px rgba(101,203,234,.48)!important
}
.chapter-separator i{
  height:1px!important;
  background:linear-gradient(90deg,rgba(101,203,234,0),rgba(101,203,234,.62))!important
}
.chapter-separator i:last-child{
  background:linear-gradient(90deg,rgba(101,203,234,.62),rgba(101,203,234,0))!important
}
.evidence-chapter{margin-bottom:14px!important}

/* Interaction language:
   solid orange = actionable; mint outline = status; values never mimic buttons */
.status-badge{
  display:inline-flex!important;
  width:max-content;
  padding:5px 7px;
  border:1px solid rgba(89,210,158,.28);
  border-radius:999px;
  background:rgba(89,210,158,.055);
  color:#73d9b0!important;
  font:900 9px/1 monospace!important;
  letter-spacing:.08em
}
.console-state a{display:inline-block;padding:5px 0;color:#f09a55!important}
.console-state a:hover{text-decoration:underline}
.return-action a,.records-cta a,.wallet-buttons button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.return-action a:hover,.records-cta a:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 13px 28px rgba(245,123,32,.26)!important}

/* Scroll interior: sage + warm cream, no brown parchment wash */
.records-body{
  background:
    radial-gradient(ellipse at 13% 18%,rgba(231,132,45,.085),transparent 22%),
    radial-gradient(ellipse at 88% 54%,rgba(231,132,45,.06),transparent 24%),
    radial-gradient(ellipse at 26% 82%,rgba(58,116,81,.055),transparent 20%),
    linear-gradient(180deg,#dfe6cf 0%,#ece5c8 48%,#dde3c9 100%)!important;
  box-shadow:inset 0 0 90px rgba(67,77,46,.07)!important
}
/* subtle leaf/acorn/diamond-like line motifs */
.records-body:after{
  opacity:.42!important;
  background:
    radial-gradient(ellipse at 8% 20%,transparent 0 52px,rgba(62,101,70,.045) 53px 55px,transparent 56px),
    radial-gradient(ellipse at 91% 47%,transparent 0 68px,rgba(172,103,39,.04) 69px 71px,transparent 72px),
    linear-gradient(45deg,transparent 49.4%,rgba(68,105,75,.025) 49.6% 50.4%,transparent 50.6%) 85% 76%/90px 90px no-repeat,
    radial-gradient(ellipse at 17% 77%,transparent 0 42px,rgba(65,105,73,.04) 43px 45px,transparent 46px)!important
}

/* Scroll frame remains visually Sugar Factory */
.story-scroll:before,.story-scroll:after{
  background:linear-gradient(90deg,#1c1008,#543119 44%,#2a170c 72%,#150c07)!important;
  box-shadow:0 0 20px rgba(0,0,0,.18)!important
}

/* Record headers and typography on lighter canvas */
.record-id span{color:#99561f!important}
.record-id b{color:#5e776a!important}
.record-id i{background:#bd6e29!important}
.record-heading h3,.calculator-copy h3{color:#124638!important}
.record-heading>p,.calculator-copy p{color:#526a60!important}

/* Record 02: policy comparison is outcome-oriented and readable */
.record-compare{align-items:stretch}
.record-compare article{padding:28px 30px!important}
.record-compare h4{font-size:23px!important}
.record-compare dl div{display:grid!important;grid-template-columns:140px 1fr!important;gap:18px!important;align-items:start}
.record-compare dt{font-weight:700;color:#687a72!important}
.record-compare dd{font-weight:800;color:#1d443a!important;text-align:right}
.record-compare dd:before{display:none!important}
.policy-benefit{
  margin:18px 0 0;
  padding:13px 15px;
  border-left:3px solid #1d8b70;
  background:rgba(29,139,112,.065);
  color:#175545;
  font-size:12px;
  font-weight:800;
  line-height:1.45
}

/* Calculation: result is a readout, never a CTA */
.console-title{color:#d7a05f!important;font-size:9px!important}
.calc-result{
  padding:14px 10px!important;
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  border-bottom:2px solid rgba(240,132,44,.72)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08)!important
}
.calc-result strong{
  font-size:39px!important;
  color:#f4e7cc!important;
  white-space:nowrap
}
.calc-result strong em{
  font-style:normal;
  color:#f08a36;
  font-size:.55em;
  letter-spacing:.02em
}
.calc-result span{color:#91b4a6!important;font-size:8px!important}
.calc-value strong{color:#f3ead6!important}
.calc-value span{color:#8eb0a3!important}
.calc-flow>i{color:#d9853a!important}
.dn-medallion{border-color:#d18a42!important}
.dn-medallion:before{color:#dca05b!important}

/* Record 03 panel title/readout hierarchy */
.wood-console{border-color:#29180d!important;background:
 linear-gradient(rgba(4,42,34,.96),rgba(5,56,45,.98)),
 repeating-linear-gradient(90deg,#543119 0 58px,#382112 59px 62px)!important
}

/* Top and protocol readable copy */
.hero-copy>p,.protocol-head>p,.rail-node p,.evidence-head p{font-size:14px!important}
#wallet-support{font-size:12.5px!important}
.console-main code{font-size:11.5px!important}

/* Final terminal: actionable button clearly distinct from DN badge */
.return-dn{border-color:#d28a40!important}
.return-action a{background:#f57b20!important}
.return-safety span{color:#7bc0a6}

/* Responsive policy comparison */
@media(max-width:560px){
 .record-compare dl div{grid-template-columns:1fr!important;gap:4px!important}
 .record-compare dd{text-align:left}
 .calc-result strong{font-size:34px!important}
}


.protocol-head{position:relative}
.protocol-head:before,.evidence-head:before{content:"";position:absolute;left:-28px;top:0;bottom:0;width:2px;background:linear-gradient(#65cbea,rgba(101,203,234,.45),transparent);box-shadow:0 0 12px rgba(101,203,234,.18)}
.protocol-head>div:first-child{position:relative}
.protocol-chapter{border:0!important;background:transparent!important;padding:0!important;color:#83aab5!important}
.chapter-separator{grid-template-columns:1fr auto 1fr!important;gap:12px!important;margin:72px 0 28px!important}
.chapter-separator span{display:none!important}
.chapter-separator i{height:2px!important;background:linear-gradient(90deg,transparent,rgba(101,203,234,.8))!important;box-shadow:0 0 8px rgba(101,203,234,.14)}
.chapter-separator i:last-child{background:linear-gradient(90deg,rgba(101,203,234,.8),transparent)!important}
.chapter-separator em{width:9px!important;height:9px!important;box-shadow:0 0 0 6px rgba(101,203,234,.08),0 0 26px rgba(101,203,234,.62)!important}

/* Light-green Sugar Factory scroll with restrained botanical motifs */
.records-body{background:radial-gradient(ellipse at 12% 17%,rgba(242,159,73,.07),transparent 20%),radial-gradient(ellipse at 88% 55%,rgba(242,159,73,.05),transparent 23%),linear-gradient(180deg,#dbe8d3 0%,#e6eddc 46%,#d6e4d0 100%)!important;box-shadow:inset 0 0 90px rgba(37,82,58,.06)!important}
.records-body:after{opacity:1!important;background:radial-gradient(ellipse at 7% 16%,transparent 0 58px,rgba(38,91,62,.035) 59px 61px,transparent 62px),radial-gradient(ellipse at 93% 39%,transparent 0 76px,rgba(38,91,62,.03) 77px 79px,transparent 80px),radial-gradient(ellipse at 14% 72%,transparent 0 48px,rgba(38,91,62,.03) 49px 51px,transparent 52px),linear-gradient(62deg,transparent 49.4%,rgba(42,91,64,.025) 49.7% 50.3%,transparent 50.6%) 4% 28%/150px 110px no-repeat,linear-gradient(118deg,transparent 49.4%,rgba(42,91,64,.024) 49.7% 50.3%,transparent 50.6%) 96% 63%/180px 130px no-repeat!important}

/* Record 02: plain-language holder comparison */
.holder-comparison{grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:-54px!important}
.holder-comparison article{padding:0!important;overflow:hidden;border:1px solid rgba(35,75,59,.12)!important;border-top:4px solid #c9782e!important;box-shadow:0 18px 38px rgba(54,74,48,.12)!important}
.holder-comparison .old-record{background:#f4e4bd!important}.holder-comparison .new-record{background:#e7f3e9!important;border-top-color:#23866f!important}
.comparison-title{padding:24px 27px 20px}.comparison-title span{font:900 9px/1 monospace;letter-spacing:.13em}.old-record .comparison-title span{color:#9e5e29}.new-record .comparison-title span{color:#27735f}
.comparison-title h4{font-size:24px!important;line-height:1.05;margin:8px 0 10px!important;color:#173f35!important}.comparison-title>p{margin:0;color:#566e64;font-size:13px;line-height:1.5}
.plain-points{list-style:none;margin:0;padding:0 27px 22px}.plain-points li{position:relative;padding:14px 0 14px 24px;border-top:1px solid rgba(30,73,57,.10)}.plain-points li:before{position:absolute;left:0;top:15px;font-weight:900;font-size:13px}.old-record .plain-points li:before{content:"↻";color:#b26b2f}.new-record .plain-points li:before{content:"✓";color:#21866d}
.plain-points b{display:block;color:#1d4439;font-size:12.5px;margin-bottom:4px}.plain-points small{display:block;color:#61766d;font-size:11.5px;line-height:1.45}
.holder-comparison .policy-benefit{margin:0 27px 24px!important;padding:14px 16px!important;border-left:3px solid #21866d!important;background:rgba(33,134,109,.07)!important;color:#174f41!important;font-size:12px!important;line-height:1.5!important}

/* Interaction semantics + calmer calculation */
a[href],button{cursor:pointer}.status-badge,.protocol-chapter,.evidence-chapter span,.secure-badge,.status-pill{cursor:default!important}
.calc-result{background:rgba(255,255,255,.015)!important;border:0!important;border-bottom:2px solid #d98a3f!important;box-shadow:none!important}
.calc-result strong{color:#f5ead4!important}.calc-result strong em{color:#e58a3d!important}.calc-result span{color:#8eb0a3!important}
.console-title{color:#a8c4b8!important}
.return-action a:focus-visible,.wallet-buttons button:focus-visible,.console-state a:focus-visible{outline:2px solid #f5a05b;outline-offset:3px}

@media(max-width:900px){.protocol-head:before,.evidence-head:before{left:-14px}.holder-comparison{margin-top:-28px!important}}
@media(max-width:560px){.protocol-head:before,.evidence-head:before{display:none}.holder-comparison{grid-template-columns:1fr!important;margin-top:12px!important}.comparison-title{padding:21px 20px 17px}.plain-points{padding:0 20px 18px}.holder-comparison .policy-benefit{margin:0 20px 20px!important}}

/* Production visual system — Factory Recovery */

/* Story scroll uses the same forest artwork and translucent treatment as the
   main site's Verify & Get SUGR environment, while retaining the Sugar Factory frame. */
.records-body{
  background:#dce9d6 url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important;
  isolation:isolate;
  box-shadow:inset 0 0 80px rgba(7,61,48,.08)!important
}
.records-body:before{
  content:""!important;
  position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(239,247,230,.48),rgba(239,247,230,.34) 45%,rgba(239,247,230,.42)),
    radial-gradient(circle at 18% 22%,rgba(255,229,142,.22),transparent 25%)!important
}
.records-body:after{display:none!important}
.story-scroll>.record,.story-scroll>.record-beam{position:relative;z-index:2!important}

/* Outer rails remain the dark wood / forest language introduced at the records title. */
.factory-records{
  background:
    linear-gradient(90deg,rgba(35,18,8,.80),rgba(8,43,33,.84) 13%,rgba(8,43,33,.84) 87%,rgba(35,18,8,.80)),
    repeating-linear-gradient(90deg,#24150b 0 18px,#3d2513 19px 25px,#071f1a 26px 100%)!important
}
.story-scroll:before,.story-scroll:after{
  background:linear-gradient(90deg,#1b0f08,#58331a 45%,#2b180c 72%,#140b06)!important;
  border-color:rgba(235,164,80,.18)!important
}

/* Records float on the forest glass rather than introducing a competing page color. */
.record-one,.record-two,.record-three{background:transparent!important}
.record-id{background:rgba(239,247,230,.62);width:max-content;max-width:100%;padding:8px 11px!important;border:1px solid rgba(24,80,58,.10)!important;border-radius:999px}
.record-id span{color:#8e4f1f!important}.record-id b{color:#547265!important}
.record-heading h3,.calculator-copy h3{color:#0c493b!important;text-shadow:0 1px rgba(255,255,255,.28)}
.record-heading>p,.calculator-copy p{color:#405f54!important}

/* Record 01 preserved record remains dark for depth. */
.record-panel .record-id{background:rgba(255,255,255,.035);border-color:rgba(235,164,80,.15)!important}
.record-panel .record-id span{color:#efad65!important}.record-panel .record-id b{color:#9fc2b3!important}

/* Record 02 — simple, understandable "legacy vs recovery" presentation. */
.holder-comparison{gap:16px!important;margin-top:-48px!important}
.holder-comparison article{
  border:1px solid rgba(22,72,53,.13)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 18px 38px rgba(7,61,48,.13)!important
}
.holder-comparison .old-record{background:rgba(255,248,228,.96)!important;border-top:4px solid #c77b35!important}
.holder-comparison .new-record{background:rgba(239,249,242,.97)!important;border-top:4px solid #21866d!important}
.comparison-title{padding:25px 28px 20px!important}
.comparison-title span{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(157,91,38,.07);color:#965824!important}
.new-record .comparison-title span{background:rgba(33,134,109,.07);color:#24715e!important}
.comparison-title h4{font-size:25px!important;margin:10px 0 9px!important}
.comparison-title>p{font-size:13px!important;line-height:1.5!important;color:#526b61!important}
.comparison-facts{padding:0 28px 22px}
.comparison-facts>div{position:relative;padding:15px 0 15px 27px;border-top:1px solid rgba(24,75,57,.10)}
.comparison-facts>div:before{position:absolute;left:0;top:15px;font-weight:900}
.old-record .comparison-facts>div:before{content:"↻";color:#ad692f}
.new-record .comparison-facts>div:before{content:"✓";color:#21866d}
.comparison-facts b{display:block;color:#173f35;font-size:13px;margin-bottom:4px}
.comparison-facts p{margin:0;color:#60766d;font-size:11.5px;line-height:1.45}
.policy-benefit{margin:0 28px 25px!important;padding:14px 16px!important;border:1px solid rgba(33,134,109,.13)!important;border-left:3px solid #21866d!important;border-radius:8px;background:rgba(33,134,109,.055)!important;color:#174f41!important;font-size:12px!important;line-height:1.5!important}

/* Recovery calculation: information display, never button-like. */
.wood-console{background:linear-gradient(rgba(4,42,34,.96),rgba(5,56,45,.98)),repeating-linear-gradient(90deg,#543119 0 58px,#382112 59px 62px)!important}
.console-title{color:#a7c2b7!important}
.calc-result{background:transparent!important;border:0!important;border-bottom:2px solid #d98a3f!important;box-shadow:none!important}
.calc-result strong{color:#f5ead4!important}.calc-result strong em{color:#e58a3d!important}
.calc-result span{color:#8eb0a3!important}

/* Responsive forest source mirrors the main landing page. */
@media(max-width:1100px){
  .records-body{background-image:url('../../images/verify-forest-bg-768.webp')!important;background-attachment:scroll!important}
}
@media(max-width:560px){
  .holder-comparison{grid-template-columns:1fr!important;margin-top:12px!important}
  .comparison-title{padding:21px 20px 17px!important}
  .comparison-facts{padding:0 20px 18px}
  .policy-benefit{margin:0 20px 20px!important}
}

/* Production archive framing refinement */

/* Keep the forest artwork, but push it behind a stronger frosted sage veil so
   text, artwork captions and comparison content remain the primary layer. */
.records-body{
  background:#dce9d6 url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important
}
.records-body:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(225,239,218,.86) 0%,
      rgba(232,242,224,.82) 22%,
      rgba(230,241,222,.79) 50%,
      rgba(232,242,224,.82) 78%,
      rgba(225,239,218,.86) 100%),
    radial-gradient(circle at 18% 22%,rgba(255,229,142,.13),transparent 25%)!important;
  backdrop-filter:saturate(.72) brightness(1.03)
}

/* One-piece Sugar Factory wooden enclosure:
   the title gate and the story rails now read as a single physical frame. */
.factory-records{
  position:relative;
  background:
    linear-gradient(90deg,
      #1c1008 0 22px,
      #4b2c17 23px 38px,
      #28170c 39px 48px,
      #082d25 49px calc(100% - 49px),
      #28170c calc(100% - 48px) calc(100% - 39px),
      #4b2c17 calc(100% - 38px) calc(100% - 23px),
      #1c1008 calc(100% - 22px) 100%)!important
}
.records-gate{
  border-left:14px solid #382010!important;
  border-right:14px solid #382010!important;
  box-shadow:
    inset 10px 0 0 #5b351b,
    inset -10px 0 0 #5b351b,
    0 12px 30px rgba(0,0,0,.18)!important
}
.records-gate:before,.records-gate:after{
  height:13px!important;
  background:linear-gradient(#1c1008,#59341a 44%,#2d190d 70%,#160c07)!important;
  border-top:1px solid rgba(239,174,95,.14);
  border-bottom:1px solid rgba(0,0,0,.48)
}

/* Story canvas touches a continuous left/right wooden border instead of
   appearing as a pale sheet floating between unrelated side panels. */
.story-scroll{
  border-left:14px solid #382010!important;
  border-right:14px solid #382010!important;
  box-shadow:
    inset 9px 0 0 #5a341a,
    inset -9px 0 0 #5a341a,
    0 0 0 1px rgba(0,0,0,.18)!important
}
.story-scroll:before,.story-scroll:after{
  width:8px!important;
  top:0!important;
  bottom:0!important;
  background:linear-gradient(90deg,#24140a,#70411f 48%,#2a170c)!important;
  box-shadow:0 0 13px rgba(0,0,0,.16)!important
}
.story-scroll:before{left:0!important}.story-scroll:after{right:0!important}

/* Keep horizontal rollers visually related to the enclosing wood. */
.record-beam{
  height:22px!important;
  border-radius:999px!important;
  background:linear-gradient(#21120a,#633a1d 38%,#382010 68%,#180d07)!important;
  border-top:1px solid rgba(255,190,111,.17)!important;
  border-bottom:1px solid rgba(0,0,0,.52)!important
}

/* A thin physical rail closes the archive before the return-to-terminal hero. */
.archive-end-rail{
  height:22px;
  display:grid;
  grid-template-columns:32px 1fr 32px;
  align-items:center;
  padding:0 max(22px,calc((100vw - var(--shell))/2));
  background:#071f1a;
  border-top:1px solid rgba(232,164,83,.15);
  border-bottom:1px solid rgba(0,0,0,.55)
}
.archive-end-rail span{
  height:10px;
  border-radius:999px;
  background:linear-gradient(#21120a,#633a1d 38%,#382010 68%,#180d07);
  box-shadow:inset 0 1px 0 rgba(255,190,111,.16),0 3px 9px rgba(0,0,0,.28)
}
.archive-end-rail i{
  width:9px;height:9px;border-radius:50%;
  justify-self:center;
  background:#9a6030;
  box-shadow:inset 0 0 0 2px #4d2b16
}

/* The final recovery hero is clearly outside the historical scroll. */
.return-terminal{
  border-top:0!important;
  background:
    radial-gradient(circle at 83% 40%,rgba(79,216,163,.10),transparent 24%),
    linear-gradient(135deg,#031b18,#063c31)!important
}

/* Slightly calmer forest on smaller displays as well. */
@media(max-width:1100px){
  .records-body{background-image:url('../../images/verify-forest-bg-768.webp')!important;background-attachment:scroll!important}
}
@media(max-width:560px){
  .records-gate{border-left-width:8px!important;border-right-width:8px!important;box-shadow:inset 5px 0 0 #5b351b,inset -5px 0 0 #5b351b!important}
  .story-scroll{border-left-width:8px!important;border-right-width:8px!important;box-shadow:inset 5px 0 0 #5a341a,inset -5px 0 0 #5a341a!important}
  .archive-end-rail{padding-inline:12px}
}

/* Sugar Factory Preserved Records — simplified single-frame composition */

/* The entire preserved-record environment is one wooden object. */
.factory-records{
  position:relative!important;
  padding:18px 22px 22px!important;
  background:
    linear-gradient(90deg,#1b0f08 0 10px,#60381c 11px 20px,#2a170c 21px 30px,#402514 31px calc(100% - 31px),#2a170c calc(100% - 30px) calc(100% - 21px),#60381c calc(100% - 20px) calc(100% - 11px),#1b0f08 calc(100% - 10px) 100%)!important;
  border-top:10px solid #3b2111!important;
  border-bottom:10px solid #241309!important;
  box-shadow:
    inset 0 1px 0 rgba(255,193,116,.14),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 18px 45px rgba(0,0,0,.22)!important
}

/* Title and story are now inside the same wooden enclosure. */
.records-gate{
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:
    linear-gradient(90deg,rgba(32,17,8,.86),rgba(8,48,37,.78)),
    repeating-linear-gradient(90deg,#3b2413 0 72px,#29190f 73px 77px,#4a2c17 78px 148px)!important
}
.records-gate:before,.records-gate:after{display:none!important}

/* One continuous forest canvas under every record. The veil is deliberately
   strong so the image supplies atmosphere without competing with copy. */
.records-body{
  margin:0!important;
  border:0!important;
  padding:70px 42px 72px!important;
  background:
    linear-gradient(rgba(222,239,216,.84),rgba(222,239,216,.84)),
    url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important;
  box-shadow:
    inset 0 22px 35px rgba(10,54,41,.08),
    inset 0 -22px 35px rgba(10,54,41,.08)!important
}
.records-body:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 17%,rgba(255,225,141,.12),transparent 24%),
    linear-gradient(90deg,rgba(235,246,230,.10),rgba(235,246,230,.02),rgba(235,246,230,.10))!important;
  backdrop-filter:saturate(.58) brightness(1.04)!important
}
.records-body:after{display:none!important}

/* Remove the secondary inner wooden rails. One outer frame is enough. */
.story-scroll{
  border:0!important;
  box-shadow:none!important
}
.story-scroll:before,.story-scroll:after{display:none!important}

/* Retain only thin chapter dividers so the scroll stays easy to follow. */
.record-beam{
  height:8px!important;
  margin:34px 0 58px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#563019 10%,#754421 50%,#563019 90%,transparent)!important;
  box-shadow:0 2px 7px rgba(54,32,14,.18)!important
}
.record-beam:before,.record-beam:after{display:none!important}

/* Artwork becomes a framed exhibit against the shaded forest. */
.record-art,.record-wide-art{
  border:7px solid #3a2111!important;
  outline:1px solid rgba(232,165,88,.38)!important;
  outline-offset:-4px!important;
  background:#2a170c!important;
  box-shadow:
    0 20px 44px rgba(46,44,25,.18),
    inset 0 0 0 1px rgba(255,193,116,.12)!important
}
.record-art{border-radius:3px 22px 3px 22px!important}
.record-wide-art{border-radius:4px 18px 4px 18px!important}

/* The overlapping preserved-record panel is also framed as an exhibit. */
.record-panel{
  border:5px solid #3a2111!important;
  outline:1px solid rgba(232,165,88,.32)!important;
  outline-offset:-3px!important;
  box-shadow:0 20px 44px rgba(40,52,32,.18)!important
}

/* Comparison cards sit cleanly on the forest canvas. */
.holder-comparison article{
  box-shadow:0 15px 32px rgba(39,59,39,.13)!important
}

/* Recovery calculation receives a restrained wood exhibit frame. */
.wood-console{
  border:7px solid #321c0f!important;
  outline:1px solid rgba(224,157,81,.34)!important;
  outline-offset:-4px!important;
  box-shadow:0 18px 38px rgba(39,49,29,.17)!important
}

/* Final CTA begins immediately after the one-piece archive frame. */
.return-terminal{
  margin-top:0!important;
  border-top:1px solid rgba(114,221,183,.12)!important
}

@media(max-width:1100px){
  .records-body{
    background:
      linear-gradient(rgba(222,239,216,.86),rgba(222,239,216,.86)),
      url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
}
@media(max-width:560px){
  .factory-records{padding:10px!important;border-top-width:7px!important;border-bottom-width:7px!important}
  .records-body{padding:46px 16px 50px!important}
  .record-art,.record-wide-art{border-width:4px!important}
  .record-panel{border-width:4px!important}
  .wood-console{border-width:5px!important}
  .record-beam{margin:28px 0 44px!important}
}

/* Sugar Factory archive alignment + contrast refinement */

/* The previous frame used unequal visual mass around the inner shell.
   Center the complete story canvas explicitly and let the Factory frame own
   all remaining viewport space on both sides. */
.factory-records{
  width:100%!important;
  padding:18px 0 22px!important;
  background:
    linear-gradient(90deg,rgba(31,16,8,.92),rgba(48,28,14,.88) 18%,rgba(8,45,35,.84) 50%,rgba(48,28,14,.88) 82%,rgba(31,16,8,.92)),
    repeating-linear-gradient(90deg,#24150b 0 18px,#3d2513 19px 25px,#071f1a 26px 100%)!important
}
.factory-records .records-gate{
  width:100%!important;
  margin:0 auto!important
}
.factory-records .records-body{
  width:min(calc(100% - 96px),var(--shell))!important;
  margin:0 auto!important;
  left:auto!important;
  right:auto!important;
  padding-left:42px!important;
  padding-right:42px!important;
  border-left:10px solid #3a2111!important;
  border-right:10px solid #3a2111!important;
  box-sizing:border-box!important
}

/* Any area outside the centered scroll is now the same dark wood/forest
   material as the Preserved Records title environment. */
.world-archive,.immersive-archive{
  background:
    linear-gradient(90deg,rgba(31,16,8,.94),rgba(58,33,16,.90) 18%,rgba(8,45,35,.86) 50%,rgba(58,33,16,.90) 82%,rgba(31,16,8,.94)),
    repeating-linear-gradient(90deg,#24150b 0 18px,#3d2513 19px 25px,#071f1a 26px 100%)!important
}

/* Let more of the forest show through while keeping a soft readability veil. */
.records-body{
  background:
    linear-gradient(rgba(220,238,214,.68),rgba(220,238,214,.68)),
    url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important
}
.records-body:before{
  background:
    radial-gradient(circle at 18% 17%,rgba(255,225,141,.09),transparent 24%),
    linear-gradient(90deg,rgba(235,246,230,.05),rgba(235,246,230,.015),rgba(235,246,230,.05))!important;
  backdrop-filter:saturate(.64) brightness(1.01)!important
}

/* Record 02 and 03 metadata needs to remain legible over the stronger forest.
   Use neutral grey glass rather than another competing green/cream treatment. */
.record-two>.record-heading,
.record-three>.calculator-copy{
  background:rgba(226,230,226,.90)!important;
  border:1px solid rgba(65,76,71,.16)!important;
  border-left:4px solid #737c78!important;
  border-radius:8px!important;
  padding:18px 20px!important;
  box-shadow:0 10px 24px rgba(34,45,38,.10)!important
}
.record-two>.record-heading .record-id,
.record-three>.calculator-copy .record-id{
  background:transparent!important;
  border:0!important;
  padding:0 0 10px!important;
  border-radius:0!important
}
.record-two>.record-heading h3,
.record-three>.calculator-copy h3{
  color:#263c34!important;
  text-shadow:none!important
}
.record-two>.record-heading>p,
.record-three>.calculator-copy>p{
  color:#59655f!important
}
.record-two>.record-heading .record-id span,
.record-three>.calculator-copy .record-id span{
  color:#646d69!important
}
.record-two>.record-heading .record-id b,
.record-three>.calculator-copy .record-id b{
  color:#7a827f!important
}

/* Keep Record 02 comparison itself distinct from the grey explanatory header. */
.holder-comparison .old-record{background:rgba(249,245,234,.97)!important}
.holder-comparison .new-record{background:rgba(238,245,240,.97)!important}

/* Preserve the dark calculation panel as the visual result object. */
.record-three .wood-console{
  background:linear-gradient(rgba(4,42,34,.97),rgba(5,56,45,.99)),repeating-linear-gradient(90deg,#543119 0 58px,#382112 59px 62px)!important
}

@media(max-width:1100px){
  .factory-records .records-body{width:calc(100% - 48px)!important}
  .records-body{
    background:
      linear-gradient(rgba(220,238,214,.72),rgba(220,238,214,.72)),
      url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
}
@media(max-width:560px){
  .factory-records .records-body{
    width:calc(100% - 20px)!important;
    padding-left:16px!important;
    padding-right:16px!important;
    border-left-width:6px!important;
    border-right-width:6px!important
  }
  .record-two>.record-heading,.record-three>.calculator-copy{padding:15px!important}
}

/* ===== Sugar Factory archive — final art-direction polish ===== */

/* Premium frame: narrower, darker, with a restrained brass inner highlight. */
.factory-records{
  padding:12px 0 14px!important;
  background:
    linear-gradient(90deg,
      #170c06 0 13px,
      #3c2110 14px 23px,
      #b77735 24px 25px,
      #082d25 26px calc(100% - 26px),
      #b77735 calc(100% - 25px) calc(100% - 24px),
      #3c2110 calc(100% - 23px) calc(100% - 14px),
      #170c06 calc(100% - 13px) 100%)!important;
  border-top:7px solid #2b170b!important;
  border-bottom:7px solid #1c0f07!important
}

/* Archive cover: stronger composition and less unused right-side space. */
.records-gate{
  position:relative!important;
  min-height:300px!important;
  padding:68px 0 58px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 48%,rgba(231,145,62,.10),transparent 22%),
    linear-gradient(90deg,rgba(34,17,8,.90),rgba(9,49,38,.80)),
    repeating-linear-gradient(90deg,#392212 0 72px,#28180e 73px 77px,#482a16 78px 148px)!important
}
.records-gate:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  right:8%!important;
  top:50%!important;
  width:190px!important;
  height:190px!important;
  transform:translateY(-50%)!important;
  border:2px solid rgba(235,170,91,.075)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,transparent 0 36%,rgba(235,170,91,.035) 36.5% 37.5%,transparent 38%),
    repeating-radial-gradient(circle,transparent 0 19px,rgba(235,170,91,.025) 20px 21px)!important;
  box-shadow:none!important
}
.records-gate .docs-shell{position:relative;z-index:2}
.records-kicker{display:block;margin-bottom:15px!important}
.records-gate h2{max-width:680px!important;font-size:clamp(54px,5.3vw,76px)!important}
.records-gate p{max-width:560px!important}
.gate-rule{max-width:760px!important}

/* Soft transition from archive cover into forest rather than a hard visual cut. */
.records-body{
  position:relative!important;
  margin-top:-1px!important;
  padding-top:92px!important;
  background:
    linear-gradient(rgba(217,235,211,.62),rgba(217,235,211,.62)),
    url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important;
  filter:none!important
}
.records-body:before{
  background:
    linear-gradient(180deg,rgba(8,47,36,.20) 0,rgba(218,235,211,.10) 105px,transparent 190px),
    linear-gradient(90deg,rgba(234,245,229,.045),rgba(234,245,229,.01),rgba(234,245,229,.045))!important;
  backdrop-filter:saturate(.48) contrast(.90) brightness(1.02)!important
}

/* Record 01: artwork leads; preserved record is secondary. */
.record-one{grid-template-columns:1.48fr .72fr!important;gap:0!important}
.record-panel{
  margin-left:-42px!important;
  max-width:430px!important;
  padding:30px 31px!important
}
.record-panel h3{font-size:clamp(34px,3.25vw,47px)!important}
.record-panel p{font-size:13px!important;line-height:1.52!important}

/* Record headings live directly on the archive environment rather than grey cards. */
.record-two>.record-heading,
.record-three>.calculator-copy{
  background:rgba(226,235,224,.44)!important;
  border:0!important;
  border-left:2px solid rgba(39,84,63,.24)!important;
  border-radius:0!important;
  padding:12px 0 12px 18px!important;
  box-shadow:none!important;
  backdrop-filter:blur(2px)
}
.record-two>.record-heading .record-id,
.record-three>.calculator-copy .record-id{
  background:transparent!important;
  border:0!important;
  padding:0 0 9px!important
}

/* Record 02: simplify the comparison into highly scannable concepts. */
.holder-comparison{gap:14px!important}
.holder-comparison article{border-radius:12px!important}
.comparison-title{padding:23px 25px 16px!important}
.comparison-title h4{font-size:24px!important}
.comparison-title>p{font-size:12.5px!important}
.comparison-facts{padding:0 25px 20px!important}
.comparison-facts>div{padding:13px 0 13px 25px!important}
.comparison-facts b{font-size:13px!important}
.comparison-facts p{font-size:11px!important}
.policy-benefit{
  margin:0 25px 22px!important;
  font-size:11.5px!important
}

/* Record 03: heading is environmental; calculator is the single solid object. */
.record-three{grid-template-columns:.58fr 1.42fr!important;gap:44px!important}
.wood-console{align-self:center}
.console-title{font-size:9px!important}
.calc-result strong{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:6px!important}
.calc-result strong em{font-size:.52em!important}

/* Chapter dividers: thin line + brass center marker, not miniature beams. */
.record-beam{
  position:relative!important;
  height:1px!important;
  margin:46px 0 62px!important;
  background:linear-gradient(90deg,transparent,rgba(109,72,35,.55) 12%,rgba(109,72,35,.55) 88%,transparent)!important;
  box-shadow:none!important
}
.record-beam:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:8px!important;height:8px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:1px!important;
  background:#b97b3b!important;
  box-shadow:0 0 0 4px rgba(185,123,59,.08)!important
}
.record-beam:after{display:none!important}

/* Artworks read as curated exhibits without heavy timber borders. */
.record-art,.record-wide-art{
  border:4px solid #38200f!important;
  outline:1px solid rgba(220,151,73,.30)!important;
  outline-offset:-2px!important;
  box-shadow:0 18px 38px rgba(34,50,30,.15)!important
}

/* Keep final return hero untouched visually, just ensure clean separation. */
.return-terminal{position:relative!important;z-index:2!important}

@media(max-width:1100px){
  .records-body{
    background:
      linear-gradient(rgba(217,235,211,.66),rgba(217,235,211,.66)),
      url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
}
@media(max-width:900px){
  .record-one{grid-template-columns:1fr!important}
  .record-panel{margin:-34px 18px 0!important;max-width:none!important}
  .record-three{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .factory-records{padding-inline:0!important}
  .records-gate{min-height:0!important;padding:56px 0 48px!important}
  .records-gate:after{width:120px!important;height:120px!important;right:-25px!important}
  .records-body{padding-top:58px!important}
  .record-panel{margin:-20px 8px 0!important}
  .record-beam{margin:34px 0 46px!important}
}

/* ===== v30: Sugar Factory Archive — immersive exhibit system ===== */

/* One restrained dark frame around the complete archive. */
.factory-records{
  padding:0!important;
  border:0!important;
  background:#061f19!important;
  box-shadow:none!important
}

/* Archive cover: cinematic and simple. */
.records-gate{
  min-height:360px!important;
  padding:86px 0 74px!important;
  border-top:8px solid #2d190d!important;
  border-bottom:8px solid #2d190d!important;
  background:
    linear-gradient(90deg,rgba(25,13,7,.91) 0%,rgba(17,30,20,.88) 44%,rgba(7,52,39,.80) 100%),
    url('../../images/verify-forest-bg-1200.webp') center 44%/cover no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(232,164,83,.15),inset 0 -1px 0 rgba(0,0,0,.55)!important
}
.records-gate:before{display:block!important;content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.22))!important;pointer-events:none}
.records-gate:after{
  display:block!important;content:""!important;position:absolute!important;
  right:8%!important;top:50%!important;width:210px!important;height:210px!important;
  transform:translateY(-50%)!important;border:1px solid rgba(238,176,101,.11)!important;border-radius:50%!important;
  background:radial-gradient(circle,transparent 0 35%,rgba(238,176,101,.035) 35.5% 36.5%,transparent 37%),repeating-radial-gradient(circle,transparent 0 23px,rgba(238,176,101,.022) 24px 25px)!important
}
.records-gate .docs-shell{position:relative;z-index:2}
.records-kicker{color:#efad65!important}
.archive-edition{display:block;margin-top:9px;font:800 8px/1 monospace;letter-spacing:.14em;color:#809f91}
.records-gate h2{font-size:clamp(58px,6vw,84px)!important;max-width:720px!important;margin-top:24px!important}
.records-gate p{font-size:15px!important;color:#c5d0c7!important;max-width:580px!important}

/* Story area: dark forest, strongly shaded. No giant pale sheet. */
.records-body{
  width:min(calc(100% - 48px),1260px)!important;
  margin:0 auto!important;
  padding:86px 48px 90px!important;
  border-left:8px solid #2e1a0e!important;
  border-right:8px solid #2e1a0e!important;
  background:
    linear-gradient(rgba(4,42,32,.76),rgba(4,42,32,.82)),
    url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(231,165,87,.12),inset 0 0 90px rgba(0,0,0,.20)!important;
  color:#fff!important
}
.records-body:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:radial-gradient(circle at 20% 12%,rgba(243,162,73,.07),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.13),transparent 18%,transparent 82%,rgba(0,0,0,.13))!important;
  backdrop-filter:saturate(.60) contrast(.90)!important
}
.records-body:after{display:none!important}
.story-scroll{border:0!important;box-shadow:none!important}
.story-scroll:before,.story-scroll:after{display:none!important}

/* Each record is an exhibit, not another page section. */
.record{position:relative!important;z-index:2!important;background:transparent!important}
.record-id{
  width:max-content!important;max-width:100%!important;margin-bottom:18px!important;padding:0 0 9px!important;
  border:0!important;border-bottom:1px solid rgba(235,169,92,.30)!important;border-radius:0!important;background:none!important
}
.record-id i{background:#d58a3f!important}
.record-id span{color:#e9a25d!important}.record-id b{color:#9ab3a7!important}

/* Record 01: large artwork + compact preserved note. */
.record-one{grid-template-columns:1.42fr .72fr!important;gap:0!important;padding:0!important}
.record-art{
  border:5px solid #2b180c!important;border-radius:4px!important;
  outline:1px solid rgba(229,161,82,.30)!important;outline-offset:-2px!important;
  box-shadow:0 24px 52px rgba(0,0,0,.30)!important
}
.record-panel{
  margin-left:-54px!important;max-width:430px!important;padding:31px 32px!important;
  border:1px solid rgba(235,169,92,.24)!important;border-left:4px solid #c97831!important;border-radius:4px!important;
  outline:0!important;background:rgba(6,65,51,.96)!important;box-shadow:0 22px 46px rgba(0,0,0,.30)!important
}
.record-panel .record-id{border-bottom-color:rgba(235,169,92,.18)!important}
.record-panel h3{color:#fff3d9!important}.record-panel p{color:#c2d3ca!important}

/* Elegant chapter separator. */
.record-beam{
  position:relative!important;height:1px!important;margin:72px 0!important;border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(228,160,82,.42) 16%,rgba(228,160,82,.42) 84%,transparent)!important;box-shadow:none!important
}
.record-beam:before{
  display:block!important;content:""!important;position:absolute!important;left:50%!important;top:50%!important;
  width:8px!important;height:8px!important;transform:translate(-50%,-50%) rotate(45deg)!important;
  background:#c98139!important;border-radius:1px!important;box-shadow:0 0 0 5px rgba(201,129,57,.08)!important
}
.record-beam:after{display:none!important}

/* Record 02 heading: transparent glass, not a grey slab. */
.record-two>.record-heading{
  display:grid!important;grid-template-columns:1fr .58fr!important;gap:50px!important;align-items:end!important;
  padding:0 0 24px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important
}
.record-heading .record-id{grid-column:1/-1!important}
.record-heading h3{color:#f2ecd9!important;text-shadow:none!important}
.record-heading h3 em{color:#ef8636!important}
.record-heading>p{color:#b5c7bd!important;font-size:13.5px!important}

/* Record 02 hero artwork. */
.record-wide-art{
  margin:0!important;border:5px solid #2b180c!important;border-radius:4px!important;
  outline:1px solid rgba(229,161,82,.30)!important;outline-offset:-2px!important;
  box-shadow:0 26px 56px rgba(0,0,0,.32)!important
}

/* Comparison cards: premium exhibit labels. */
.holder-comparison{margin:-38px 34px 0!important;gap:14px!important;position:relative!important;z-index:3!important}
.holder-comparison article{
  border:1px solid rgba(24,67,51,.14)!important;border-radius:8px!important;overflow:hidden!important;
  box-shadow:0 18px 36px rgba(0,0,0,.18)!important
}
.holder-comparison .old-record{background:#f6eedc!important;border-top:4px solid #bd7130!important}
.holder-comparison .new-record{background:#e9f4ed!important;border-top:4px solid #21866d!important}
.comparison-title{padding:24px 26px 17px!important}
.comparison-title span{padding:0!important;background:none!important}
.comparison-title h4{font-size:24px!important;color:#173f35!important}
.comparison-title>p{font-size:12.5px!important;color:#536b61!important}
.comparison-facts{padding:0 26px 19px!important}
.comparison-facts>div{padding:13px 0 13px 25px!important}
.comparison-facts b{font-size:13px!important}.comparison-facts p{font-size:11px!important}
.policy-benefit{margin:0 26px 23px!important;background:rgba(33,134,109,.065)!important}

/* Record 03: text floats in environment; calculation is the exhibit. */
.record-three{grid-template-columns:.52fr 1.48fr!important;gap:48px!important;padding:0!important}
.record-three>.calculator-copy{
  padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important
}
.calculator-copy h3{color:#f1ecd9!important;text-shadow:none!important}
.calculator-copy p{color:#b5c7bd!important}
.wood-console{
  border:5px solid #2b180c!important;border-radius:4px!important;outline:1px solid rgba(229,161,82,.30)!important;outline-offset:-2px!important;
  background:linear-gradient(135deg,#063e32,#042c25)!important;box-shadow:0 22px 46px rgba(0,0,0,.30)!important
}
.calc-result strong{font-size:43px!important}.calc-result strong em{font-size:.48em!important}

/* Keep final CTA clearly outside the archive. */
.return-terminal{border-top:1px solid rgba(114,221,183,.13)!important}

@media(max-width:1100px){
  .records-body{
    background:linear-gradient(rgba(4,42,32,.79),rgba(4,42,32,.84)),url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
}
@media(max-width:900px){
  .records-body{width:calc(100% - 24px)!important;padding:62px 24px 68px!important}
  .record-one{grid-template-columns:1fr!important}
  .record-panel{margin:-28px 18px 0!important;max-width:none!important}
  .record-two>.record-heading{grid-template-columns:1fr!important;gap:10px!important}
  .holder-comparison{margin:12px 0 0!important}
  .record-three{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .records-gate{min-height:0!important;padding:58px 0 50px!important}
  .records-body{width:calc(100% - 12px)!important;padding:48px 14px 54px!important;border-left-width:5px!important;border-right-width:5px!important}
  .holder-comparison{grid-template-columns:1fr!important}
  .record-beam{margin:52px 0!important}
}
\n/* Public-launch finishing pass */
.protocol-rail{position:relative!important;isolation:isolate}.rail-node{position:relative!important;z-index:2!important}.rail-link{position:relative!important;height:2px!important;align-self:center!important;margin-top:-58px!important;background:linear-gradient(90deg,rgba(99,201,235,.22),#62c9e9 48%,#f08a36 100%)!important;box-shadow:0 0 8px rgba(99,201,235,.10)!important;transform:none!important;animation:none!important}.rail-link span{display:none!important}.rail-link:after{content:""!important;position:absolute!important;right:-1px!important;top:50%!important;width:8px!important;height:8px!important;border-top:2px solid #f08a36!important;border-right:2px solid #f08a36!important;transform:translateY(-50%) rotate(45deg)!important;font-size:0!important}
.records-body{color:#f3eddd!important}.record-heading h3,.calculator-copy h3{color:#f5efdf!important;opacity:1!important;text-shadow:0 2px 14px rgba(0,0,0,.38)!important}.record-heading>p,.calculator-copy p{color:#c5d3cb!important;opacity:1!important;text-shadow:0 1px 8px rgba(0,0,0,.28)!important}.record-id span{color:#efa35b!important}.record-id b{color:#a8bcb2!important}.record-two>.record-heading,.record-three>.calculator-copy{background:linear-gradient(90deg,rgba(3,34,27,.76),rgba(3,34,27,.22),transparent)!important;border-left:2px solid rgba(239,154,76,.65)!important;padding:17px 20px!important}
.holder-comparison{margin:-28px 26px 0!important;gap:10px!important}.holder-comparison article{border-radius:4px!important;border:1px solid rgba(231,165,88,.24)!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important}.holder-comparison .old-record{background:linear-gradient(180deg,#f2e6cc,#eee1c5)!important;border-top:3px solid #bd7130!important}.holder-comparison .new-record{background:linear-gradient(180deg,#e7f1e9,#dfece4)!important;border-top:3px solid #21866d!important}.comparison-title{padding:21px 23px 15px!important}.comparison-title span{font-size:8px!important;letter-spacing:.14em!important}.comparison-title h4{font-size:22px!important;margin:8px 0!important}.comparison-title>p{font-size:12px!important;line-height:1.45!important}.comparison-facts{padding:0 23px 17px!important}.comparison-facts>div{padding:11px 0 11px 23px!important}.comparison-facts b{font-size:12.5px!important}.comparison-facts p{font-size:10.8px!important}.policy-benefit{margin:0 23px 20px!important;padding:12px 13px!important;border-radius:3px!important;font-size:11.3px!important}
.record-panel h3{line-height:.91!important}.record-panel p{font-size:12.5px!important}.record-panel blockquote{font-size:11px!important}.console-title{font-size:8px!important;letter-spacing:.15em!important}.calc-value strong{font-size:35px!important}.calc-result strong{font-size:42px!important}.calc-result span{letter-spacing:.12em!important}.status-pill,.secure-badge,.protocol-chapter,.evidence-chapter span,.record-id{cursor:default!important}.return-action a,.wallet-buttons button,.disconnect{cursor:pointer!important}.return-action a:hover,.wallet-buttons button:hover,.disconnect:hover{filter:brightness(1.06)}.record-panel:after,.wood-console:after{display:none!important}.record{margin-bottom:0!important}.record-beam{margin:66px 0!important}.security-note{max-width:100%!important}
@media(max-width:900px){.rail-link{width:2px!important;height:46px!important;margin:0 auto!important;background:linear-gradient(#62c9e9,#f08a36)!important}.rail-link:after{right:50%!important;top:auto!important;bottom:-1px!important;transform:translateX(50%) rotate(135deg)!important}.holder-comparison{margin:12px 0 0!important}}@media(max-width:560px){.record-two>.record-heading,.record-three>.calculator-copy{padding:14px!important}.holder-comparison{grid-template-columns:1fr!important}}

/* ===== v32 responsive launch QA ===== */

/* Archive readability: headings and copy get dedicated contrast zones while the
   forest remains visible around the content rather than through the text. */
.record-two>.record-heading,
.record-three>.calculator-copy{
  position:relative!important;
  background:linear-gradient(90deg,rgba(3,37,29,.94) 0%,rgba(3,37,29,.82) 72%,rgba(3,37,29,.18) 100%)!important;
  border-left:3px solid #df8a3d!important;
  padding:20px 24px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important
}
.record-heading h3,.calculator-copy h3{color:#fff4de!important;opacity:1!important}
.record-heading>p,.calculator-copy p{color:#d1ded7!important;opacity:1!important}
.record-id span{color:#f0a25b!important}.record-id b{color:#b3c7bd!important}

/* Record 02 is an integrated comparison exhibit, not two generic cards. */
.holder-comparison{
  position:relative!important;
  margin:-30px 26px 0!important;
  gap:0!important;
  border:1px solid rgba(232,165,88,.30)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#f1ead9!important;
  box-shadow:0 22px 46px rgba(0,0,0,.24)!important
}
.holder-comparison:before{
  content:"LEGACY → RECOVERY";
  position:absolute;left:50%;top:15px;z-index:5;transform:translateX(-50%);
  padding:5px 9px;border-radius:999px;background:#073f34;color:#dcece5;
  font:900 7px/1 monospace;letter-spacing:.12em;white-space:nowrap
}
.holder-comparison article{
  position:relative!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding-top:16px!important
}
.holder-comparison .old-record{
  background:linear-gradient(145deg,#f3e6c9,#eee0c1)!important;
  border-right:1px solid rgba(23,68,52,.13)!important
}
.holder-comparison .new-record{
  background:linear-gradient(145deg,#e8f3eb,#dcebe2)!important
}
.compare-symbol{
  position:absolute;right:18px;top:19px;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;font-size:14px
}
.old-record .compare-symbol{background:rgba(181,104,43,.10);color:#aa642c}
.new-record .compare-symbol{background:rgba(33,134,109,.10);color:#21866d}
.comparison-title{padding:22px 25px 15px!important}
.comparison-title h4{font-size:23px!important;max-width:85%}
.comparison-title>p{font-size:12px!important;line-height:1.48!important}
.comparison-facts{padding:0 25px 18px!important}
.comparison-facts>div{padding:12px 0 12px 24px!important}
.policy-benefit{margin:0 25px 21px!important}

/* Desktop archive canvas gets a slightly stronger shade for consistent type. */
.records-body{
  background:linear-gradient(rgba(4,42,32,.80),rgba(4,42,32,.84)),url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important
}

/* ---------- Tablet ---------- */
@media(max-width:900px){
  :root{--shell:100%}
  .app-shell,.docs-shell{width:min(calc(100% - 36px),760px)!important}

  /* top application */
  .app-hero{padding:38px 0 28px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  .hero-copy{max-width:100%!important}
  .hero-copy h1{font-size:clamp(48px,11vw,68px)!important}
  .connect-panel{width:100%!important;max-width:620px!important;margin:auto!important}
  .dashboard{padding:26px 0 38px!important}
  .metric-grid{grid-template-columns:1fr 1fr!important}
  .metric-grid article:nth-child(2){border-right:0!important}

  /* protocol */
  .protocol{padding:58px 0!important}
  .protocol-head{grid-template-columns:1fr!important;gap:18px!important}
  .protocol-head>p{max-width:620px!important}
  .protocol-rail{grid-template-columns:1fr!important;gap:10px!important;margin-top:42px!important}
  .rail-node{min-height:0!important;padding:10px 0 18px!important}
  .node-orbit{width:88px!important;height:88px!important;margin-bottom:18px!important}
  .rail-link{width:2px!important;height:42px!important;margin:0 auto!important;background:linear-gradient(#62c9e9,#f08a36)!important}
  .rail-link:after{right:50%!important;top:auto!important;bottom:-1px!important;transform:translateX(50%) rotate(135deg)!important}
  .assurance-strip{grid-template-columns:1fr 1fr!important}
  .evidence-head{max-width:100%!important}
  .console-row{grid-template-columns:56px 1fr!important}
  .console-state{grid-column:2!important;text-align:left!important;display:flex!important;align-items:center!important;gap:16px!important}

  /* archive */
  .records-body{width:calc(100% - 24px)!important;padding:56px 24px 64px!important;background:linear-gradient(rgba(4,42,32,.83),rgba(4,42,32,.87)),url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important}
  .record-one{grid-template-columns:1fr!important}
  .record-panel{margin:-24px 14px 0!important;max-width:none!important}
  .record-two>.record-heading{grid-template-columns:1fr!important;gap:10px!important}
  .holder-comparison{margin:14px 0 0!important}
  .record-three{grid-template-columns:1fr!important;gap:22px!important}
  .return-terminal-inner{grid-template-columns:1fr!important}
}

/* ---------- Phone ---------- */
@media(max-width:560px){
  body.recovery-page{overflow-x:hidden!important}
  .app-shell,.docs-shell{width:calc(100% - 28px)!important}

  /* Header becomes compact instead of crowding the page. */
  .app-header{height:50px!important;padding:0 14px!important}
  .app-header nav,.header-status .network,.main-site{display:none!important}
  .app-brand span{display:block!important;font-size:8px!important}
  .app-brand img{width:46px!important}

  /* Hero order: headline first, wallet second, with readable controls. */
  .app-hero{padding-top:28px!important}
  .hero-copy h1{font-size:44px!important;line-height:.88!important;margin:15px 0!important}
  .hero-copy>p{font-size:13px!important}
  .rate-row{grid-template-columns:1fr!important;padding:13px!important}
  .rate-row strong{grid-column:1!important;grid-row:auto!important;margin-top:5px}
  .connect-panel{padding:20px!important;border-radius:12px!important}
  .panel-head h2{font-size:27px!important}
  .wallet-buttons{grid-template-columns:1fr 1fr!important}
  .wallet-buttons button{min-height:54px!important;font-size:11px!important}
  .panel-foot{grid-template-columns:1fr!important;gap:5px!important}

  /* Public ledger is readable rather than four compressed mini-cards. */
  .dashboard-head{display:block!important}
  .metric-grid{grid-template-columns:1fr 1fr!important}
  .metric-grid article{min-height:88px!important;padding:14px!important}
  .metric-grid strong{font-size:20px!important}
  .progress-card{padding:14px!important}
  .progress-foot{display:grid!important;gap:4px!important}

  /* Major handoff */
  .system-handoff{height:50px!important;padding:0 14px!important;grid-template-columns:1fr 70px 1fr!important}
  .handoff-side span{font-size:7px!important}.handoff-side b{display:none!important}

  /* Protocol phone layout */
  .protocol{padding:46px 0 52px!important}
  .protocol-head:before,.evidence-head:before{display:none!important}
  .protocol-head h2{font-size:38px!important}
  .protocol-head>p{font-size:12.5px!important}
  .node-orbit{width:76px!important;height:76px!important}
  .rail-node h3{font-size:20px!important}
  .rail-node p{font-size:12px!important;max-width:260px!important}
  .assurance-strip{grid-template-columns:1fr!important}
  .assurance-strip span{text-align:center!important}
  .chapter-separator{margin:48px 0 20px!important}
  .evidence-head h3{font-size:31px!important}
  .evidence-head p{font-size:12.5px!important}
  .evidence-console{border-radius:8px!important}
  .console-row{grid-template-columns:42px minmax(0,1fr)!important;padding:16px 12px!important;gap:9px!important}
  .console-kind{width:36px!important;height:36px!important}
  .console-main strong,.console-main code{font-size:9.5px!important;overflow-wrap:anywhere!important}
  .console-state{grid-column:2!important;flex-wrap:wrap!important}
  .security-note{font-size:9.5px!important}

  /* Archive cover */
  .records-gate{min-height:0!important;padding:52px 0 46px!important}
  .records-gate h2{font-size:44px!important;line-height:.9!important}
  .records-gate p{font-size:12.5px!important}
  .records-gate:after{width:110px!important;height:110px!important;right:-30px!important}

  /* Archive content: single-column storytelling with explicit contrast. */
  .records-body{width:calc(100% - 10px)!important;padding:42px 10px 48px!important;border-left-width:4px!important;border-right-width:4px!important}
  .record-id{font-size:7px!important;flex-wrap:wrap!important}
  .record-panel{margin:-14px 7px 0!important;padding:22px 19px!important}
  .record-panel h3{font-size:34px!important}
  .record-panel p{font-size:12px!important}
  .record-two>.record-heading,.record-three>.calculator-copy{padding:15px!important;background:rgba(3,37,29,.94)!important}
  .record-heading h3,.calculator-copy h3{font-size:33px!important}
  .record-heading>p,.calculator-copy p{font-size:12px!important}
  .record-wide-art,.record-art{border-width:3px!important}

  /* Comparison becomes one integrated vertical exhibit. */
  .holder-comparison{grid-template-columns:1fr!important;margin:10px 0 0!important;border-radius:6px!important}
  .holder-comparison:before{display:none!important}
  .holder-comparison .old-record{border-right:0!important;border-bottom:1px solid rgba(23,68,52,.13)!important}
  .comparison-title{padding:19px 18px 13px!important}
  .comparison-title h4{font-size:21px!important}
  .comparison-facts{padding:0 18px 15px!important}
  .comparison-facts>div{padding:10px 0 10px 22px!important}
  .policy-benefit{margin:0 18px 18px!important}

  /* Calculation fits without micro-text. */
  .wood-console{padding:22px 15px 18px!important;border-width:3px!important}
  .calc-flow{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .dn-medallion{width:60px!important;height:60px!important}
  .calc-value strong{font-size:26px!important}
  .calc-flow>i{font-size:18px!important}
  .calc-result{grid-column:1/-1!important}
  .calc-result strong{font-size:34px!important}

  /* Closing CTA */
  .return-terminal{padding:44px 0!important}
  .return-copy h2{font-size:34px!important}
  .return-copy p{font-size:12.5px!important}
  .return-safety{display:grid!important;gap:6px!important}
  .return-action{justify-items:start!important}
}

/* ===== v33 final archive legibility + integrated comparison ===== */

/* Record 02 / 03 chapter identity must remain readable over every forest crop. */
.record-two>.record-heading,
.record-three>.calculator-copy{
  background:linear-gradient(90deg,rgba(2,31,25,.97) 0%,rgba(2,31,25,.92) 68%,rgba(2,31,25,.70) 100%)!important;
  border-left:3px solid #e28a3b!important;
  padding:22px 25px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important
}
.record-two>.record-heading .record-id,
.record-three>.calculator-copy .record-id{
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:0 0 9px!important;
  background:none!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important
}
.record-two>.record-heading .record-id span,
.record-two>.record-heading .record-id b,
.record-three>.calculator-copy .record-id span,
.record-three>.calculator-copy .record-id b{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 10px rgba(0,0,0,.38)!important
}
.record-two>.record-heading .record-id i,
.record-three>.calculator-copy .record-id i{background:#f08a36!important}
.record-two>.record-heading h3,
.record-three>.calculator-copy h3{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 14px rgba(0,0,0,.45)!important
}
.record-two>.record-heading h3 em{color:#ff9a4d!important}
.record-two>.record-heading>p,
.record-three>.calculator-copy>p{
  color:#e1ebe6!important;
  opacity:1!important;
  text-shadow:0 1px 8px rgba(0,0,0,.32)!important
}

/* Comparison becomes one dark archive exhibit with two clearly differentiated halves. */
.holder-comparison{
  margin:-24px 24px 0!important;
  gap:1px!important;
  border:1px solid rgba(232,165,88,.28)!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:rgba(230,165,88,.22)!important;
  box-shadow:0 22px 46px rgba(0,0,0,.28)!important
}
.holder-comparison:before{display:none!important}
.holder-comparison article{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#eef6f1!important
}
.holder-comparison .old-record{
  background:linear-gradient(145deg,rgba(62,43,27,.97),rgba(43,34,25,.98))!important;
  border-top:3px solid #c77b35!important
}
.holder-comparison .new-record{
  background:linear-gradient(145deg,rgba(7,72,57,.98),rgba(5,54,44,.99))!important;
  border-top:3px solid #55c49b!important
}
.compare-symbol{top:20px!important;right:20px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}
.old-record .compare-symbol{color:#efad65!important}.new-record .compare-symbol{color:#79dbb5!important}
.comparison-title{padding:24px 25px 17px!important}
.comparison-title span{color:#efad65!important;background:none!important}
.new-record .comparison-title span{color:#7bd8b5!important}
.comparison-title h4{color:#fff!important;font-size:23px!important;line-height:1.08!important}
.comparison-title>p{color:#cbd8d1!important;font-size:12px!important;line-height:1.5!important}
.comparison-facts{padding:0 25px 19px!important}
.comparison-facts>div{border-top:1px solid rgba(255,255,255,.10)!important}
.comparison-facts b{color:#fff!important;font-size:12.5px!important}
.comparison-facts p{color:#bdccc5!important;font-size:11px!important;line-height:1.48!important}
.old-record .comparison-facts>div:before{color:#e49a53!important}
.new-record .comparison-facts>div:before{color:#73d4ae!important}
.policy-benefit{
  margin:0 25px 22px!important;
  padding:13px 14px!important;
  border:1px solid rgba(121,219,181,.16)!important;
  border-left:3px solid #73d4ae!important;
  background:rgba(121,219,181,.07)!important;
  color:#e5f4ed!important
}
.policy-benefit strong{color:#fff!important}

/* Keep archive body text at a usable contrast against the shaded forest. */
.records-body{background:linear-gradient(rgba(4,42,32,.83),rgba(4,42,32,.87)),url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important}

/* Phone-specific composition: readable type, no tiny labels, no squeezed exhibits. */
@media(max-width:560px){
  .records-gate{padding:48px 0 42px!important}
  .records-gate h2{font-size:40px!important;line-height:.91!important}
  .records-gate p{font-size:12px!important;line-height:1.55!important}
  .archive-edition{font-size:7px!important}
  .records-body{
    width:calc(100% - 8px)!important;
    padding:38px 10px 46px!important;
    background:linear-gradient(rgba(4,42,32,.86),rgba(4,42,32,.90)),url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
  .record-one{display:block!important}
  .record-art{margin:0!important}
  .record-panel{margin:-8px 8px 0!important;padding:20px 17px!important}
  .record-panel .record-id{font-size:7px!important}
  .record-panel h3{font-size:31px!important;line-height:.92!important}
  .record-panel p{font-size:11.5px!important;line-height:1.5!important}
  .record-panel blockquote{font-size:10.5px!important}
  .record-beam{margin:42px 0!important}

  .record-two>.record-heading,
  .record-three>.calculator-copy{
    padding:17px 16px!important;
    background:rgba(2,31,25,.96)!important
  }
  .record-two>.record-heading .record-id,
  .record-three>.calculator-copy .record-id{
    display:flex!important;
    width:100%!important;
    gap:6px!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    font-size:7px!important;
    line-height:1.35!important
  }
  .record-two>.record-heading .record-id span,
  .record-two>.record-heading .record-id b,
  .record-three>.calculator-copy .record-id span,
  .record-three>.calculator-copy .record-id b{color:#fff!important}
  .record-heading h3,.calculator-copy h3{font-size:29px!important;line-height:.93!important}
  .record-heading>p,.calculator-copy>p{font-size:11.5px!important;line-height:1.5!important}

  .record-wide-art{margin-top:8px!important}
  .holder-comparison{
    display:block!important;
    margin:8px 0 0!important;
    border-radius:5px!important
  }
  .holder-comparison .old-record{border-bottom:1px solid rgba(232,165,88,.24)!important}
  .comparison-title{padding:19px 17px 13px!important}
  .comparison-title h4{font-size:20px!important;max-width:82%!important}
  .comparison-title>p{font-size:11.5px!important}
  .comparison-facts{padding:0 17px 15px!important}
  .comparison-facts>div{padding:10px 0 10px 21px!important}
  .comparison-facts b{font-size:11.5px!important}
  .comparison-facts p{font-size:10.5px!important}
  .policy-benefit{margin:0 17px 17px!important;font-size:10.8px!important}

  .record-three{display:block!important}
  .wood-console{margin-top:12px!important;padding:19px 13px 17px!important}
  .console-title{font-size:7px!important}
  .calc-flow{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:17px 0 13px!important}
  .dn-medallion{margin:auto!important;width:56px!important;height:56px!important}
  .calc-flow>i{transform:rotate(90deg)!important;text-align:center!important;line-height:1!important}
  .calc-value strong{font-size:25px!important}
  .calc-result{grid-column:1!important;padding:12px 8px!important}
  .calc-result strong{font-size:31px!important}

  .return-terminal{padding:38px 0!important}
  .return-terminal-inner{gap:22px!important}
  .return-copy h2{font-size:31px!important}
  .return-action{min-width:0!important}
}

/* ===== v34 release: public/mobile/accessibility finishing layer ===== */

/* Public body copy must not collapse into metadata-sized text. */
.hero-copy>p,.protocol-head>p,.rail-node p,.evidence-head p,
.record-panel p,.record-heading>p,.calculator-copy p,
.comparison-title>p,.comparison-facts p,.return-copy p{
  text-wrap:pretty
}

/* Visible keyboard focus across public interactions. */
a[href]:focus-visible,button:focus-visible{
  outline:2px solid #f5a05b!important;
  outline-offset:3px!important
}

/* Minimum usable wallet targets. */
.wallet-buttons button{min-height:48px!important}

/* Evidence values may wrap but never overflow their terminal. */
.console-main,.console-main strong,.console-main code{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important
}

/* Archive copy remains readable over forest in every breakpoint. */
.record-two>.record-heading,
.record-three>.calculator-copy{
  background:linear-gradient(90deg,rgba(3,34,27,.96),rgba(3,34,27,.86) 74%,rgba(3,34,27,.38))!important
}
.record-heading h3,.calculator-copy h3{color:#fff8e8!important}
.record-heading>p,.calculator-copy p{color:#d9e4de!important}

/* ---------- Mobile release layout ---------- */
@media(max-width:560px){

  /* On phones the product must explain itself before asking for wallet access.
     CSS grid ordering preserves the same semantic/JS markup and wallet hooks. */
  .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important
  }
  .hero-copy{order:1!important}
  .connect-panel{order:2!important}

  .hero-copy h1{
    font-size:46px!important;
    line-height:.88!important;
    letter-spacing:-.035em!important
  }
  .hero-copy>p{
    font-size:14px!important;
    line-height:1.55!important
  }
  .rate-row{font-size:12px!important}
  .rate-row strong{font-size:19px!important}

  /* Wallet selection is a touch interface, not a compressed desktop matrix. */
  .connect-panel{
    padding:20px!important;
    width:100%!important
  }
  .wallet-buttons{
    grid-template-columns:1fr!important;
    gap:8px!important
  }
  .wallet-buttons button{
    min-height:48px!important;
    padding:11px 13px!important;
    font-size:12px!important;
    text-align:left!important
  }

  /* Ledger: keep the figures, remove visual micro-density. */
  .metric-grid{
    grid-template-columns:1fr 1fr!important
  }
  .metric-grid article{
    min-height:92px!important;
    padding:14px!important
  }
  .metric-grid small{font-size:9px!important}
  .metric-grid strong{font-size:21px!important}
  .progress-card{padding:14px!important}

  /* Protocol: deliberate vertical story with readable copy. */
  .protocol-rail{gap:4px!important}
  .rail-node{
    padding:12px 8px 22px!important
  }
  .node-orbit{
    width:78px!important;
    height:78px!important
  }
  .rail-node h3{
    font-size:20px!important;
    margin-top:8px!important
  }
  .rail-node p{
    font-size:13px!important;
    line-height:1.55!important;
    max-width:280px!important
  }
  .rail-link{
    height:52px!important;
    margin:0 auto!important
  }
  .assurance-strip span{
    font-size:10px!important;
    padding:10px 8px!important
  }

  /* Evidence terminal: show useful identity without microscopic columns. */
  .console-row{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
    padding:17px 12px!important
  }
  .console-main small{font-size:8px!important}
  .console-main strong,.console-main code{
    font-size:10px!important;
    line-height:1.45!important
  }
  .console-state{
    grid-column:2!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    align-items:center!important
  }
  .console-state a{font-size:9px!important}

  /* Archive: readable first, decorative second. */
  .records-gate h2{
    font-size:46px!important;
    line-height:.88!important
  }
  .records-gate p{
    font-size:13px!important;
    line-height:1.55!important
  }
  .records-body{
    padding:44px 12px 52px!important
  }
  .record-panel{
    padding:22px 18px!important
  }
  .record-panel h3{
    font-size:35px!important;
    line-height:.92!important
  }
  .record-panel p{
    font-size:13px!important;
    line-height:1.55!important
  }
  .record-panel blockquote{
    font-size:11px!important;
    line-height:1.5!important
  }

  /* Records 02/03 chapter copy: white, opaque, comfortably sized. */
  .record-two>.record-heading,
  .record-three>.calculator-copy{
    padding:17px 16px!important;
    background:rgba(3,34,27,.96)!important;
    border-left:3px solid #df8a3d!important
  }
  .record-heading h3,.calculator-copy h3{
    font-size:34px!important;
    color:#fff8e8!important;
    opacity:1!important
  }
  .record-heading>p,.calculator-copy p{
    font-size:13px!important;
    color:#d9e4de!important;
    opacity:1!important
  }
  .record-id span,.record-id b{
    font-size:8px!important
  }

  /* Integrated comparison becomes one coherent vertical exhibit. */
  .holder-comparison{
    grid-template-columns:1fr!important;
    margin:10px 0 0!important
  }
  .comparison-title{
    padding:20px 18px 14px!important
  }
  .comparison-title h4{
    font-size:22px!important
  }
  .comparison-title>p{
    font-size:13px!important;
    line-height:1.5!important
  }
  .comparison-facts{
    padding:0 18px 16px!important
  }
  .comparison-facts>div{
    padding:12px 0 12px 22px!important
  }
  .comparison-facts b{
    font-size:13px!important
  }
  .comparison-facts p{
    font-size:12px!important;
    line-height:1.48!important
  }
  .policy-benefit{
    margin:0 18px 18px!important;
    font-size:12px!important;
    line-height:1.5!important
  }

  /* Calculation gets enough vertical room to be understood at a glance. */
  .wood-console{
    padding:24px 16px 22px!important
  }
  .calc-flow{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:22px 0 16px!important
  }
  .dn-medallion{
    margin:0 auto!important;
    width:64px!important;
    height:64px!important
  }
  .calc-value strong{
    font-size:29px!important
  }
  .calc-flow>i{
    transform:none!important;
    text-align:center!important;
    font-size:20px!important
  }
  .calc-result{
    grid-column:1!important;
    padding:14px 8px!important
  }
  .calc-result strong{
    font-size:36px!important
  }

  /* Closing CTA remains an action, with comfortable touch target. */
  .return-action a{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 16px!important
  }
}

/* Very narrow phone QA (320–360px). */
@media(max-width:360px){
  .app-shell,.docs-shell{width:calc(100% - 20px)!important}
  .hero-copy h1{font-size:41px!important}
  .metric-grid{grid-template-columns:1fr!important}
  .metric-grid article{min-height:74px!important}
  .protocol-head h2{font-size:34px!important}
  .evidence-head h3{font-size:29px!important}
  .records-gate h2{font-size:40px!important}
  .record-panel h3,.record-heading h3,.calculator-copy h3{font-size:30px!important}
}

/* v35 application core: read-only wallet diagnostics + monthly settlement states */
.wallet-button{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
.wallet-button small{font:800 8px/1 monospace;letter-spacing:.08em;color:#83aa9c}
.recovery-state-card{margin-top:18px;border:1px solid rgba(99,201,235,.18);border-radius:12px;background:linear-gradient(180deg,#061f2a,#082936);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.15)}
.state-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 16px;background:#041a23;border-bottom:1px solid rgba(99,201,235,.12);font:900 9px/1 monospace;letter-spacing:.12em;color:#739ca8}
.state-head b{color:#71d5b0}
.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(99,201,235,.09)}
.state-grid>div{min-width:0;padding:15px 16px;background:#072632}
.state-grid small{display:block;margin-bottom:7px;font:800 8px/1 monospace;letter-spacing:.11em;color:#6e9aa6}
.state-grid strong{display:block;font-size:12px;color:#e4f0ed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settlement-preview{padding:15px 16px;border-top:1px solid rgba(99,201,235,.11);background:rgba(20,93,74,.13)}
.settlement-preview span{font:900 9px/1 monospace;letter-spacing:.12em;color:#72d6b1}
.settlement-preview p{margin:7px 0 0;color:#a9c1c6;font-size:11.5px;line-height:1.5}
.settlement-preview.neutral{background:rgba(99,201,235,.035)}
.settlement-preview.neutral span{color:#79bfd5}
.state-lock{padding:11px 16px;border-top:1px solid rgba(245,123,32,.15);background:rgba(245,123,32,.045);color:#df985a;font:900 8px/1 monospace;letter-spacing:.11em}
@media(max-width:900px){.state-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wallet-button{min-height:50px!important}.wallet-button small{font-size:7px}.state-grid{grid-template-columns:1fr}.state-grid>div{padding:12px 14px}.state-grid strong{white-space:normal;overflow-wrap:anywhere}.state-head{align-items:flex-start;flex-direction:column;gap:6px}.settlement-preview p{font-size:12px}.state-lock{line-height:1.4}}

/* v36 wallet validation diagnostics */
.recovery-state-card .state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.recovery-state-card .state-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.recovery-state-card .state-grid{grid-template-columns:1fr}}

/* ===== v37 connected wallet + archive visual refinement ===== */

/* Connected state replaces the wallet picker with identity, not another button matrix. */
.connected-wallet-summary{
  grid-column:1/-1;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(108,220,176,.18);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(5,57,45,.78),rgba(4,43,35,.92))
}
.connected-wallet-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.connected-wallet-head div{display:grid;gap:4px}
.connected-wallet-head small,.connected-wallet-meta small{font:800 7px/1 monospace;letter-spacing:.12em;color:#79ad99}
.connected-wallet-head strong{font-size:18px;color:#fff}
.connected-wallet-head>span{padding:5px 7px;border:1px solid rgba(93,214,163,.28);border-radius:999px;background:rgba(93,214,163,.06);color:#79dcb5;font:900 8px/1 monospace}
.connected-wallet-meta{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:8px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}
.connected-wallet-meta>div{min-width:0;display:grid;gap:5px}
.connected-wallet-meta strong{font:700 10px/1.3 monospace;color:#dcebe4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connected-wallet-diagnostic{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:9px 10px;border-radius:6px;background:rgba(0,0,0,.13)}
.connected-wallet-diagnostic span{color:#7eaa99;font:800 7px/1 monospace;letter-spacing:.1em}
.connected-wallet-diagnostic b{font:700 9px/1 monospace;color:#b7cbc2}

/* Recovery Status now focuses on recovery meaning; diagnostics remain subordinate. */
.recovery-state-card .state-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.settlement-preview.neutral{background:rgba(255,255,255,.025)!important}

/* Archive cover stays cinematic. */
.records-gate{
  background:
    linear-gradient(90deg,rgba(25,13,7,.82) 0%,rgba(17,30,20,.77) 44%,rgba(7,52,39,.70) 100%),
    url('../../images/verify-forest-bg-1200.webp') center 44%/cover no-repeat!important
}

/* Gallery becomes meaningfully brighter while preserving the forest environment. */
.records-body{
  background:
    linear-gradient(rgba(11,70,53,.56),rgba(8,59,46,.62)),
    url('../../images/verify-forest-bg-1200.webp') center/cover fixed no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(231,165,87,.12),inset 0 0 80px rgba(0,0,0,.10)!important
}
.records-body:before{
  background:
    radial-gradient(circle at 20% 12%,rgba(243,162,73,.07),transparent 24%),
    linear-gradient(90deg,rgba(0,0,0,.08),transparent 16%,transparent 84%,rgba(0,0,0,.08))!important;
  backdrop-filter:saturate(.72) contrast(.94)!important
}

/* Local contrast belongs behind text, rather than darkening the entire gallery. */
.record-two>.record-heading,
.record-three>.calculator-copy{
  background:linear-gradient(90deg,rgba(2,35,27,.92) 0%,rgba(2,35,27,.75) 66%,rgba(2,35,27,.12) 100%)!important;
  border-left:3px solid #e08a3b!important;
  padding:20px 24px!important
}
.record-heading h3,.calculator-copy h3{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.32)!important}
.record-heading>p,.calculator-copy p{color:#dbe8e1!important;text-shadow:0 1px 8px rgba(0,0,0,.24)!important}

/* Record 01: bright artwork + compact dark historical exhibit. */
.record-panel{background:rgba(5,66,51,.94)!important}
.record-art,.record-wide-art{filter:saturate(1.02) contrast(1.01)}

/* Record 02: one integrated comparison instrument. */
.holder-comparison{
  gap:0!important;
  margin:-30px 26px 0!important;
  border:1px solid rgba(226,158,78,.28)!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#123e32!important;
  box-shadow:0 22px 46px rgba(0,0,0,.24)!important
}
.holder-comparison article{border:0!important;border-radius:0!important;box-shadow:none!important}
.holder-comparison .old-record{
  background:linear-gradient(145deg,#4b3524,#35271d)!important;
  border-right:1px solid rgba(234,171,97,.18)!important
}
.holder-comparison .new-record{
  background:linear-gradient(145deg,#0b5a47,#084535)!important
}
.old-record .comparison-title span{color:#e8a35d!important}
.new-record .comparison-title span{color:#82ddb8!important}
.holder-comparison .comparison-title h4{color:#fff8e9!important}
.holder-comparison .comparison-title>p{color:#d0d3c8!important}
.holder-comparison .new-record .comparison-title>p{color:#d1e6dc!important}
.holder-comparison .comparison-facts>div{border-top-color:rgba(255,255,255,.08)!important}
.holder-comparison .comparison-facts b{color:#fff3dd!important}
.holder-comparison .comparison-facts p{color:#c7c8bd!important}
.holder-comparison .new-record .comparison-facts p{color:#c9ded4!important}
.old-record .comparison-facts>div:before{color:#e09952!important}
.new-record .comparison-facts>div:before{color:#80dbb6!important}
.holder-comparison .policy-benefit{
  color:#e5f4ed!important;
  background:rgba(0,0,0,.13)!important;
  border-color:rgba(124,218,180,.24)!important
}
.holder-comparison .policy-benefit strong{color:#fff!important}

/* Record 03 calculation remains the dark precision object on the brighter gallery. */
.wood-console{background:linear-gradient(135deg,rgba(5,62,49,.98),rgba(3,43,35,.99))!important}

/* Mobile: identity summary and archive contrast remain deliberate. */
@media(max-width:900px){
  .connected-wallet-meta{grid-template-columns:1fr 1fr!important}
  .recovery-state-card .state-grid{grid-template-columns:1fr 1fr!important}
  .records-body{
    background:
      linear-gradient(rgba(11,70,53,.60),rgba(8,59,46,.66)),
      url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
}
@media(max-width:560px){
  .connected-wallet-head{align-items:flex-start}
  .connected-wallet-meta{grid-template-columns:1fr!important}
  .connected-wallet-meta strong{white-space:normal;overflow-wrap:anywhere}
  .connected-wallet-diagnostic{display:grid;gap:6px}
  .recovery-state-card .state-grid{grid-template-columns:1fr!important}
  .records-body{
    background:
      linear-gradient(rgba(9,64,49,.64),rgba(7,53,42,.70)),
      url('../../images/verify-forest-bg-768.webp') center/cover scroll no-repeat!important
  }
  .record-two>.record-heading,.record-three>.calculator-copy{
    background:rgba(2,35,27,.94)!important;
    padding:17px 16px!important
  }
  .holder-comparison{grid-template-columns:1fr!important;margin:10px 0 0!important}
  .holder-comparison .old-record{border-right:0!important;border-bottom:1px solid rgba(234,171,97,.18)!important}
}

/* v38 - Abandoned Sugar Factory Archive */
.records-gate{background:linear-gradient(90deg,rgba(22,13,8,.84),rgba(14,31,22,.78) 46%,rgba(7,50,38,.70)),url('../../images/verify-forest-bg-1200.webp') center 44%/cover no-repeat!important}
.records-body{background:linear-gradient(rgba(24,76,62,.67),rgba(18,65,54,.73)),url('../../images/verify-forest-bg-1200.webp') center top/cover no-repeat!important;background-attachment:scroll!important;border-left:5px solid #202624!important;border-right:5px solid #202624!important;box-shadow:inset 1px 0 0 rgba(208,146,73,.34),inset -1px 0 0 rgba(208,146,73,.34),inset 0 0 72px rgba(0,0,0,.10)!important}
.records-body:before{background:linear-gradient(90deg,rgba(7,31,26,.08),transparent 18%,transparent 82%,rgba(7,31,26,.08)),repeating-linear-gradient(90deg,transparent 0 239px,rgba(224,165,91,.022) 240px 241px)!important;backdrop-filter:saturate(.68) contrast(.94)!important}
.record-id{color:#d7a05e!important;border-bottom-color:rgba(215,160,94,.30)!important}.record-id span{color:#e1a45e!important}.record-id b{color:#c8d1cc!important}
.record-art,.record-wide-art{border:5px solid #222826!important;outline:1px solid rgba(218,154,75,.60)!important;outline-offset:-2px!important;border-radius:3px!important;box-shadow:0 22px 46px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.025)!important}
.record-panel{position:relative!important;background:linear-gradient(145deg,rgba(45,52,50,.98),rgba(25,31,30,.99))!important;border:1px solid #111514!important;border-left:4px solid #bd7838!important;outline:1px solid rgba(212,149,72,.36)!important;outline-offset:-4px!important;color:#d7dfdb!important;box-shadow:0 22px 46px rgba(0,0,0,.30)!important}
.record-panel:before,.record-panel:after{content:""!important;position:absolute!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#b8793e!important;box-shadow:inset 0 0 0 1px #70431f!important}.record-panel:before{left:9px!important;top:9px!important}.record-panel:after{right:9px!important;bottom:9px!important;display:block!important}
.record-panel h3{color:#fff4df!important}.record-panel h3 em{color:#f08332!important}.record-panel p{color:#cbd6d1!important}.record-panel blockquote{background:rgba(5,10,9,.30)!important;border-left-color:#b97a3d!important;color:#e3e5dc!important}
.record-two>.record-heading,.record-three>.calculator-copy{position:relative!important;background:linear-gradient(110deg,rgba(45,52,50,.98),rgba(27,34,32,.97) 70%,rgba(22,29,27,.92))!important;border:1px solid #111514!important;border-left:4px solid #bd7838!important;border-radius:3px!important;padding:22px 25px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 15px 34px rgba(0,0,0,.22)!important;backdrop-filter:none!important}
.record-two>.record-heading:after,.record-three>.calculator-copy:after{content:""!important;position:absolute!important;right:10px!important;top:10px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#b8793e!important;box-shadow:inset 0 0 0 1px #70431f!important}
.record-heading h3,.calculator-copy h3{color:#fff4df!important;text-shadow:none!important}.record-heading h3 em{color:#f08332!important}.record-heading>p,.calculator-copy p{color:#cbd6d1!important;text-shadow:none!important}
.factory-console{position:relative!important;gap:0!important;margin:-28px 28px 0!important;padding:8px!important;border:1px solid #101514!important;border-radius:4px!important;background:linear-gradient(145deg,#343b39,#1f2624)!important;outline:1px solid rgba(211,147,70,.42)!important;outline-offset:-4px!important;box-shadow:0 22px 46px rgba(0,0,0,.28)!important}
.factory-console:before{content:"LEGACY FACTORY / COMMUNITY RECOVERY";position:absolute;left:50%;top:-13px;z-index:5;transform:translateX(-50%);padding:5px 11px;border:1px solid rgba(209,147,73,.32);border-radius:2px;background:#242b29;color:#d7a05e;font:900 7px/1 monospace;letter-spacing:.12em;white-space:nowrap}
.factory-console article{border:0!important;border-radius:1px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}.factory-console .old-record{background:linear-gradient(145deg,#45382c,#332a22)!important;border-right:1px solid rgba(211,147,70,.20)!important}.factory-console .new-record{background:linear-gradient(145deg,#0d5947,#084437)!important}
.factory-console .comparison-title span{background:none!important;padding:0!important}.factory-console .old-record .comparison-title span{color:#e1a05b!important}.factory-console .new-record .comparison-title span{color:#78d7b0!important}.factory-console .comparison-title h4{color:#fff4df!important}.factory-console .old-record .comparison-title>p{color:#d1cbc0!important}.factory-console .new-record .comparison-title>p{color:#cde2d8!important}
.factory-console .comparison-facts>div{border-top-color:rgba(255,255,255,.075)!important}.factory-console .comparison-facts b{color:#fff2dc!important}.factory-console .old-record .comparison-facts p{color:#cbc5b9!important}.factory-console .new-record .comparison-facts p{color:#c7ddd2!important}.factory-console .old-record .comparison-facts>div:before{color:#e19b54!important}.factory-console .new-record .comparison-facts>div:before{color:#77d5ae!important}.factory-console .policy-benefit{background:rgba(0,0,0,.17)!important;border-color:rgba(119,213,174,.28)!important;color:#e2f2ea!important}.factory-console .policy-benefit strong{color:#fff!important}
.factory-panel-hardware{position:absolute!important;z-index:6!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#b97a3d!important;box-shadow:inset 0 0 0 1px #6c411f!important}.factory-panel-hardware.h1{left:5px!important;top:5px!important}.factory-panel-hardware.h2{right:5px!important;top:5px!important}.factory-panel-hardware.h3{left:5px!important;bottom:5px!important}.factory-panel-hardware.h4{right:5px!important;bottom:5px!important}
.wood-console{position:relative!important;background:linear-gradient(145deg,#27302e,#121817)!important;border:5px solid #222826!important;outline:1px solid rgba(218,154,75,.56)!important;outline-offset:-3px!important;border-radius:3px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.28)!important}
.console-title{color:#d7a05e!important}.calc-value strong{color:#fff2dd!important}.calc-value span{color:#9faeaa!important}.calc-flow>i{color:#d99148!important}.calc-result{border-bottom-color:#d99148!important;background:rgba(0,0,0,.13)!important}.calc-result strong{color:#fff3dd!important}.calc-result strong em{color:#f08332!important}.calc-result span{color:#9fb1ab!important}.dn-medallion{border-color:#b97a3d!important;background:rgba(0,0,0,.12)!important}
.record-beam{background:linear-gradient(90deg,transparent,rgba(211,147,70,.46) 15%,rgba(211,147,70,.46) 85%,transparent)!important}.record-beam:before{background:#c7833e!important}.factory-records{background:#071f1a!important}
@media(max-width:1100px){.records-body{background:linear-gradient(rgba(24,76,62,.70),rgba(18,65,54,.76)),url('../../images/verify-forest-bg-768.webp') center top/cover no-repeat!important;background-attachment:scroll!important}}
@media(max-width:900px){.factory-console{margin:14px 0 0!important}}
@media(max-width:560px){.records-body{background:linear-gradient(rgba(22,73,59,.74),rgba(16,61,50,.80)),url('../../images/verify-forest-bg-768.webp') center top/cover no-repeat!important;border-left-width:3px!important;border-right-width:3px!important}.record-panel,.record-two>.record-heading,.record-three>.calculator-copy{background:linear-gradient(145deg,rgba(43,50,48,.99),rgba(22,28,27,.99))!important}.factory-console{grid-template-columns:1fr!important;padding:6px!important;margin:12px 0 0!important}.factory-console:before{display:none!important}.factory-console .old-record{border-right:0!important;border-bottom:1px solid rgba(211,147,70,.20)!important}.factory-console .comparison-title h4{font-size:22px!important}.factory-console .comparison-title>p,.factory-console .comparison-facts p{font-size:12px!important;line-height:1.5!important}.wood-console{border-width:3px!important}}

/* ===== v39 — Factory Archive Gallery =====
   Forest introduces the archive. Industrial wall carries the records.
*/

/* Keep the cover as the natural/cinematic entrance. */
.records-gate{
  background:
    linear-gradient(90deg,rgba(22,13,8,.84),rgba(14,31,22,.78) 46%,rgba(7,50,38,.70)),
    url('../../images/verify-forest-bg-1200.webp') center 44%/cover no-repeat!important
}

/* Records 01–03 no longer stretch the forest image over a tall container.
   The gallery is an industrial teal wall with a very subtle panel grid. */
.records-body{
  background:
    radial-gradient(circle at 17% 8%,rgba(225,153,72,.065),transparent 22%),
    radial-gradient(circle at 86% 48%,rgba(84,166,131,.045),transparent 28%),
    repeating-linear-gradient(90deg,transparent 0 239px,rgba(215,156,83,.022) 240px 241px),
    repeating-linear-gradient(0deg,transparent 0 319px,rgba(255,255,255,.014) 320px 321px),
    linear-gradient(180deg,#174b3f 0%,#123f35 48%,#103a31 100%)!important;
  background-attachment:scroll!important;
  border-left:5px solid #202624!important;
  border-right:5px solid #202624!important;
  box-shadow:
    inset 1px 0 0 rgba(208,146,73,.34),
    inset -1px 0 0 rgba(208,146,73,.34),
    inset 18px 0 34px rgba(0,0,0,.10),
    inset -18px 0 34px rgba(0,0,0,.10)!important
}
.records-body:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(4,27,22,.10),transparent 14%,transparent 86%,rgba(4,27,22,.10))!important;
  backdrop-filter:none!important
}

/* Record 01 receives the only forest "memory window" inside the gallery. */
.record-one{
  position:relative!important;
  padding:54px 42px!important;
  border:1px solid rgba(218,154,75,.16)!important;
  background:
    linear-gradient(90deg,rgba(13,57,46,.26),rgba(13,57,46,.14)),
    url('../../images/verify-forest-bg-1200.webp') center 57%/100% auto no-repeat!important;
  box-shadow:inset 0 0 60px rgba(7,42,34,.24)!important
}
.record-one:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(10,52,42,.16),rgba(10,52,42,.36))!important
}
.record-one>*{position:relative;z-index:1}

/* The remaining records sit on the clean Factory wall. */
.record-two,.record-three{
  position:relative!important;
  padding-left:18px!important;
  padding-right:18px!important
}

/* Gunmetal is lifted slightly so it reads as metal rather than black cards. */
.record-panel,
.record-two>.record-heading,
.record-three>.calculator-copy{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(145deg,#363d3b,#252c2a)!important;
  border-color:#151a19!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 18px 38px rgba(0,0,0,.22)!important
}

/* Record 02 comparison: oxidized bronze vs restored emerald. */
.factory-console{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.010) 0 1px,transparent 1px 4px),
    linear-gradient(145deg,#3b4240,#252c2a)!important
}
.factory-console .old-record{
  background:
    linear-gradient(145deg,#4a382a,#352d27)!important
}
.factory-console .new-record{
  background:
    linear-gradient(145deg,#0d5b48,#084638)!important
}
.factory-console:after{
  content:""!important;
  position:absolute!important;
  top:18px!important;bottom:18px!important;left:50%!important;
  width:1px!important;
  background:linear-gradient(transparent,rgba(213,151,77,.58) 14%,rgba(213,151,77,.58) 86%,transparent)!important;
  box-shadow:0 0 7px rgba(213,151,77,.08)!important;
  pointer-events:none!important
}

/* More breathing room inside the comparison instrument. */
.factory-console .comparison-title{padding-top:27px!important;padding-bottom:19px!important}
.factory-console .comparison-facts>div{padding-top:14px!important;padding-bottom:14px!important}
.factory-console .policy-benefit{margin-bottom:26px!important}

/* Record 03: make the calculation the visual conclusion. */
.record-three{
  grid-template-columns:.40fr 1.60fr!important;
  gap:54px!important;
  align-items:center!important
}
.wood-console{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.010) 0 1px,transparent 1px 4px),
    linear-gradient(145deg,#303735,#171d1b)!important;
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important
}

/* Archive labels are deliberately engraved/catalogued. */
.record-id span{
  font-size:9px!important;
  letter-spacing:.14em!important;
  color:#dfa05b!important
}
.record-id b{
  font-size:8px!important;
  letter-spacing:.12em!important;
  color:#c6d0cb!important
}

/* Recessed iron + brass frame around the gallery. */
.factory-records{
  background:linear-gradient(90deg,#171c1b 0 5px,#a76e38 5px 6px,#071f1a 6px calc(100% - 6px),#a76e38 calc(100% - 6px) calc(100% - 5px),#171c1b calc(100% - 5px))!important
}

/* Deliberate ending before returning to the modern recovery app. */
.archive-end-marker{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:14px;
  align-items:center;
  padding:24px max(24px,calc((100vw - 1180px)/2));
  background:#0b2e27;
  color:#b98950;
  font:900 8px/1 monospace;
  letter-spacing:.15em;
  text-align:center
}
.archive-end-marker i{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(195,132,61,.55))
}
.archive-end-marker i:last-child{background:linear-gradient(90deg,rgba(195,132,61,.55),transparent)}

/* Mobile: no stretched forest in the records; illustrations provide the richness. */
@media(max-width:1100px){
  .records-body{
    background:
      radial-gradient(circle at 15% 8%,rgba(225,153,72,.055),transparent 20%),
      repeating-linear-gradient(90deg,transparent 0 159px,rgba(215,156,83,.020) 160px 161px),
      linear-gradient(180deg,#174b3f,#103a31)!important
  }
  .record-one{
    background:
      linear-gradient(rgba(13,57,46,.30),rgba(13,57,46,.44)),
      url('../../images/verify-forest-bg-768.webp') center 45%/cover no-repeat!important
  }
}
@media(max-width:900px){
  .record-one{padding:34px 24px!important}
  .record-three{grid-template-columns:1fr!important;gap:24px!important}
  .factory-console:after{display:none!important}
}
@media(max-width:560px){
  .records-body{
    background:
      repeating-linear-gradient(90deg,transparent 0 119px,rgba(215,156,83,.018) 120px 121px),
      linear-gradient(180deg,#16483d,#10382f)!important
  }
  .record-one{
    padding:22px 12px!important;
    background:
      linear-gradient(rgba(12,55,44,.36),rgba(12,55,44,.52)),
      url('../../images/verify-forest-bg-768.webp') center 42%/cover no-repeat!important
  }
  .record-two,.record-three{padding-left:4px!important;padding-right:4px!important}
  .record-panel,.record-two>.record-heading,.record-three>.calculator-copy{
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
      linear-gradient(145deg,#343b39,#222826)!important
  }
  .factory-console .old-record{background:linear-gradient(145deg,#47362a,#322a24)!important}
  .factory-console .new-record{background:linear-gradient(145deg,#0c5745,#074234)!important}
  .wood-console{min-height:0!important}
  .archive-end-marker{padding:20px 14px;font-size:7px;gap:8px}
}

/* ===== v40 — final visual polish / design freeze ===== */

/* Meaningful explanatory copy must read as body copy, not metadata. */
.hero-copy>p,.protocol-head>p,.rail-node p,.evidence-head p,
.record-panel p,.record-heading>p,.calculator-copy p,
.comparison-title>p,.comparison-facts p,.return-copy p{
  font-size:max(13px,inherit)!important;
  line-height:1.52!important
}

/* Factory wall: subtle center illumination focuses the exhibits. */
.records-body{
  background:
    radial-gradient(ellipse at 50% 42%,rgba(85,150,122,.085),transparent 48%),
    radial-gradient(circle at 17% 8%,rgba(225,153,72,.065),transparent 22%),
    repeating-linear-gradient(90deg,transparent 0 239px,rgba(215,156,83,.022) 240px 241px),
    repeating-linear-gradient(0deg,transparent 0 319px,rgba(255,255,255,.014) 320px 321px),
    linear-gradient(90deg,#10392f 0%,#174b3f 18%,#1a5042 50%,#17483c 82%,#10372f 100%)!important
}

/* Record 02 explanation gets enough visual weight to balance its headline. */
.record-two>.record-heading{
  grid-template-columns:1fr .66fr!important;
  align-items:center!important
}
.record-two>.record-heading>p{
  font-size:14px!important;
  line-height:1.58!important;
  color:#d7e0dc!important
}

/* Slightly brighter oxidized bronze improves Legacy readability. */
.factory-console .old-record{
  background:linear-gradient(145deg,#574332,#40342b)!important
}

/* Give the comparison chassis a visible instrument header rail. */
.factory-console{padding-top:31px!important}
.factory-console:before{
  top:0!important;
  left:0!important;
  width:100%!important;
  height:24px!important;
  transform:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(211,147,70,.30)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#343b39,#292f2d)!important;
  color:#dca05c!important
}
.factory-console:after{top:42px!important}

/* Recovery takeaway becomes a verified system state. */
.factory-console .policy-benefit{
  position:relative!important;
  padding:14px 15px 14px 38px!important;
  background:rgba(3,33,26,.32)!important;
  border:1px solid rgba(119,213,174,.30)!important
}
.factory-console .policy-benefit:before{
  content:"✓"!important;
  position:absolute!important;
  left:14px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:17px!important;height:17px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(119,213,174,.46)!important;
  border-radius:50%!important;
  color:#7bd9b3!important;
  font-weight:900!important
}

/* Record 03: final entitlement is the dominant output. */
.record-three>.calculator-copy h3{font-size:clamp(38px,4vw,56px)!important}
.calc-result strong{font-size:clamp(48px,5.1vw,66px)!important}
.calc-result strong em{font-size:.40em!important}
.calc-value strong{font-size:clamp(31px,3.2vw,42px)!important}

/* Archive ending is intentionally visible before returning to the dApp. */
.archive-end-marker{
  padding-top:28px!important;
  padding-bottom:28px!important;
  color:#d29a58!important;
  font-size:9px!important
}
.archive-end-marker i{background:linear-gradient(90deg,transparent,rgba(210,154,88,.72))!important}
.archive-end-marker i:last-child{background:linear-gradient(90deg,rgba(210,154,88,.72),transparent)!important}

/* Global supporting copy polish without inflating true metadata. */
.metric-grid small,.console-main small,.record-id,.records-kicker,
.protocol-chapter,.evidence-chapter{letter-spacing:.11em!important}

/* Mobile readability freeze. */
@media(max-width:900px){
  .record-two>.record-heading{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .hero-copy>p,.protocol-head>p,.rail-node p,.evidence-head p,
  .record-panel p,.record-heading>p,.calculator-copy p,
  .comparison-title>p,.comparison-facts p,.return-copy p{
    font-size:14px!important;
    line-height:1.56!important
  }
  .record-two>.record-heading>p{font-size:14px!important}
  .factory-console{padding-top:6px!important}
  .factory-console:before{display:none!important}
  .factory-console .policy-benefit{font-size:12px!important}
  .record-three>.calculator-copy h3{font-size:34px!important}
  .calc-result strong{font-size:40px!important}
  .archive-end-marker{font-size:8px!important;padding:23px 14px!important}
}

/* ===== v42 read-only DN verification ===== */
.connected-wallet-dn{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:13px 14px;
  border:1px solid rgba(111,216,174,.20);
  border-radius:6px;
  background:rgba(4,38,31,.30)
}
.connected-wallet-dn span{font:900 8px/1 monospace;letter-spacing:.12em;color:#80b9a2}
.connected-wallet-dn strong{font-size:20px;color:#fff3dd}
.connected-wallet-dn b{justify-self:end;font:900 8px/1 monospace;letter-spacing:.08em;color:#7bd8b2}
.state-grid .dn-status{border-color:rgba(111,216,174,.22)!important;background:rgba(75,180,139,.045)!important}
.state-grid .dn-status strong{color:#fff0d8!important}
@media(max-width:560px){
  .connected-wallet-dn{grid-template-columns:1fr!important;gap:6px}
  .connected-wallet-dn b{justify-self:start}
}

/* ===== v43 claimant-first information architecture ===== */
.claimant-journey{
  padding:38px 0 42px;
  background:linear-gradient(180deg,#06483b,#053d33);
  border-top:1px solid rgba(110,219,176,.10)
}
.journey-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px;align-items:end;margin-bottom:22px}
.journey-heading .section-tag{grid-column:1/-1}
.journey-heading h2{font-size:30px;line-height:1;color:#fff;margin:0}
.journey-heading p{margin:0;color:#a9c7ba;font-size:13px;line-height:1.5;max-width:580px}
.journey-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}
.journey-result,.journey-proof{min-width:0}
.journey-empty{height:100%;min-height:210px;box-sizing:border-box;padding:24px;border:1px solid rgba(110,219,176,.14);border-radius:9px;background:rgba(1,30,25,.28);display:flex;flex-direction:column;justify-content:center}
.journey-empty span,.proof-head span{font:900 8px/1 monospace;letter-spacing:.13em;color:#76c7a6}
.journey-empty strong{font-size:23px;color:#fff;margin:11px 0 7px}.journey-empty p{font-size:13px;color:#a8c3b7;margin:0}
.claimant-journey .personal-status{margin:0!important;height:100%}
.claimant-journey .recovery-state-card{height:100%;box-sizing:border-box;margin:0!important}
.journey-proof{padding:18px;border:1px solid rgba(100,190,225,.18);border-radius:9px;background:linear-gradient(145deg,#073d3b,#063330)}
.proof-head{margin-bottom:12px}.proof-head strong{display:block;margin:8px 0 5px;color:#fff;font-size:20px}.proof-head p{margin:0;color:#a9c7c1;font-size:12px;line-height:1.45}
.journey-proof article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.07)}
.proof-kind{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(95,198,227,.25);border-radius:50%;color:#8bd7eb;font:900 9px/1 monospace}
.journey-proof article small{display:block;color:#75b6a1;font:800 7px/1 monospace;letter-spacing:.1em}.journey-proof article strong{display:block;color:#eaf4ef;font-size:12px;margin:4px 0}.journey-proof code{color:#91aaa1;font-size:9px}
.journey-proof article a{color:#f39a4c;font:900 8px/1 monospace;text-decoration:none;white-space:nowrap}
.proof-security{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:#91aaa1;font-size:9px}

/* Public snapshot now follows the personal answer. */
.dashboard{border-top:1px solid rgba(255,255,255,.025)}

/* Protocol is process-only: more breathing room after moving evidence/result out. */
.protocol{padding-top:62px!important;padding-bottom:72px!important}
.assurance-strip{margin-bottom:0!important}

@media(max-width:900px){
  .journey-heading{grid-template-columns:1fr;gap:8px}
  .journey-heading .section-tag{grid-column:auto}
  .journey-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .claimant-journey{padding:26px 0 30px}
  .journey-heading{margin-bottom:16px}
  .journey-heading h2{font-size:28px}
  .journey-heading p{font-size:13px}
  .journey-empty{min-height:150px;padding:18px}
  .journey-empty strong{font-size:20px}
  .journey-proof{padding:15px}
  .journey-proof article{grid-template-columns:34px minmax(0,1fr);padding:14px 0}
  .journey-proof article a{grid-column:2;justify-self:start;margin-top:2px}
  .journey-proof code{font-size:9px;overflow-wrap:anywhere}
  /* Recovery properties become a readable 2x2 set on phones. */
  .assurance-strip{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .assurance-strip span{min-height:42px;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}
}

/* ===== v44 claimant guidance ===== */
.claimant-guidance{padding:38px 0 42px;background:linear-gradient(180deg,#053d33,#06483b);border-top:1px solid rgba(255,255,255,.035)}
.guidance-head{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px;align-items:end;margin-bottom:20px}
.guidance-head .section-tag{display:block;margin-bottom:7px}.guidance-head h2{margin:0;color:#fff;font-size:30px;line-height:1}.guidance-head>p{margin:0;color:#b1cabf;font-size:14px;line-height:1.55}
.guidance-state{border:1px solid rgba(115,215,175,.15);border-radius:9px;background:rgba(1,30,25,.25);overflow:hidden}
.guidance-status{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06);border-left:3px solid #738f83;background:rgba(255,255,255,.018)}
.guidance-status span{display:block;color:#89aa9c;font:900 8px/1 monospace;letter-spacing:.12em}.guidance-status strong{display:block;margin:7px 0 5px;color:#fff;font-size:20px}.guidance-status p{margin:0;color:#c2d3cc;font-size:14px;line-height:1.5}.guidance-status small{display:block;margin-top:9px;color:#b9cbc3;font-size:13px;line-height:1.5}.guidance-status small b{color:#f2a05a}
.guidance-status.verified{border-left-color:#72d5ae;background:rgba(70,174,133,.055)}.guidance-status.verified span{color:#72d5ae}
.guidance-status.review{border-left-color:#e39349;background:rgba(227,147,73,.05)}.guidance-status.review span{color:#e9a25e}
.guidance-steps{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;padding:24px 20px 20px;align-items:start}
.guidance-steps article{min-width:0}.guidance-steps article>b{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(112,212,173,.25);border-radius:50%;color:#82d8b6;font:900 8px/1 monospace}.guidance-steps article>span{display:block;margin-top:10px;color:#7bb49e;font:900 7px/1 monospace;letter-spacing:.11em}.guidance-steps h3{margin:5px 0 6px;color:#fff;font-size:14px}.guidance-steps p{margin:0;color:#afc5bb;font-size:12px;line-height:1.5}
.guidance-steps>i{height:1px;margin-top:13px;background:linear-gradient(90deg,#54bad0,#df8b3c);opacity:.7}
.guidance-terms{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.055)}.guidance-terms span{padding:11px 12px;text-align:center;color:#93aea2;font-size:10px;border-right:1px solid rgba(255,255,255,.045)}.guidance-terms span:last-child{border-right:0}.guidance-terms b{color:#dbe8e2}

/* Result/proof cards: improve public hierarchy, diagnostics stay subordinate. */
.claimant-journey .state-grid .dn-status strong{font-size:22px!important}
.claimant-journey .state-lock{font-size:9px!important}
.claimant-journey .journey-proof code{opacity:.82}

@media(max-width:900px){
 .guidance-head{grid-template-columns:1fr;gap:8px}
 .guidance-steps{grid-template-columns:1fr;padding:18px}
 .guidance-steps>i{width:1px;height:24px;margin:4px 0 4px 12px;background:linear-gradient(#54bad0,#df8b3c)}
 .guidance-steps article{padding:4px 0}
 .guidance-terms{grid-template-columns:1fr 1fr}
 .guidance-terms span:nth-child(2){border-right:0}
 .guidance-terms span{border-bottom:1px solid rgba(255,255,255,.045)}
}
@media(max-width:560px){
 .claimant-guidance{padding:28px 0 30px}
 .guidance-head h2{font-size:28px}.guidance-head>p{font-size:14px}
 .guidance-status{padding:17px}.guidance-status strong{font-size:19px}.guidance-status p,.guidance-status small{font-size:14px}
 .guidance-steps h3{font-size:17px}.guidance-steps p{font-size:14px;line-height:1.55}.guidance-steps article>span{font-size:8px}
 .guidance-terms{grid-template-columns:1fr}
 .guidance-terms span{border-right:0!important;text-align:left;font-size:11px}
}

/* ===== v45 claimant UI consolidation ===== */
.claimant-journey{padding:38px 0 42px;background:linear-gradient(180deg,#06483b,#053d33)}
.journey-heading{display:grid;grid-template-columns:1fr 1fr;gap:8px 42px;align-items:end;margin-bottom:18px}
.journey-heading .section-tag{grid-column:1/-1}.journey-heading h2{margin:0;color:#fff;font-size:30px;line-height:1}.journey-heading p{margin:0;color:#a9c7ba;font-size:14px;line-height:1.5}
.claimant-console{display:grid;grid-template-columns:1.35fr .65fr;border:1px solid rgba(109,213,171,.15);border-radius:9px;overflow:hidden;background:rgba(1,29,24,.22)}
.claimant-primary{min-width:0;padding:14px}.claimant-next{padding:22px;border-left:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,rgba(6,63,51,.76),rgba(4,48,40,.88));display:flex;flex-direction:column;justify-content:center}
.claimant-next>span{color:#7bc9aa;font:900 8px/1 monospace;letter-spacing:.13em}.claimant-next>strong{margin:10px 0 7px;color:#fff;font-size:22px;line-height:1.05}.claimant-next>p{margin:0;color:#c5d8cf;font-size:14px;line-height:1.52}.claimant-next>small{display:block;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);color:#a9c2b7;font-size:13px;line-height:1.5}.claimant-next button{align-self:flex-start;margin-top:15px;min-height:40px;padding:0 14px;border:1px solid #e28d43;border-radius:4px;background:#e9822f;color:#fff;font:900 9px/1 monospace;letter-spacing:.08em;cursor:pointer}
.claimant-journey .personal-status{margin:0!important}.claimant-journey .recovery-state-card{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.claimant-journey .state-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.claimant-journey .state-grid>div:nth-child(4),.claimant-journey .state-grid>div:nth-child(5),.claimant-journey .state-grid>div:nth-child(6){opacity:.72}
.journey-empty{min-height:190px;box-sizing:border-box;padding:22px;display:flex;flex-direction:column;justify-content:center}.journey-empty span{color:#76c7a6;font:900 8px/1 monospace;letter-spacing:.13em}.journey-empty strong{margin:10px 0 6px;color:#fff;font-size:22px}.journey-empty p{margin:0;color:#a9c2b7;font-size:14px}
.proof-strip{display:grid;grid-template-columns:.55fr 1fr 1fr;margin-top:10px;border:1px solid rgba(91,185,215,.14);border-radius:7px;background:#063733;overflow:hidden}
.proof-strip-title{padding:13px 15px;display:flex;flex-direction:column;justify-content:center}.proof-strip-title span{color:#8bd2e5;font:900 8px/1 monospace;letter-spacing:.12em}.proof-strip-title small{margin-top:5px;color:#8daaa0;font-size:10px}
.proof-strip article{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:11px 14px;border-left:1px solid rgba(255,255,255,.055)}
.proof-strip article>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(92,190,219,.23);border-radius:50%;color:#8bd5e7;font:900 8px/1 monospace}.proof-strip article small{display:block;color:#72aa97;font:800 7px/1 monospace;letter-spacing:.09em}.proof-strip article strong{display:block;margin-top:3px;color:#e7f2ed;font-size:11px}.proof-strip article>span{color:#72d5ae;font:900 8px/1 monospace}.proof-strip article>a{grid-column:3;color:#f09a4f;font:900 7px/1 monospace;text-decoration:none}

/* Remove v44 standalone guidance visually if stale markup is ever cached. */
.claimant-guidance{display:none!important}

@media(max-width:900px){
 .journey-heading{grid-template-columns:1fr}.journey-heading .section-tag{grid-column:auto}
 .claimant-console{grid-template-columns:1fr}.claimant-next{border-left:0;border-top:1px solid rgba(255,255,255,.06)}
 .proof-strip{grid-template-columns:1fr 1fr}.proof-strip-title{grid-column:1/-1;border-bottom:1px solid rgba(255,255,255,.055)}.proof-strip article:first-of-type{border-left:0}
}
@media(max-width:560px){
 .claimant-journey{padding:27px 0 30px}.journey-heading h2{font-size:28px}.journey-heading p{font-size:14px}
 .claimant-primary{padding:10px}.claimant-next{padding:18px}.claimant-next>strong{font-size:20px}.claimant-next>p,.claimant-next>small{font-size:14px}
 .claimant-journey .state-grid{grid-template-columns:1fr!important}
 .claimant-journey .state-grid>div:nth-child(4),.claimant-journey .state-grid>div:nth-child(5),.claimant-journey .state-grid>div:nth-child(6){display:none!important}
 .proof-strip{grid-template-columns:1fr}.proof-strip-title{grid-column:auto}.proof-strip article{border-left:0;border-top:1px solid rgba(255,255,255,.055)}
 .journey-empty{min-height:135px;padding:16px}.journey-empty strong{font-size:19px}
}

/* ===== v46 wallet detection + pilot claimant UI test ===== */
.claimant-console{align-items:start!important}
.claimant-primary{align-self:start!important}
.claimant-journey .personal-status,
.claimant-journey .recovery-state-card{height:auto!important;min-height:0!important}
.claimant-journey .recovery-state-card{display:block!important}
.claimant-journey .state-grid{align-items:start!important}
.claimant-next{align-self:stretch!important;min-height:0!important}
.pilot-banner{margin:10px 0 12px;padding:9px 11px;border:1px solid rgba(242,143,57,.42);border-radius:4px;background:rgba(242,125,39,.09);color:#ffb16e;font:900 9px/1.35 monospace;letter-spacing:.06em}
.connected-wallet-dn.pilot-mode{border-color:rgba(242,143,57,.42)!important;background:rgba(242,125,39,.08)!important}
.connected-wallet-dn.pilot-mode b{color:#ffad66!important}
.state-grid .pilot-cell{border-color:rgba(242,143,57,.28)!important;background:rgba(242,125,39,.055)!important}
.state-grid .pilot-cell strong{color:#fff0dc!important}
@media(max-width:560px){
  .claimant-console{display:block!important}
  .claimant-primary,.claimant-next{width:auto!important}
  .claimant-next{min-height:0!important}
}

.pilot-global-warning{display:none}
.pilot-ui-test .pilot-global-warning{display:block;position:sticky;top:0;z-index:9999;padding:8px 12px;background:#8b3f12;color:#fff;text-align:center;font:900 10px/1.2 monospace;letter-spacing:.08em;border-bottom:1px solid #f08a3d}

/* ===== v48 release-candidate claimant polish ===== */
.claimant-result-hero{
  display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:center;
  margin:10px 0 12px;padding:16px;border:1px solid rgba(109,213,171,.18);
  border-radius:7px;background:linear-gradient(145deg,rgba(6,62,51,.68),rgba(3,43,36,.82))
}
.claimant-result-hero>div{min-width:0}.claimant-result-hero small{display:block;color:#7cb7a0;font:900 8px/1 monospace;letter-spacing:.11em}
.claimant-result-hero strong{display:block;margin:7px 0 5px;color:#fff4df;font-size:clamp(24px,2.6vw,34px);line-height:1}
.claimant-result-hero span{color:#8fb3a4;font:800 8px/1.25 monospace;letter-spacing:.05em}
.claimant-result-hero>i{font-style:normal;color:#e58c3e;text-align:center;font-size:20px}
.claimant-result-hero.pilot{border-color:rgba(242,143,57,.34);background:linear-gradient(145deg,rgba(88,54,25,.38),rgba(3,43,36,.82))}
.connection-details{margin-top:8px;border-top:1px solid rgba(255,255,255,.055)}
.connection-details summary{padding:10px 2px;color:#8eaea0;font:900 8px/1 monospace;letter-spacing:.09em;cursor:pointer;list-style:none}
.connection-details summary::-webkit-details-marker{display:none}.connection-details summary:after{content:" +"}.connection-details[open] summary:after{content:" −"}
.connection-details .state-grid{margin-top:2px!important}
.claimant-journey .settlement-preview{margin-top:10px!important}
@media(max-width:560px){
 .claimant-result-hero{grid-template-columns:1fr;padding:14px}
 .claimant-result-hero>i{transform:rotate(90deg);font-size:16px}
 .claimant-result-hero strong{font-size:28px}
}

/* ===== v51 claimant cleanup ===== */
.journey-empty,.proof-strip{display:none!important}
.pilot-badge{display:inline-flex;margin:8px 0 4px;padding:5px 8px;border:1px solid rgba(239,143,62,.34);border-radius:3px;background:rgba(239,128,43,.07);color:#e9a05f;font:900 7px/1 monospace;letter-spacing:.08em}
.claimant-console{margin-bottom:0!important}
.claimant-journey{padding-bottom:34px!important}

.progress-fill-empty{width:0%}
/* v52 final public read-only RC */
@media(max-width:560px){
 .hero,.recovery-hero,.app-hero,.hero-section{
   background:radial-gradient(circle at 82% 12%,rgba(34,133,105,.16),transparent 32%),linear-gradient(180deg,#032d26,#043a30)!important;color:#fff!important}
 .hero-copy,.hero-copy>*{background-color:transparent!important}
 .hero-copy h1,.hero-copy h2{color:#fff!important}.hero-copy p{color:#b9d0c6!important}
 .hero-copy .rate-card,.hero-copy .recovery-rate,.hero-copy .preview-note{background:rgba(3,48,40,.72)!important;border-color:rgba(118,211,174,.16)!important}
 .hero-copy .warning,.hero-copy .notice,.hero-copy .recovery-notice{background:rgba(4,45,37,.72)!important;border-left:2px solid #e68737!important;color:#c7d8d0!important}
 .pilot-global-warning{font-size:8px!important;padding:6px 8px!important;white-space:normal!important}
}
.pilot-global-warning{position:sticky!important;top:0!important;z-index:10000!important;box-sizing:border-box!important;width:100%!important;line-height:1.35!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ff983f!important;outline-offset:3px!important}

/* ===== v53 final factory-recovery cleanup ===== */
@media(max-width:560px){
  /* Record 01 becomes deliberate image -> plaque composition. */
  .record-one{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .record-one .record-art{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .record-one .record-art img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .record-one .record-panel{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0 0 4px 4px!important;
  }

  /* Record 02 artwork gets the full story-column width and keeps its composition. */
  .record-two .record-wide-art{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    overflow:hidden!important;
    aspect-ratio:auto!important;
  }
  .record-two .record-wide-art img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Comparison reads vertically instead of imitating desktop geometry. */
  .record-compare,.holder-comparison,.factory-console{
    grid-template-columns:1fr!important;
  }
}

/* Prevent intrinsic image dimensions from affecting responsive sizing. */
.record-art img,.record-wide-art img{max-width:100%;height:auto}


/* ===== v54 final mobile Record 01 correction ===== */
@media (max-width:560px) {
  .story-scroll .record-one {
    display:block !important;
  }

  .story-scroll .record-one .record-art {
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    line-height:0 !important;
  }

  .story-scroll .record-one .record-art::before,
  .story-scroll .record-one .record-art::after {
    display:none !important;
    content:none !important;
  }

  .story-scroll .record-one .record-art img {
    display:block !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .story-scroll .record-one .record-panel {
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:calc(100% - 8px) !important;
    max-width:none !important;
    margin:0 4px !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
}

/* ===== v55 recovery registration preview ===== */
.registration-panel{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);background:rgba(2,34,28,.38);padding:18px}
.registration-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.registration-head span{color:#79b89f;font:900 8px/1 monospace;letter-spacing:.12em}.registration-head strong{color:#f1a05a;font:900 10px/1 monospace}
.registration-summary{display:grid;grid-template-columns:1fr 1fr 2fr;gap:8px}.registration-summary>div{padding:12px;border:1px solid rgba(110,211,171,.12);border-radius:5px;background:rgba(255,255,255,.018)}
.registration-summary small,.registered-grid small{display:block;color:#7eaa98;font:900 7px/1 monospace;letter-spacing:.09em}.registration-summary strong,.registered-grid strong{display:block;margin-top:5px;color:#fff;font-size:15px}.registration-summary code{display:block;margin-top:6px;color:#d4e3dc;font-size:10px;overflow-wrap:anywhere}
.registration-disclosure{margin:10px 0;padding:12px;border-left:2px solid #63c69e;background:rgba(84,181,142,.045)}.registration-disclosure strong{color:#e8f2ed;font-size:12px}.registration-disclosure p{margin:5px 0 0;color:#9eb9ad;font-size:12px;line-height:1.5}
.register-recovery-button{min-height:42px;padding:0 16px;border:1px solid #df873b;border-radius:4px;background:#df7c2d;color:#fff;font:900 9px/1 monospace;letter-spacing:.08em;cursor:pointer}
.registration-qa,.registration-review{padding:10px 12px;border:1px solid rgba(225,139,62,.3);border-radius:4px;color:#efa15d;font:800 9px/1.4 monospace}
.registered-badge{display:inline-flex;padding:6px 8px;border:1px solid rgba(103,207,165,.28);border-radius:3px;color:#76d1ad;font:900 8px/1 monospace;letter-spacing:.08em}
.registered-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.registered-grid>div{padding:11px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}
.return-instructions{padding:16px;border:1px solid rgba(226,139,61,.22);border-radius:6px;background:rgba(77,46,21,.16)}.return-instructions>span{color:#e79a55;font:900 8px/1 monospace;letter-spacing:.1em}.return-instructions h3{margin:7px 0;color:#fff;font-size:18px}.return-instructions small{color:#93ad9f;font:800 8px/1 monospace}.return-instructions code{display:block;margin:10px 0;padding:10px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16);color:#dce8e2;font-size:10px;overflow-wrap:anywhere}.return-instructions p{margin:8px 0 0;color:#b3c8be;font-size:13px;line-height:1.5}
.tx-register{margin-top:12px}.tx-register label{display:block;margin-bottom:7px;color:#d7e5df;font-size:12px}.tx-register>div{display:grid;grid-template-columns:1fr auto;gap:6px}.tx-register input{min-width:0;height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#062f28;color:#fff;font:12px/1 monospace}.tx-register button{padding:0 13px;border:1px solid #dc873d;border-radius:4px;background:#d9782d;color:#fff;font:900 8px/1 monospace}.tx-register>small{display:block;margin-top:6px;color:#8fa89d;font-size:10px}
.recovery-ledger-preview{padding:30px 0;background:#04382f;border-top:1px solid rgba(255,255,255,.04)}.ledger-preview-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin-bottom:14px}.ledger-preview-head h2{margin:5px 0 0;color:#fff;font-size:26px}.ledger-preview-head p{margin:0;color:#a5beb3;font-size:12px}.ledger-table{border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden}.ledger-row{display:grid;grid-template-columns:.7fr 1fr 1fr 1.2fr;gap:10px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.055);align-items:center}.ledger-row:last-child{border-bottom:0}.ledger-row strong{color:#e59a55}.ledger-row span{color:#d6e3dd;font-size:12px}.ledger-row b{color:#79cdaa;font:900 8px/1 monospace}
@media(max-width:700px){
 .registration-summary,.registered-grid{grid-template-columns:1fr 1fr}.registration-payout{grid-column:1/-1}.ledger-preview-head{grid-template-columns:1fr}.ledger-row{grid-template-columns:1fr 1fr}.tx-register>div{grid-template-columns:1fr}.registration-panel{padding:14px}
}

/* ===== v56 full recovery workflow QA ===== */
.qa-workflow-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 13px;padding:9px;border:1px solid rgba(232,142,61,.25);border-radius:5px;background:rgba(94,53,21,.12)}
.qa-workflow-nav>span{margin-right:4px;color:#e49a56;font:900 7px/1 monospace;letter-spacing:.1em}.qa-workflow-nav a{padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:3px;color:#9db6aa;font:800 7px/1 monospace;text-decoration:none}.qa-workflow-nav a.active{border-color:#e28a3c;background:#d9782d;color:#fff}
.recovery-timeline{display:grid;grid-template-columns:repeat(6,1fr);margin:14px 0 16px}.recovery-timeline>div{position:relative;text-align:center}.recovery-timeline>div:before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:rgba(255,255,255,.1)}.recovery-timeline>div:first-child:before{left:50%}.recovery-timeline>div:last-child:before{right:50%}.recovery-timeline i{position:relative;z-index:1;display:block;width:11px;height:11px;margin:1px auto 6px;border:1px solid #55796b;border-radius:50%;background:#06352c}.recovery-timeline span{color:#718f82;font:800 6px/1.2 monospace}.recovery-timeline .done:before{background:rgba(100,205,163,.45)}.recovery-timeline .done i{border-color:#67cfa5;background:#1b7258}.recovery-timeline .done span{color:#9fcbb9}.recovery-timeline .current i{box-shadow:0 0 0 4px rgba(101,208,165,.09),0 0 12px rgba(101,208,165,.3)}
.status-explanation{margin:10px 0;padding:12px 13px;border-left:2px solid #67cfa5;background:rgba(90,190,150,.045)}.status-explanation strong{color:#fff;font-size:13px}.status-explanation p{margin:5px 0 0;color:#a8c0b5;font-size:12px;line-height:1.5}
.evidence-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:8px;padding:11px 12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.1)}.evidence-row small,.payout-lock small{display:block;color:#799f8f;font:900 7px/1 monospace;letter-spacing:.08em}.evidence-row code,.payout-lock code{display:block;margin-top:5px;color:#d4e3dc;font-size:9px;overflow-wrap:anywhere}.evidence-row b{color:#72d1aa;font:900 8px/1 monospace}.evidence-row.payout{border-color:rgba(103,207,165,.2)}
.payout-lock{margin-top:8px;padding:11px 12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.registered-state.is-paid{border-color:rgba(103,207,165,.25)}.registered-state.is-paid .registered-badge{background:rgba(103,207,165,.08)}
@media(max-width:700px){.recovery-timeline{grid-template-columns:repeat(3,1fr);row-gap:12px}.recovery-timeline>div:before{display:none}.qa-workflow-nav a{flex:1 1 28%;text-align:center}.evidence-row{grid-template-columns:1fr}}

/* ===== v57 workflow render correction ===== */
.registration-panel:not([hidden]){
  display:block;
  margin-top:12px;
}
.qa-workflow-nav{
  position:relative;
  z-index:1;
}
@media(max-width:700px){
  .registration-panel:not([hidden]){margin-top:8px}
}

/* ===== v58 authoritative recovery-record UX ===== */
.registration-panel{background:transparent!important;border-top:0!important;padding:14px 0 0!important}
.official-recovery-record{
  --record-accent:#73d2ad;
  position:relative;overflow:hidden;
  border:1px solid rgba(137,194,176,.26);border-radius:8px;
  background:linear-gradient(145deg,#103d3b 0%,#0c3235 52%,#102d31 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  color:#fff;
}
.official-recovery-record:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--record-accent)}
.official-recovery-record.tone-action{--record-accent:#ef8d3c;background:linear-gradient(145deg,#423522 0%,#183a35 42%,#103331 100%)}
.official-recovery-record.tone-verify{--record-accent:#62c9e8;background:linear-gradient(145deg,#123d49,#0b3440 55%,#0c3035)}
.official-recovery-record.tone-verified,.official-recovery-record.tone-waiting{--record-accent:#72d2ad}
.official-recovery-record.tone-batch{--record-accent:#e5b457;background:linear-gradient(145deg,#173d37,#16382f 60%,#303621)}
.official-recovery-record.tone-paid{--record-accent:#91e1b5;background:linear-gradient(145deg,#154c3c,#0e3d34 55%,#183f32)}
.official-recovery-record.tone-review{--record-accent:#f0a14f;background:linear-gradient(145deg,#493523,#403025 50%,#2d3030)}
.official-record-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08)}
.official-record-head>div span{display:block;color:#9ebcb2;font:900 8px/1 monospace;letter-spacing:.12em}.official-record-head>div strong{display:block;margin-top:5px;color:#fff;font:900 15px/1 monospace}.official-record-head>b{padding:7px 9px;border:1px solid color-mix(in srgb,var(--record-accent) 50%,transparent);border-radius:3px;color:var(--record-accent);font:900 8px/1 monospace;letter-spacing:.08em}
.official-status{padding:19px 18px 14px}.official-status>span{color:var(--record-accent);font:900 9px/1 monospace;letter-spacing:.11em}.official-status h3{margin:7px 0 6px;color:#fff;font-size:clamp(22px,2.4vw,31px);line-height:1}.official-status p{max-width:760px;margin:0;color:#c5d8d2;font-size:13px;line-height:1.55}
.claimant-journey-rail{display:grid;grid-template-columns:repeat(4,1fr);padding:7px 18px 18px}
.claimant-journey-rail>div{position:relative;text-align:center}.claimant-journey-rail>div:before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:rgba(255,255,255,.1)}.claimant-journey-rail>div:first-child:before{left:50%}.claimant-journey-rail>div:last-child:before{right:50%}
.claimant-journey-rail i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:auto;border:1px solid #617c75;border-radius:50%;background:#123b38;color:#819d94;font:900 10px/1 monospace;font-style:normal}.claimant-journey-rail span{display:block;margin-top:7px;color:#9ab2aa;font:900 8px/1 monospace;letter-spacing:.08em}.claimant-journey-rail small{display:block;margin-top:3px;color:#718e85;font-size:9px}.claimant-journey-rail .done:before{background:rgba(113,210,173,.45)}.claimant-journey-rail .done i{border-color:#72d2ad;background:#1e765d;color:#fff}.claimant-journey-rail .current i{border-color:var(--record-accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--record-accent) 10%,transparent),0 0 15px color-mix(in srgb,var(--record-accent) 28%,transparent)}
.official-amounts{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;margin:0 18px 16px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:rgba(0,0,0,.13)}
.official-amounts>div{padding:15px}.official-amounts>i{text-align:center;color:var(--record-accent);font-size:20px;font-style:normal}.official-amounts small,.official-evidence small,.official-payout small{display:block;color:#88aaa0;font:900 8px/1 monospace;letter-spacing:.1em}.official-amounts strong{display:block;margin:7px 0 5px;color:#fff8e9;font-size:25px;line-height:1}.official-amounts span{color:#90b0a6;font:800 8px/1 monospace}
.official-action-block{margin:0 18px 15px;padding:17px;border:1px solid rgba(239,141,60,.35);border-radius:6px;background:rgba(87,51,22,.22)}.official-action-block>span{color:#f0a05c;font:900 8px/1 monospace;letter-spacing:.1em}.official-action-block h4{margin:7px 0;color:#fff;font-size:21px}.official-action-block>p{color:#c9d8d2;font-size:12px;line-height:1.5}
.treasury-destination{margin-top:12px;padding:11px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.13)}.treasury-destination small{display:block;color:#a8bdb5;font:800 8px/1 monospace}.treasury-destination code{display:block;margin-top:7px;color:#fff;font-size:10px;overflow-wrap:anywhere}
.monthly-disclosure{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.monthly-disclosure b{color:#f0a05c;font-size:11px}.monthly-disclosure span{color:#b6c9c1;font-size:11px;line-height:1.45}
.official-evidence,.official-payout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:8px 18px;padding:12px 13px;border:1px solid rgba(98,201,232,.16);background:rgba(6,38,45,.22)}.official-evidence code,.official-payout code{display:block;margin-top:6px;color:#e2eeea;font-size:10px;overflow-wrap:anywhere}.official-evidence strong{display:block;margin-top:5px;color:#fff}.official-evidence>b{color:var(--record-accent);font:900 8px/1 monospace}.batch-evidence{border-color:rgba(229,180,87,.22)}.payout-evidence{border-color:rgba(114,210,173,.22)}
.official-payout{grid-template-columns:1fr;margin-bottom:16px;border-color:rgba(255,255,255,.07)}
.official-submit{margin:8px 18px 18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.official-submit label{display:block;margin-bottom:8px;color:#fff;font-weight:800;font-size:12px}.official-submit>div{display:grid;grid-template-columns:1fr auto;gap:7px}.official-submit input{min-width:0;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#092c2d;color:#fff;font:11px/1 monospace}.official-submit button{padding:0 15px;border:0;border-radius:4px;background:#df7b2c;color:#fff;font:900 8px/1 monospace;letter-spacing:.06em}.official-submit>small{display:block;margin-top:7px;color:#91aaa1;font-size:10px}
.qa-workflow-nav{margin-bottom:8px!important;background:#162d2e!important}.qa-workflow-nav>span{color:#9ab3aa!important}
@media(max-width:700px){
 .official-record-head{align-items:flex-start}.official-record-head>b{font-size:7px}
 .claimant-journey-rail{padding-inline:9px}.claimant-journey-rail small{display:none}
 .official-amounts{grid-template-columns:1fr;margin-inline:10px}.official-amounts>i{transform:rotate(90deg);font-size:15px}.official-amounts>div{padding:13px}.official-amounts strong{font-size:22px}
 .official-status{padding-inline:12px}.official-action-block,.official-evidence,.official-payout,.official-submit{margin-inline:10px}
 .monthly-disclosure{grid-template-columns:1fr}.official-submit>div{grid-template-columns:1fr}.official-submit button{min-height:40px}
}

/* ===== v59 final claimant-flow refinement ===== */
.official-recovery-record{
  --record-accent:#70d0ab!important;
  background:linear-gradient(145deg,#173b3c 0%,#102f34 52%,#122b31 100%)!important;
}
.official-recovery-record.tone-action{--record-accent:#ef913f!important}
.official-recovery-record.tone-verify{--record-accent:#62c9e8!important}
.official-recovery-record.tone-retry{--record-accent:#e7a356!important}
.official-recovery-record.tone-settlement{--record-accent:#71d0aa!important}
.official-recovery-record.tone-batch{--record-accent:#e4b558!important}
.official-recovery-record.tone-paid{--record-accent:#91e0b5!important}
.official-recovery-record.tone-review{--record-accent:#f09a49!important}
.official-status p{font-size:14px!important;line-height:1.6!important}
.official-record-head>div span,.official-amounts small,.official-evidence small,.official-payout small{font-size:9px!important}
.official-record-head>div strong{font-size:17px!important}
.official-amounts strong{font-size:28px!important}
.claimant-journey-rail span{font-size:9px!important}.claimant-journey-rail small{font-size:10px!important}
.treasury-destination code,.official-evidence code,.official-payout code{font-size:11px!important;line-height:1.45!important}
.qa-workflow-nav{margin:0 0 12px!important;border-style:dashed!important;opacity:.86}
.qa-workflow-nav:before{content:"INTERNAL QA";color:#e79a55;font:900 7px/1 monospace;letter-spacing:.12em;margin-right:3px}
.retry-panel,.asset-note{margin:8px 18px;padding:13px;border:1px solid rgba(231,163,86,.22);background:rgba(231,163,86,.055)}
.retry-panel strong{color:#f0ad67;font-size:12px}.retry-panel p,.asset-note p{margin:5px 0 0;color:#b9cbc4;font-size:12px;line-height:1.5}.retry-panel span{display:block;margin-top:7px;color:#8fa99f;font:800 8px/1.4 monospace}
.asset-note{border-color:rgba(98,201,232,.14);background:rgba(98,201,232,.035)}.asset-note small{color:#7fb8c7;font:900 8px/1 monospace;letter-spacing:.08em}.asset-note span{display:block;margin-top:5px;color:#d8e7e1;font:800 10px/1 monospace}
.mismatch-panel{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;margin:8px 18px;padding:14px;border:1px solid rgba(240,154,73,.34);background:rgba(240,154,73,.075)}.mismatch-panel>div{text-align:center}.mismatch-panel small{display:block;color:#c7a37f;font:900 8px/1 monospace}.mismatch-panel strong{display:block;margin-top:6px;color:#fff;font-size:20px}.mismatch-panel>i{text-align:center;color:#f09a49;font-size:20px;font-style:normal}.mismatch-panel>p{grid-column:1/-1;margin:10px 0 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);color:#e5c9b2;font-size:12px;text-align:center}
@media(max-width:700px){
 .official-status p{font-size:13px!important}
 .official-amounts strong{font-size:24px!important}
 .claimant-journey-rail span{font-size:8px!important}
 .retry-panel,.asset-note,.mismatch-panel{margin-inline:10px}
 .mismatch-panel{grid-template-columns:1fr 24px 1fr}
}

/* ===== v60 on-chain evidence presentation ===== */
.evidence-amounts>div em{
  display:block;margin-top:7px;color:#d5b18d;font:800 9px/1.3 monospace;font-style:normal
}
.onchain-receipt{
  display:grid;grid-template-columns:repeat(2,1fr);gap:7px;
  margin:10px 18px;padding:13px;border:1px solid rgba(111,208,170,.17);
  border-radius:5px;background:rgba(12,64,53,.16)
}
.onchain-receipt>span{
  grid-column:1/-1;margin-bottom:2px;color:#78caaa;
  font:900 8px/1 monospace;letter-spacing:.11em
}
.onchain-receipt>div{
  position:relative;padding:10px;border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.016)
}
.onchain-receipt small{display:block;color:#87a89c;font:900 7px/1.2 monospace;letter-spacing:.07em}
.onchain-receipt strong{display:block;margin-top:5px;color:#eef7f3;font-size:14px}
.onchain-receipt b{position:absolute;right:9px;top:9px;color:#75d2ad;font-size:10px}
@media(max-width:700px){
 .onchain-receipt{grid-template-columns:1fr;margin-inline:10px}
 .onchain-receipt>span{grid-column:auto}
}

/* ===== v61 final claimant-console refinement ===== */

/* QA is tooling, not part of the production composition. */
.pilot-global-warning{
  position:fixed!important;
  top:auto!important;right:12px!important;bottom:12px!important;left:auto!important;
  width:auto!important;max-width:340px!important;
  padding:7px 10px!important;
  border:1px solid rgba(239,145,63,.55)!important;
  border-radius:4px!important;
  background:rgba(45,29,18,.94)!important;
  color:#f0aa6c!important;
  box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
  font:900 7px/1.35 monospace!important;
  letter-spacing:.06em!important;
  white-space:normal!important;
  pointer-events:none!important;
}

/* Once registered, there is one recovery interface rather than Check + Record. */
.claimant-console.record-mode{
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.claimant-console.record-mode .registration-panel{
  margin:0!important;
  padding:0!important;
}
.claimant-console.record-mode .registration-head{
  margin:0 0 8px!important;
  padding:0 2px!important;
}
.claimant-console.record-mode .registration-head>span{
  color:#8fb2a6!important;
  font-size:9px!important;
}
.claimant-console.record-mode .registration-head>strong{
  font-size:11px!important;
}

/* Make the official record feel like a receipt, not another dashboard. */
.official-recovery-record{
  max-width:none!important;
  border-color:rgba(151,203,187,.25)!important;
}
.official-record-head{padding:16px 20px!important}
.official-status{padding:22px 20px 16px!important}
.official-status h3{font-size:clamp(25px,2.7vw,34px)!important}
.official-status p{max-width:860px!important;font-size:15px!important}
.claimant-journey-rail{padding:10px 20px 20px!important}
.claimant-journey-rail i{width:34px!important;height:34px!important}
.claimant-journey-rail span{font-size:10px!important}
.claimant-journey-rail small{font-size:11px!important}
.official-amounts{margin:0 20px 18px!important}
.official-amounts>div{padding:17px!important}
.official-amounts strong{font-size:30px!important}
.official-action-block,.official-evidence,.official-payout,.official-submit,
.onchain-receipt,.retry-panel,.asset-note,.mismatch-panel{
  margin-left:20px!important;margin-right:20px!important;
}
.official-action-block h4{font-size:23px!important}
.official-action-block>p,.monthly-disclosure span,
.retry-panel p,.asset-note p,.mismatch-panel>p{font-size:13px!important}
.official-evidence code,.official-payout code,.treasury-destination code{font-size:11px!important}

/* Evidence receipt: reduce visual noise while retaining the factual record. */
.onchain-receipt{
  grid-template-columns:repeat(4,1fr)!important;
  padding:12px!important;
}
.onchain-receipt>div{min-width:0!important}
.onchain-receipt strong{font-size:15px!important}

/* The QA state switcher is clearly detached developer tooling. */
.qa-workflow-nav{
  margin:0 0 9px!important;
  padding:7px 9px!important;
  background:rgba(13,30,31,.9)!important;
  border:1px dashed rgba(231,154,85,.28)!important;
}
.qa-workflow-nav a{font-size:7px!important;padding:5px 7px!important}

/* Completion should read as the final receipt. */
.tone-paid .official-status h3{color:#effff6!important}
.tone-paid .official-status:after{
  content:"FINAL ON-CHAIN RECOVERY RECEIPT";
  display:inline-block;margin-top:10px;
  color:#91e0b5;font:900 8px/1 monospace;letter-spacing:.1em
}

/* Review is an exception, not a normal step. */
.tone-review .claimant-journey-rail{opacity:.55}
.tone-review .official-status{border-bottom:1px solid rgba(240,154,73,.14)}
.tone-review .mismatch-panel{background:rgba(90,49,22,.22)!important}

/* Mobile remains one-column and readable. */
@media(max-width:700px){
  .pilot-global-warning{right:7px!important;bottom:7px!important;max-width:230px!important;font-size:6px!important}
  .official-record-head{padding:13px 12px!important}
  .official-status{padding:17px 12px 13px!important}
  .official-status h3{font-size:24px!important}
  .official-status p{font-size:13px!important}
  .claimant-journey-rail{grid-template-columns:1fr!important;gap:0!important;padding:5px 12px 14px!important}
  .claimant-journey-rail>div{
    display:grid!important;grid-template-columns:36px 90px 1fr!important;
    align-items:center!important;text-align:left!important;min-height:43px!important
  }
  .claimant-journey-rail>div:before{
    display:block!important;left:17px!important;right:auto!important;top:0!important;bottom:0!important;
    width:2px!important;height:auto!important
  }
  .claimant-journey-rail>div:first-child:before{top:50%!important}
  .claimant-journey-rail>div:last-child:before{bottom:50%!important}
  .claimant-journey-rail i{margin:0!important;width:30px!important;height:30px!important}
  .claimant-journey-rail span{margin:0!important;font-size:9px!important}
  .claimant-journey-rail small{display:block!important;margin:0!important;font-size:10px!important}
  .official-amounts,.official-action-block,.official-evidence,.official-payout,.official-submit,
  .onchain-receipt,.retry-panel,.asset-note,.mismatch-panel{
    margin-left:10px!important;margin-right:10px!important
  }
  .onchain-receipt{grid-template-columns:1fr!important}
}

/* ===== v62 claimant console final polish ===== */

/* Registered recovery = one authoritative record. Remove all legacy check/result duplication. */
.claimant-console.record-mode > .personal-status,
.claimant-console.record-mode > .claimant-result,
.claimant-console.record-mode > .claimant-primary,
.claimant-console.record-mode > .claimant-next,
.claimant-console.record-mode > .next-step,
.claimant-console.record-mode #personal-status,
.claimant-console.record-mode #claimant-result,
.claimant-console.record-mode #next-step{
  display:none!important;
}

/* Record mode should read as a single receipt with no ghost grid columns. */
.claimant-console.record-mode{
  display:block!important;
  max-width:none!important;
  min-height:0!important;
}
.claimant-console.record-mode .registration-panel{
  width:100%!important;
  max-width:none!important;
}

/* QA controls belong outside the visual hierarchy of the claimant record. */
.qa-workflow-nav{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:wrap!important;
  padding:6px 8px!important;
  margin:0 0 7px!important;
  min-height:0!important;
  background:#0b292b!important;
  border:1px dashed rgba(231,154,85,.22)!important;
  opacity:.72!important;
}
.qa-workflow-nav:before{font-size:6px!important}
.qa-workflow-nav>span{font-size:6px!important}
.qa-workflow-nav a{font-size:6px!important;padding:4px 6px!important}

/* Keep pilot marker completely away from navigation/content. */
.pilot-global-warning{
  top:auto!important;
  right:10px!important;
  bottom:10px!important;
  left:auto!important;
  max-width:260px!important;
  z-index:9999!important;
  opacity:.78!important;
}

/* Cleaner receipt proportions and larger functional text. */
.official-recovery-record{border-radius:7px!important}
.official-record-head{padding:13px 17px!important}
.official-record-head>div span{font-size:8px!important}
.official-record-head>div strong{font-size:15px!important}
.official-record-head>b{font-size:8px!important;padding:6px 8px!important}

.official-status{padding:17px 17px 13px!important}
.official-status h3{margin-top:6px!important;font-size:28px!important;line-height:1.05!important}
.official-status p{font-size:14px!important;line-height:1.55!important}

.claimant-journey-rail{padding:7px 17px 15px!important}
.claimant-journey-rail i{width:31px!important;height:31px!important}
.claimant-journey-rail span{font-size:9px!important}
.claimant-journey-rail small{font-size:9px!important}

.official-amounts{margin:0 17px 13px!important}
.official-amounts>div{padding:14px 15px!important}
.official-amounts strong{font-size:26px!important}
.official-amounts small{font-size:8px!important}
.official-amounts span{font-size:8px!important}

.official-action-block,.official-evidence,.official-payout,.official-submit,
.onchain-receipt,.retry-panel,.asset-note,.mismatch-panel{
  margin-left:17px!important;margin-right:17px!important;
}
.official-action-block{padding:14px!important}
.official-action-block h4{font-size:20px!important}
.official-action-block>p,.monthly-disclosure span{font-size:12px!important}

/* Evidence is the result, so emphasize actual chain values and de-emphasize policy/reference values. */
.onchain-receipt{
  grid-template-columns:repeat(2,1fr)!important;
  gap:6px!important;
  padding:10px!important;
}
.onchain-receipt>div{padding:9px 10px!important}
.onchain-receipt strong{font-size:14px!important}
.onchain-receipt small{font-size:7px!important}

/* Final state: one obvious conclusion, then supporting evidence. */
.tone-paid .official-status{
  padding-bottom:18px!important;
  background:linear-gradient(90deg,rgba(119,211,174,.07),transparent)!important;
}
.tone-paid .official-status h3{font-size:30px!important}
.tone-paid .official-status:after{margin-top:8px!important}

/* Mismatch: required vs received must be the first thing the eye sees. */
.tone-review .mismatch-panel{
  margin-top:0!important;
  border-width:1px!important;
}
.tone-review .mismatch-panel strong{font-size:22px!important}
.tone-review .official-amounts{display:none!important}

/* Verifying should be calm: actual detected DN is evidence, entitlement is reference. */
.tone-verify .official-amounts>div:first-child{
  background:rgba(98,201,232,.045)!important;
}

/* On mobile keep the official record dominant and remove dense desktop micro-layout. */
@media(max-width:700px){
  .pilot-global-warning{max-width:180px!important;font-size:5px!important;right:5px!important;bottom:5px!important}
  .qa-workflow-nav{gap:3px!important}
  .qa-workflow-nav a{flex:1 1 22%!important;text-align:center!important}

  .official-record-head{padding:12px 10px!important}
  .official-record-head>b{max-width:42%!important;text-align:right!important;line-height:1.25!important}
  .official-status{padding:15px 10px 12px!important}
  .official-status h3{font-size:23px!important}
  .official-status p{font-size:13px!important}

  .claimant-journey-rail{padding:4px 10px 12px!important}
  .official-amounts,.official-action-block,.official-evidence,.official-payout,.official-submit,
  .onchain-receipt,.retry-panel,.asset-note,.mismatch-panel{
    margin-left:8px!important;margin-right:8px!important
  }
  .official-amounts strong{font-size:22px!important}
  .onchain-receipt{grid-template-columns:1fr!important}
}

/* ===== v63 recovery record refinement ===== */

/* One title, one record. The SFR ID lives in the receipt header. */
.claimant-console.record-mode .registration-head{display:none!important}

/* Internal QA is available but no longer competes with claimant content. */
.qa-workflow-tools{
  margin:0 0 7px;border:1px dashed rgba(231,154,85,.22);border-radius:4px;
  background:#0b292b;color:#b7c9c2
}
.qa-workflow-tools summary{
  cursor:pointer;list-style:none;padding:6px 9px;
  color:#d39a67;font:900 7px/1 monospace;letter-spacing:.08em
}
.qa-workflow-tools summary::-webkit-details-marker{display:none}
.qa-workflow-tools summary:after{content:" +";float:right;color:#819c92}
.qa-workflow-tools[open] summary:after{content:" –"}
.qa-workflow-tools .qa-workflow-nav{
  margin:0!important;border:0!important;border-top:1px dashed rgba(231,154,85,.15)!important;
  border-radius:0!important;opacity:.8!important
}
.qa-workflow-tools .qa-workflow-nav:before,
.qa-workflow-tools .qa-workflow-nav>span{display:none!important}

/* Reduce unused vertical space and make the state title the focal point. */
.official-status{padding-top:15px!important}
.official-status>span{font-size:8px!important}
.official-status h3{max-width:900px!important}
.official-status p{max-width:900px!important}

/* Four-step rail: stronger labels, quieter decorative line. */
.claimant-journey-rail>div:before{opacity:.65}
.claimant-journey-rail .current span{color:var(--record-accent)!important}
.claimant-journey-rail .current small{color:#bfd1ca!important}

/* Return state: make the treasury instruction unmistakably the primary action. */
.tone-action .official-action-block{
  border-color:rgba(239,145,63,.42)!important;
  background:linear-gradient(90deg,rgba(106,61,25,.23),rgba(106,61,25,.08))!important
}
.tone-action .treasury-destination{
  border-color:rgba(239,145,63,.22)!important;
  background:rgba(0,0,0,.18)!important
}

/* Verification is calm and informational. */
.tone-verify .official-status{
  background:linear-gradient(90deg,rgba(98,201,232,.055),transparent)!important
}

/* Final receipt: evidence values get the strongest hierarchy. */
.tone-paid .onchain-receipt{
  border-color:rgba(145,224,181,.28)!important;
  background:rgba(29,104,78,.12)!important
}
.tone-paid .onchain-receipt strong{color:#f5fff9!important}

/* Mismatch is concise: actual vs required, then stop instruction. */
.tone-review .official-status p{max-width:760px!important}
.tone-review .mismatch-panel{
  border-color:rgba(240,154,73,.45)!important;
  background:linear-gradient(90deg,rgba(104,55,24,.24),rgba(104,55,24,.08))!important
}

/* Full-page screenshot tools can duplicate sticky navigation while stitching.
   In hidden pilot QA only, keep navigation non-sticky for deterministic review captures. */
html.pilot-mode .site-header,
html.pilot-mode .topbar,
html.pilot-mode nav{
  position:relative!important;top:auto!important
}

@media(max-width:700px){
  .qa-workflow-tools summary{font-size:7px!important}
  .qa-workflow-tools .qa-workflow-nav a{flex:1 1 30%!important}
  .official-status h3{font-size:24px!important}
}

/* ===== v73 QA registration + treasury hard stop ===== */
.qa-registration-safety,.qa-real-register,.qa-registration-success,.treasury-hard-stop{
  border-radius:6px
}
.qa-registration-safety{
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  margin:0 0 10px;padding:9px 12px;border:1px solid rgba(239,145,63,.35);
  background:rgba(68,39,20,.28)
}
.qa-registration-safety b{color:#f1a15a;font:900 9px/1 monospace;letter-spacing:.08em}
.qa-registration-safety span{color:#d9e5df;font-size:12px}
.qa-real-register,.qa-registration-success{
  padding:20px;border:1px solid rgba(112,211,173,.25);background:rgba(9,48,42,.42)
}
.qa-real-register>span,.qa-registration-success>span{
  color:#78d1ad;font:900 9px/1 monospace;letter-spacing:.09em
}
.qa-real-register h3,.qa-registration-success h3{margin:8px 0;font-size:26px}
.qa-real-register p,.qa-registration-success p{font-size:14px;line-height:1.55}
.qa-real-register small{display:block;margin-top:10px;color:#c6d6d0}
.qa-registration-success>div{
  display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)
}
.qa-registration-success .qa-stop{margin-top:14px;padding:12px;border:1px solid rgba(239,145,63,.38);color:#ffb36f}
.treasury-hard-stop{
  padding:16px;border:1px solid rgba(239,145,63,.48)!important;background:rgba(76,39,18,.28)!important
}
.treasury-hard-stop>span{color:#ff9c48;font:900 8px/1 monospace;letter-spacing:.1em}
.treasury-hard-stop h4{margin:7px 0;font-size:20px}
.treasury-hard-stop p{margin:0;font-size:13px}
@media(max-width:700px){
 .qa-registration-safety{align-items:flex-start;flex-direction:column}
 .qa-real-register,.qa-registration-success,.treasury-hard-stop{padding:14px}
}

.qa-register-error{margin-top:12px!important;padding:10px!important;border:1px solid rgba(239,145,63,.45)!important;color:#ffb36f!important;background:rgba(74,35,18,.24)!important}


/* ===== Monthly recovery settlement schedule ===== */
.settlement-schedule{padding:20px 0 8px;background:linear-gradient(180deg,rgba(8,25,31,.96),rgba(8,25,31,.72))}
.settlement-schedule-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:26px;padding:26px 28px;border:1px solid rgba(99,201,235,.18);border-radius:18px;background:linear-gradient(135deg,rgba(14,47,55,.92),rgba(13,38,45,.78));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.settlement-schedule-copy h2{margin:8px 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.05}.settlement-schedule-copy p{margin:0;color:#c1d2d5;line-height:1.65;font-size:13px}.settlement-schedule-copy p+p{margin-top:10px}.settlement-schedule-copy strong{color:#f1f7f7}.schedule-rule{color:#9fb9bf!important}
.settlement-schedule-dates{display:grid;gap:10px;align-content:center}.settlement-schedule-dates>div{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(2,18,23,.42)}.settlement-schedule-dates small{display:block;color:#77cfe2;font:900 9px/1 monospace;letter-spacing:.13em}.settlement-schedule-dates strong{display:block;margin-top:7px;color:#fff;font-size:16px;letter-spacing:.01em}.settlement-schedule-dates span{display:block;margin-top:5px;color:#a9c1c6;font-size:11px;line-height:1.4}.settlement-schedule-dates>b{justify-self:start;padding:7px 10px;border:1px solid rgba(240,160,92,.28);border-radius:999px;color:#f0a05c;background:rgba(240,160,92,.08);font:900 9px/1 monospace;letter-spacing:.1em}
@media(max-width:760px){.settlement-schedule{padding-top:12px}.settlement-schedule-card{grid-template-columns:1fr;gap:18px;padding:20px 18px}.settlement-schedule-dates strong{font-size:15px}}


/* ===== Recovery navigation stability =====
   The archive section intentionally creates its own stacking context; the global
   recovery header must remain above all page content throughout the scroll. */
.app-header{position:sticky!important;top:0!important;z-index:5000!important;isolation:isolate}
.mobile-nav{z-index:4999!important}
.immersive-archive,.immersive-archive + .return-terminal{z-index:1!important}
.app-brand{cursor:pointer}

/* Header brand navigation: SUGR logo -> main site, Factory Recovery -> portal home */
.app-brand{display:flex;align-items:center;gap:12px}
.app-brand-logo,.app-brand-title{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.app-brand-logo img{display:block}
.app-brand-logo:focus-visible,.app-brand-title:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}

/* ===== Final Factory Recovery information architecture ===== */
.section-sequence{
  margin:0 0 7px;
  color:#65d7bd;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.16em;
}
.recovery-personal-section{
  min-height:250px;
  padding-block:clamp(42px,5vw,68px);
}
.recovery-personal-section .recovery-result,
.recovery-personal-section .recovery-check,
.recovery-personal-section .recovery-card{
  min-height:140px;
}
.legacy-public-snapshot-retired{display:none!important}

/* Remove truly empty historical placeholders without touching real media/content. */
.history-media:empty,
.history-visual:empty,
.story-media:empty,
.story-visual:empty,
.archive-media:empty,
.archive-visual:empty{
  display:none!important;
}

/* ===== Live public recovery snapshot ===== */
.live-recovery-snapshot{margin-top:18px}
.live-snapshot-intro{
  max-width:760px;
  margin:9px 0 0;
  color:rgba(231,245,239,.62);
  font-size:.67rem;
  line-height:1.5;
}
.live-snapshot-loading,.live-snapshot-unavailable{
  padding:24px;
  border:1px solid rgba(110,226,190,.16);
  border-radius:15px;
  background:rgba(2,34,29,.44);
}
.live-snapshot-unavailable{display:grid;gap:5px}
.live-snapshot-funnel{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  border:1px solid rgba(103,220,184,.18);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(244,249,246,.95));
  box-shadow:0 12px 30px rgba(0,27,22,.10);
}
.live-snapshot-funnel::after{
  content:"";
  position:absolute;
  left:10%;right:10%;bottom:0;
  height:3px;
  background:linear-gradient(90deg,#ee8a24,#61d5b7);
  opacity:.72;
}
.live-snapshot-totals{
  display:grid;
  grid-template-columns:1.25fr 1.25fr .8fr .8fr;
  margin-top:12px;
  overflow:hidden;
  border:1px solid rgba(103,220,184,.13);
  border-radius:14px;
  background:rgba(245,250,247,.82);
}
.live-snapshot-stat{
  position:relative;
  padding:20px 14px 18px;
  text-align:center;
}
.live-snapshot-stat+.live-snapshot-stat{border-left:1px solid rgba(21,74,59,.10)}
.live-snapshot-stat strong{
  display:block;
  color:#103e31;
  font-size:clamp(1.15rem,2vw,1.7rem);
  line-height:1.04;
  letter-spacing:-.025em;
}
.live-snapshot-stat span{
  display:block;
  margin-top:7px;
  color:#60716a;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.085em;
  line-height:1.35;
}
.live-snapshot-cycle{
  display:grid;
  grid-template-columns:1.35fr .65fr .8fr;
  gap:0;
  align-items:stretch;
  margin-top:12px;
  overflow:hidden;
  border:1px solid rgba(103,220,184,.15);
  border-radius:15px;
  color:#f7f4e7;
  background:
    radial-gradient(circle at 90% 10%,rgba(101,215,189,.10),transparent 28%),
    linear-gradient(120deg,#0d3b31,#145447);
}
.live-snapshot-cycle>div{padding:18px 20px}
.live-snapshot-cycle>div+div{border-left:1px solid rgba(255,255,255,.10)}
.live-snapshot-cycle span,.live-snapshot-cycle small{display:block}
.live-snapshot-cycle>div>span{
  color:#8fe0c5;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.12em;
}
.live-snapshot-cycle>div>strong{
  display:block;
  margin:5px 0;
  color:#fff;
  font-size:1.05rem;
}
.live-snapshot-cycle small{
  color:rgba(255,255,255,.65);
  font-size:.62rem;
  line-height:1.5;
}
.live-snapshot-queue{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.live-snapshot-queue strong{
  margin:0 0 5px!important;
  font-size:clamp(1.2rem,2vw,1.55rem)!important;
}
.live-snapshot-note{
  margin:9px 2px 0;
  color:rgba(231,245,239,.48);
  font-size:.57rem;
  line-height:1.5;
}
@media(max-width:820px){
  .recovery-personal-section{min-height:0;padding-block:34px}
  .live-snapshot-funnel{grid-template-columns:repeat(2,1fr)}
  .live-snapshot-funnel .live-snapshot-stat:last-child{grid-column:1/-1}
  .live-snapshot-stat+.live-snapshot-stat{border-left:0}
  .live-snapshot-stat{border-bottom:1px solid rgba(21,74,59,.09)}
  .live-snapshot-totals{grid-template-columns:repeat(2,1fr)}
  .live-snapshot-cycle{grid-template-columns:1fr}
  .live-snapshot-cycle>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.10)}
}

/* ===== Factory Recovery surgical refinement v2 ===== */
.public-live-badge{
 display:inline-flex;align-items:center;gap:7px;margin:8px 0 0;
 color:#7be1c5;font-size:.56rem;font-weight:900;letter-spacing:.1em
}
.public-live-badge i{width:7px;height:7px;border-radius:50%;background:#65ddb8;box-shadow:0 0 10px rgba(101,221,184,.72)}
/* Only the two explicitly retired duplicate dashboard blocks are hidden. */
.legacy-public-snapshot-retired,
.legacy-public-progress-retired{display:none!important}

/* Compact the exact personal-recovery DOM without touching history/media. */
.claimant-journey.recovery-personal-section{min-height:0}
.claimant-journey.recovery-personal-section .app-shell{padding-top:32px;padding-bottom:32px}
.claimant-journey.recovery-personal-section .journey-heading{margin-bottom:18px}
.claimant-journey.recovery-personal-section .claimant-console{min-height:0}
.claimant-journey.recovery-personal-section .claimant-primary:empty{display:none}
.claimant-journey.recovery-personal-section .claimant-console:has(.claimant-primary:empty){
 grid-template-columns:minmax(0,1fr);
}
.claimant-journey.recovery-personal-section .claimant-console:has(.claimant-primary:empty) .claimant-next{
 width:min(720px,100%);margin-inline:auto;text-align:center;padding:24px 28px
}

/* Keep live dashboard crisp; do not replace its known-good styling. */
#live-recovery-snapshot{margin-top:18px}
#live-recovery-snapshot .live-snapshot-stat strong{font-variant-numeric:tabular-nums}
@media(max-width:760px){
 .public-live-badge{display:flex;width:max-content}
 .claimant-journey.recovery-personal-section .app-shell{padding-top:26px;padding-bottom:26px}
}

/* ===== Public Recovery metric cards refinement ===== */
#live-recovery-snapshot .live-snapshot-funnel{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}
#live-recovery-snapshot .live-snapshot-totals{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
  overflow:visible;
  border:0;
  background:transparent;
}
#live-recovery-snapshot .live-snapshot-stat{
  min-width:0;
  min-height:88px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:15px 16px 14px;
  text-align:left;
  border:1px solid rgba(109,210,180,.18)!important;
  border-radius:11px;
  background:linear-gradient(180deg,#f9fcf9 0%,#edf6f1 100%);
  box-shadow:0 7px 18px rgba(0,35,27,.08);
}
#live-recovery-snapshot .live-snapshot-funnel .live-snapshot-stat:first-child{
  border-color:rgba(238,138,36,.32)!important;
  box-shadow:inset 0 3px 0 #ee8a24,0 7px 18px rgba(0,35,27,.08);
}
#live-recovery-snapshot .live-snapshot-funnel .live-snapshot-stat:nth-child(2),
#live-recovery-snapshot .live-snapshot-funnel .live-snapshot-stat:nth-child(3),
#live-recovery-snapshot .live-snapshot-funnel .live-snapshot-stat:nth-child(4){
  box-shadow:inset 0 3px 0 #5bc9ab,0 7px 18px rgba(0,35,27,.08);
}
#live-recovery-snapshot .live-snapshot-funnel .live-snapshot-stat:last-child{
  box-shadow:inset 0 3px 0 #2b967c,0 7px 18px rgba(0,35,27,.08);
}
#live-recovery-snapshot .live-snapshot-stat strong{
  display:block;
  margin:0 0 8px;
  color:#123f33;
  font-size:clamp(1.2rem,1.7vw,1.6rem);
  font-weight:950;
  line-height:1;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#live-recovery-snapshot .live-snapshot-stat span{
  display:block;
  margin:0;
  color:#587067;
  font-size:.58rem;
  font-weight:900;
  line-height:1.28;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#live-recovery-snapshot .live-snapshot-totals .live-snapshot-stat{
  min-height:96px;
  background:linear-gradient(180deg,rgba(18,72,58,.96),rgba(14,61,50,.98));
  border-color:rgba(112,221,187,.16)!important;
  box-shadow:none;
}
#live-recovery-snapshot .live-snapshot-totals .live-snapshot-stat strong{
  color:#f8f4e8;
  font-size:clamp(1.05rem,1.55vw,1.4rem);
}
#live-recovery-snapshot .live-snapshot-totals .live-snapshot-stat span{
  color:#8edbc3;
}
#live-recovery-snapshot .live-snapshot-cycle{
  margin-top:10px;
  border-radius:12px;
}
@media(max-width:900px){
  #live-recovery-snapshot .live-snapshot-funnel{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #live-recovery-snapshot .live-snapshot-totals{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  #live-recovery-snapshot .live-snapshot-funnel,
  #live-recovery-snapshot .live-snapshot-totals{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  #live-recovery-snapshot .live-snapshot-funnel .live-snapshot-stat:last-child{
    grid-column:1/-1;
  }
  #live-recovery-snapshot .live-snapshot-stat{
    min-height:82px;
    padding:13px 13px 12px;
  }
  #live-recovery-snapshot .live-snapshot-stat strong{
    font-size:1.15rem;
  }
  #live-recovery-snapshot .live-snapshot-stat span{
    font-size:.54rem;
  }
}