/* DELTA SCENARIO 003 PREMIUM V1
   Raw Signal Reconstruction Lab presentation layer.
   Scoped to Scenario 003. Evidence/status semantics unchanged. */

main#top{position:relative;isolation:isolate;background:linear-gradient(180deg,#050a12 0,#0b0d14 28%,#050a12 100%)}
main#top>section{position:relative}

/* Hero · raw signals before theory */
.delta-s03-hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,92px) 0 54px;background:radial-gradient(circle at 77% 31%,rgba(239,182,108,.15),transparent 27%),radial-gradient(circle at 58% 68%,rgba(169,139,255,.11),transparent 28%),linear-gradient(180deg,rgba(5,9,15,.56),rgba(9,10,16,.95)),url('/assets/delta-hero-field-premium-v4.svg') center 47%/cover no-repeat;border-bottom:1px solid rgba(239,182,108,.09)}
.delta-s03-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,14,.9) 0,rgba(5,8,14,.7) 42%,rgba(5,8,14,.2) 72%,rgba(7,7,13,.5) 100%);pointer-events:none}
.delta-s03-hero:after{content:"RAW SIGNALS · NO PREBUILT THEORY";position:absolute;right:clamp(24px,5vw,82px);bottom:19px;color:rgba(255,215,159,.12);font:900 10px/1 Orbitron,Inter,sans-serif;letter-spacing:.17em;pointer-events:none}
.delta-s03-hero .gridHero{position:relative;z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(28px,5vw,72px);align-items:center}
.delta-s03-hero .eyebrow{border-color:rgba(239,182,108,.34);background:rgba(183,112,53,.11);color:#ffd8a2;box-shadow:inset 0 0 24px rgba(239,182,108,.05),0 0 32px rgba(221,146,76,.035)}
.delta-s03-hero .h1{max-width:980px;margin-top:18px;font-size:clamp(42px,5.5vw,76px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.delta-s03-hero .lead{max-width:900px;margin-top:23px;color:rgba(236,229,223,.72);font-size:clamp(15px,1.25vw,18px);line-height:1.72}
.delta-s03-hero .heroActions{margin-top:28px}
.delta-s03-hero .btn{min-height:48px;border-radius:14px}
.delta-s03-hero .heroCard{position:relative;overflow:hidden;padding:22px;border-color:rgba(239,182,108,.25);border-radius:24px;background:linear-gradient(165deg,rgba(44,29,23,.79),rgba(7,14,23,.78));box-shadow:0 30px 100px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px)}
.delta-s03-hero .heroCard:after{content:"EV1 · SYNTHETIC · CAPTURE";position:absolute;right:18px;top:16px;color:rgba(255,209,151,.33);font:900 9px/1 ui-monospace,monospace;letter-spacing:.13em}
.delta-s03-hero .scoreBig{gap:10px}
.delta-s03-hero .scoreBox{min-height:118px;padding:19px 18px;border:1px solid rgba(239,182,108,.13);border-radius:16px;background:rgba(12,14,21,.68)}
.delta-s03-hero .scoreBox b{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.055em;color:#ffe1b7}
.delta-s03-hero .scoreBox span{color:rgba(231,221,213,.56);font-size:10px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}
.delta-s03-hero .scoreBox.delta{border-color:rgba(169,139,255,.24);background:linear-gradient(145deg,rgba(169,139,255,.09),rgba(221,146,76,.08))}
.delta-s03-hero .scoreBox.delta b{color:#d6c7ff;font-size:clamp(24px,2.8vw,38px);text-transform:uppercase}

/* Capture status rail */
.delta-s03-status{padding:28px 0 36px;background:linear-gradient(180deg,rgba(10,11,17,.96),rgba(7,12,18,.82))}
.delta-s03-status-grid{grid-template-columns:1.8fr repeat(4,.68fr);border-color:rgba(239,182,108,.2);border-radius:20px;background:linear-gradient(160deg,rgba(37,24,21,.66),rgba(7,15,23,.7));box-shadow:0 28px 88px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.delta-s03-status-grid>div{position:relative;padding:19px 18px}
.delta-s03-status-grid>div+div{border-left-color:rgba(239,182,108,.12)}
.delta-s03-status-grid>div:not(.delta-s03-status-main):before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(239,182,108,.58),transparent)}
.delta-s03-status-grid small{color:#b98b67}
.delta-s03-status-grid b{color:#f4bd79;font-size:12px}
.delta-s03-status-grid span{color:rgba(209,193,183,.62);font-size:10.5px}
.delta-s03-status-main strong{color:#fff1df;font-size:18px}
.delta-s03-status-main span{max-width:760px;color:rgba(220,207,199,.64);font-size:11.5px}

/* Context & reconstruction topology */
#context{padding-top:26px;background:radial-gradient(circle at 50% 0,rgba(232,165,94,.07),transparent 42%)}
#context .quote{border-color:rgba(239,182,108,.16);background:linear-gradient(135deg,rgba(39,25,21,.62),rgba(10,17,27,.68));box-shadow:0 24px 72px rgba(0,0,0,.19)}
.delta-scenario-topology-visual{width:min(1180px,calc(100% - 40px));margin:30px auto 0;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(135deg,rgba(239,182,108,.065),rgba(169,139,255,.06),rgba(103,246,255,.045));box-shadow:0 30px 96px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.delta-scenario-topology-visual img{display:block;width:100%;height:auto;aspect-ratio:1500/520;object-fit:contain;border-radius:20px;background:#07101d}
.delta-scenario-topology-visual figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 10px 4px;color:rgba(245,240,235,.62);font:800 11px/1.45 Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.delta-s03-topology-status{color:#ffd27e}

/* Reconstruction chain */
.delta-s03-chain{position:relative;gap:8px;margin:6px 0 22px;padding:14px 10px;border-top-color:rgba(239,182,108,.13);border-bottom-color:rgba(239,182,108,.13);color:rgba(201,181,167,.68);scrollbar-width:thin}
.delta-s03-chain span{padding:8px 10px;border:1px solid rgba(239,182,108,.1);border-radius:999px;background:rgba(48,30,23,.28)}
.delta-s03-chain b{color:#f2b970}
.delta-s03-chain i{color:rgba(169,139,255,.64)}

/* Raw-mode epistemic gate */
#scenario-003-raw-mode{margin:34px auto;padding:28px!important;border-color:rgba(239,182,108,.23)!important;background:radial-gradient(circle at 95% 10%,rgba(169,139,255,.09),transparent 32%),linear-gradient(145deg,rgba(54,33,24,.15),rgba(8,15,24,.72))!important;box-shadow:0 26px 84px rgba(0,0,0,.19),inset 3px 0 0 rgba(239,182,108,.48)}
#scenario-003-raw-mode>span{border-color:rgba(239,182,108,.28);background:rgba(239,182,108,.09);color:#ffd8a2}
#scenario-003-raw-mode h2{max-width:920px}

/* Prompt */
#prompt{background:linear-gradient(180deg,rgba(7,12,18,.9),rgba(6,11,17,.98))}
#prompt .promptFull{border-color:rgba(239,182,108,.16);background:linear-gradient(180deg,rgba(43,27,22,.34),rgba(7,14,23,.74));box-shadow:0 26px 82px rgba(0,0,0,.2)}
#prompt .promptFull summary{background:rgba(239,182,108,.04);color:rgba(255,245,234,.9)}
#prompt .promptText{line-height:1.72;color:rgba(229,219,211,.74)}

/* 40-point rubric */
#scenario-003-raw-score{scroll-margin-top:96px;padding-top:10px}
#scenario-003-raw-score .sectionHead{padding-bottom:9px}
#scenario-003-raw-score .tableWrap{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(239,182,108,.42) rgba(255,255,255,.035);border-color:rgba(239,182,108,.17);border-radius:18px;background:rgba(8,14,22,.64);box-shadow:0 26px 84px rgba(0,0,0,.18)}
#scenario-003-raw-score .tableWrap::-webkit-scrollbar{height:8px}
#scenario-003-raw-score .tableWrap::-webkit-scrollbar-thumb{background:rgba(239,182,108,.36);border-radius:999px}
#scenario-003-raw-score table{min-width:760px}
#scenario-003-raw-score thead th{background:rgba(239,182,108,.055);color:rgba(255,236,211,.84)}
#scenario-003-raw-score tbody tr{transition:background .16s ease}
#scenario-003-raw-score tbody tr:hover{background:rgba(239,182,108,.04)}

/* MetaCore target · higher resolution map */
#metacore{scroll-margin-top:96px;background:radial-gradient(circle at 83% 14%,rgba(169,139,255,.06),transparent 34%),linear-gradient(180deg,rgba(6,11,17,.98),rgba(8,12,18,.94))}
#metacore .delta-s03-context{padding:26px;border-color:rgba(239,182,108,.19);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(239,182,108,.09),transparent 37%),linear-gradient(145deg,rgba(33,24,22,.57),rgba(7,15,24,.76));box-shadow:0 26px 86px rgba(0,0,0,.19)}
#metacore .delta-s03-context>div:first-child small{color:#d49a67}
#metacore .delta-s03-context h3{color:#fff3e6;font-size:clamp(23px,2.6vw,31px)}
#metacore .delta-s03-context p{color:rgba(220,207,198,.66)}
#metacore .delta-s03-context-map span{min-height:76px;border-color:rgba(239,182,108,.13);border-radius:13px;background:rgba(21,16,19,.51);color:rgba(205,191,181,.65)}
#metacore .delta-s03-context-map b{color:#f1b873}
#metacore .compare{gap:16px}
#metacore .answer{border-radius:18px;border-color:rgba(239,182,108,.12);background:linear-gradient(155deg,rgba(34,23,21,.42),rgba(7,14,23,.68))}
#metacore .why-matters{border-color:rgba(239,182,108,.16);background:linear-gradient(90deg,rgba(116,72,39,.09),rgba(8,16,25,.61));box-shadow:inset 3px 0 0 rgba(239,182,108,.5)}

/* Roadmap · capture → score → delta */
#roadmap{scroll-margin-top:96px;padding-bottom:58px;background:linear-gradient(180deg,rgba(8,12,18,.94),rgba(4,9,15,.99))}
#roadmap .cards{gap:14px}
#roadmap .card{position:relative;overflow:hidden;min-height:180px;padding:24px 22px 22px;border-color:rgba(239,182,108,.13);border-radius:19px;background:linear-gradient(155deg,rgba(34,23,21,.48),rgba(6,14,23,.72));box-shadow:0 20px 64px rgba(0,0,0,.16)}
#roadmap .card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#efb66c,#a98bff,transparent);opacity:.8}
#roadmap .card h3{color:#fff2e3}
#roadmap .card p{color:rgba(216,203,194,.64);line-height:1.66}
#roadmap .card:nth-child(1){box-shadow:0 20px 64px rgba(0,0,0,.16),inset 0 0 34px rgba(239,182,108,.025)}
#roadmap .card:nth-child(2):before{background:linear-gradient(90deg,#a98bff,#75f7ff,transparent)}
#roadmap .card:nth-child(3):before{background:linear-gradient(90deg,#75f7ff,#ffd27e,transparent)}

/* Methodology transparency */
.delta-method-note{max-width:960px;margin:34px auto 26px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.055);color:rgba(228,218,211,.55);font-size:13px;line-height:1.6;background:linear-gradient(90deg,transparent,rgba(239,182,108,.035),transparent)}
.delta-method-note strong{color:rgba(248,237,227,.74)}

@media(max-width:1050px){
  .delta-s03-hero .gridHero{grid-template-columns:1fr}
  .delta-s03-hero .heroCard{max-width:760px}
  .delta-s03-status-grid{grid-template-columns:1fr 1fr}
  .delta-s03-status-main{grid-column:1/3;border-bottom-color:rgba(239,182,108,.12)}
  .delta-s03-status-grid>div:nth-child(2){border-left:0}
  #metacore .delta-s03-context{grid-template-columns:1fr}
}
@media(max-width:760px){
  #scenario-003-raw-score .tableWrap{margin-left:-2px;margin-right:-2px;border-radius:15px}
  #scenario-003-raw-score table{min-width:700px;font-size:12.5px}
  #scenario-003-raw-score th,#scenario-003-raw-score td{padding:13px 14px}
}
@media(max-width:620px){
  .delta-s03-hero{padding:38px 0 42px;background-position:58% 42%}
  .delta-s03-hero:after{display:none}
  .delta-s03-hero .h1{font-size:clamp(36px,11vw,54px);line-height:1.01}
  .delta-s03-hero .lead{font-size:15px;line-height:1.65}
  .delta-s03-hero .heroCard{padding:16px;border-radius:19px}
  .delta-s03-hero .scoreBox{min-height:96px}
  .delta-s03-status-grid{grid-template-columns:1fr;border-radius:17px}
  .delta-s03-status-main{grid-column:auto}
  .delta-s03-status-grid>div+div{border-left:0;border-top:1px solid rgba(239,182,108,.11)}
  .delta-s03-status-grid>div:nth-child(2){border-top:1px solid rgba(239,182,108,.11)}
  .delta-scenario-topology-visual{width:calc(100% - 28px);margin-top:22px;padding:6px;border-radius:20px}
  .delta-scenario-topology-visual img{border-radius:15px}
  .delta-scenario-topology-visual figcaption{font-size:9px;letter-spacing:.055em}
  .delta-s03-chain{justify-content:flex-start;padding-left:2px;padding-right:2px}
  #scenario-003-raw-mode{padding:20px!important;border-radius:20px}
  #metacore .delta-s03-context{padding:18px}
  #metacore .delta-s03-context-map{grid-template-columns:1fr}
  #roadmap .card{min-height:0;padding:20px}
  .delta-method-note{margin:26px 16px 20px}
}
@media(prefers-reduced-motion:reduce){
  #scenario-003-raw-score tbody tr{transition:none}
}
