/* PRISM expanded explainer layer.
   Loaded after paper-r4.css so the publication identity remains intact. */

html{scroll-padding-top:132px}
.explainer-nav{
  position:sticky;top:78px;z-index:20;
  background:#0b1115f2;border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px)
}
.explainer-nav-inner{
  min-height:54px;display:flex;align-items:center;gap:23px;
  overflow-x:auto;scrollbar-width:none;white-space:nowrap
}
.explainer-nav-inner::-webkit-scrollbar{display:none}
.explainer-nav-label{
  color:var(--accent);font:9px/1.5 var(--mono);
  letter-spacing:.07em;text-transform:uppercase;
  padding-right:22px;border-right:1px solid var(--line)
}
.explainer-nav a{
  min-height:54px;display:flex;align-items:center;
  color:#9fb0b8;font-size:10px;letter-spacing:.015em
}
.explainer-nav a:hover{color:var(--accent-2)}
.explainer-content{padding-top:clamp(64px,7vw,104px)}
.explainer-content .section-grid{
  scroll-margin-top:145px
}
.section-body-wide{max-width:980px}
.section-body-wide h2{max-width:19ch}
.reading-chip{
  display:inline-flex;align-items:center;gap:9px;
  margin-bottom:20px;padding:7px 10px;border:1px solid #38505d;
  color:var(--accent);font:9px/1.5 var(--mono);
  letter-spacing:.06em;text-transform:uppercase
}
.reading-chip:before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)
}
.plain-answer{
  font-size:clamp(25px,3vw,43px)!important;
  line-height:1.28!important;letter-spacing:-.034em;
  color:#eef6f8!important;max-width:28ch!important
}
.topic-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:27px
}
.topic-chips span{
  padding:7px 10px;border:1px solid #354a55;background:#0d1519;
  color:#9fb2bc;font:9px/1.5 var(--mono);text-transform:capitalize
}
.plain-copy{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;margin-top:38px
}
.plain-copy p{
  margin:0;color:#b8c7cd;font-size:15px;line-height:1.9
}
.question-panel{
  margin-top:34px;padding:26px 28px;border-left:3px solid var(--accent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 11%,#10191f),#0c1317)
}
.question-panel>span{
  display:block;color:var(--accent);font:9px/1.5 var(--mono);
  letter-spacing:.08em;text-transform:uppercase
}
.question-panel p{
  margin:11px 0 0;color:#edf5f7;font-size:clamp(18px,2vw,27px);
  line-height:1.47;letter-spacing:-.02em
}
.section-intro{
  font-size:15px!important;max-width:60ch!important;color:#aebfc7!important
}
.method-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;margin-top:35px;background:var(--line);border:1px solid var(--line)
}
.method-card{
  min-width:0;padding:29px 25px 30px;background:#0d1519
}
.method-card:hover{background:#111d23}
.method-number{
  display:block;color:var(--accent);font:10px/1.5 var(--mono);
  letter-spacing:.06em;margin-bottom:35px
}
.method-card h3{
  margin:0;color:#edf5f7;font-size:20px;font-weight:460;
  line-height:1.35;letter-spacing:-.025em
}
.method-card p{
  margin:15px 0 0;color:#aabcc4;font-size:13px;line-height:1.82
}
.takeaway-list{
  list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--line)
}
.takeaway-list li{
  display:grid;grid-template-columns:42px minmax(0,1fr);
  gap:17px;padding:23px 0;border-bottom:1px solid var(--line)
}
.takeaway-list li>span{
  color:var(--accent);font:18px/1 var(--sans);padding-top:7px
}
.takeaway-list p{
  margin:0;color:#d6e1e5;font-size:clamp(16px,1.5vw,20px);
  line-height:1.65;max-width:62ch
}
.evidence-panel{
  margin-top:38px;padding:clamp(27px,3vw,40px);
  border:1px solid color-mix(in srgb,var(--accent) 48%,#334751);
  background:
    radial-gradient(circle at 93% 7%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 31%),
    linear-gradient(145deg,#111c22,#0b1216)
}
.evidence-head{display:flex;align-items:center;gap:12px}
.evidence-head>span{
  width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)
}
.evidence-head strong{
  color:var(--accent-2);font:10px/1.5 var(--mono);
  letter-spacing:.07em;text-transform:uppercase
}
.evidence-panel>p{
  margin:20px 0 0;color:#eef5f7;font-size:clamp(17px,1.7vw,23px);
  line-height:1.55;letter-spacing:-.017em;max-width:58ch
}
.evidence-panel ul{
  list-style:none;padding:0;margin:25px 0 0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:13px
}
.evidence-item{
  min-width:0;padding:17px 17px 18px;border:1px solid #30444f;
  background:#0b1216
}
.evidence-item>span{
  display:block;width:19px;height:2px;background:var(--accent);margin-bottom:13px
}
.evidence-item p{
  margin:0;color:#afc0c8;font-size:12px;line-height:1.75
}
.boundary-list{
  list-style:none;padding:0;margin:24px 0 0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px
}
.boundary-item{
  min-width:0;padding:21px;border:1px solid #344750;background:#0c1317
}
.boundary-item>span{
  display:block;width:8px;height:8px;border:1px solid var(--accent);
  transform:rotate(45deg);margin-bottom:18px
}
.boundary-item p{
  margin:0;color:#b7c6cc;font-size:13px;line-height:1.78
}
.importance-copy{
  font-size:clamp(24px,2.8vw,40px)!important;
  line-height:1.4!important;letter-spacing:-.032em;
  color:#e8f0f3!important;max-width:30ch!important
}
.glossary-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;margin-top:35px;background:var(--line);border:1px solid var(--line)
}
.glossary-card{padding:24px 25px 26px;background:#0d1519}
.glossary-card h3{
  margin:0;color:var(--accent-2);font:10px/1.5 var(--mono);
  letter-spacing:.06em;text-transform:uppercase
}
.glossary-card p{
  margin:12px 0 0;color:#b5c5cc;font-size:13px;line-height:1.78
}
.record-panel .intro{max-width:52ch}
@media(max-width:1050px){
  .method-grid{grid-template-columns:1fr}
  .method-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 17px}
  .method-number{grid-row:1/3;margin:4px 0 0}
  .method-card p{grid-column:2}
  .evidence-panel ul,.boundary-list{grid-template-columns:1fr}
}
@media(max-width:900px){
  .explainer-nav{top:78px}
  .plain-copy{grid-template-columns:1fr}
  .glossary-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  html{scroll-padding-top:116px}
  .explainer-nav{top:70px}
  .explainer-nav-inner{gap:18px;min-height:46px}
  .explainer-nav a{min-height:46px;font-size:9px}
  .explainer-nav-label{font-size:8px;padding-right:16px}
  .explainer-content .section-grid{scroll-margin-top:122px}
  .plain-answer{font-size:31px!important}
  .plain-copy{gap:20px}
  .question-panel{padding:22px}
  .method-card{display:block}
  .method-number{margin-bottom:22px}
  .method-card p{margin-top:13px}
  .takeaway-list li{grid-template-columns:29px 1fr}
  .evidence-panel{padding:24px}
}
@media(max-width:430px){
  .explainer-nav-inner{padding-right:22px}
  .topic-chips span{font-size:8px}
  .plain-answer{font-size:27px!important}
  .question-panel p{font-size:20px}
  .evidence-panel>p{font-size:18px}
  .takeaway-list p{font-size:16px}
}
@media print{
  .explainer-nav{display:none}
  .plain-answer,.importance-copy,.question-panel p,.evidence-panel>p{color:#111!important}
  .plain-copy p,.method-card p,.takeaway-list p,.boundary-item p,.glossary-card p{color:#333!important}
  .method-grid,.glossary-grid,.evidence-panel,.boundary-item,.question-panel{background:#fff;border-color:#bbb}
  .method-card,.glossary-card,.evidence-item{background:#fff}
}
