/* ============================================================
   light reading panel — black type on a warm off-white sheet, framed so it
   reads as a considered object on the dark page rather than a white hole.
   The frame is a two-part edge: a hairline in the blog's own border grey,
   and a gradient rule along the top in the brand's pink-to-orange.
   ============================================================ */
.lite-sheet{
  --paper:#fbfaf7;
  --ink:#17161a;
  --ink-soft:rgba(23,22,26,.74);
  --ink-faint:rgba(23,22,26,.7);
  --hair:rgba(23,22,26,.13);
  --lead:32px;
  position:relative;
  margin-block:10px 0;
  background:var(--paper);
  border:1px solid #675f5f;
  border-radius:3px;
  box-shadow:0 28px 70px -26px rgba(0,0,0,.75);
  color:var(--ink);
  overflow:hidden;
}
.lite-sheet::before{
  content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(90deg,#ef004e,#ff8116);
}
.lite-inner{
  padding:clamp(30px,4.5vw,56px) clamp(20px,4vw,58px) clamp(26px,4vw,48px);
  max-width:40rem;margin-inline:auto;
  font-size:17.5px;line-height:var(--lead);
}
.lite-inner > *:last-child{margin-bottom:0}
.lite-inner p{color:var(--ink);margin:0 0 calc(var(--lead) * .78);font-size:17.5px;line-height:var(--lead)}
.lite-inner h2{color:var(--ink);font-size:26px;line-height:1.3;font-weight:900;text-wrap:balance;
  margin:calc(var(--lead) * 1.5) 0 calc(var(--lead) * .45);scroll-margin-top:90px;
  padding-bottom:9px;border-bottom:1px solid var(--hair)}
.lite-inner h3{color:var(--ink);font-size:20px;line-height:1.45;font-weight:700;
  margin:calc(var(--lead) * .9) 0 calc(var(--lead) * .3)}
.lite-inner strong,.lite-inner b{color:var(--ink);font-weight:700}
.lite-inner a{color:#c2410c;text-decoration:underline;text-underline-offset:3px}
.lite-inner a:hover{color:#ef004e}
.lite-inner ul,.lite-inner ol{margin:0 1.4rem calc(var(--lead) * .78) 0;padding:0;color:var(--ink)}
.lite-inner li{margin-top:8px;line-height:var(--lead)}
.lite-inner .kicker{display:block;color:#c2410c;font-size:13px;letter-spacing:.14em;font-weight:700;
  margin-bottom:10px}
.lite-inner .dek{margin-bottom:calc(var(--lead) * .5)}
.lite-inner .dek p{font-size:20.5px;line-height:1.62;color:var(--ink)}

/* diagrams get their own inset plate so the artwork keeps its own ground */
.lite-inner figure.art-media{margin:calc(var(--lead) * .9) 0;background:none;border:0;padding:0}
.lite-inner .media-box{background:#fff;border:1px solid var(--hair);border-radius:6px;padding:16px;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(23,22,26,.06)}
.lite-inner .media-box svg,.lite-inner .media-box img{display:block;width:100%;height:auto}
.lite-inner figcaption{color:var(--ink-faint);font-size:13.5px;line-height:1.6;margin-top:10px;text-align:center}

/* the numbered facts read as a bordered aside, not a dark card */
.lite-inner .key-facts{background:#f3efe7;border:1px solid var(--hair);border-inline-start:3px solid #ff8116;
  border-radius:3px;padding:clamp(18px,3vw,26px);margin:calc(var(--lead) * .9) 0}
.lite-inner .key-facts .kicker{margin-bottom:14px}
.lite-inner .kf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.lite-inner .kf-item{display:flex;align-items:flex-start;gap:14px;border:0;padding:0;margin:0}
.lite-inner .kf-num{font-family:'Gagalin',system-ui,sans-serif;font-size:1.5rem;line-height:1.25;
  color:#ff8116;min-width:2.1rem;flex:0 0 auto;direction:ltr;text-align:start}
.reading-page .article-prose .lite-sheet .kf-text{color:var(--ink) !important}
.lite-inner .kf-text{font-size:16.5px;line-height:1.62}

.lite-inner table{width:100%;border-collapse:collapse;margin:calc(var(--lead) * .9) 0;font-size:15px;background:#fff}
.lite-inner th,.lite-inner td{border:1px solid var(--hair);padding:10px 12px;text-align:right;line-height:1.6;color:var(--ink)}
.lite-inner th{color:#c2410c;font-weight:700}
.lite-inner blockquote{margin:calc(var(--lead) * .9) 0;padding-inline-start:18px;
  border-inline-start:3px solid #ef004e;color:var(--ink-soft);font-size:19px;line-height:1.6}

.lite-inner .faqi{border-bottom:1px solid var(--hair);padding:16px 0}
.lite-inner .faqi summary{cursor:pointer;color:var(--ink);font-weight:700;font-size:17px;line-height:1.5;
  list-style:none;display:flex;justify-content:space-between;gap:12px}
.lite-inner .faqi summary::-webkit-details-marker{display:none}
.lite-inner .faqi summary::after{content:"+";color:#ff8116;font-weight:800;flex:0 0 auto}
.lite-inner .faqi[open] summary::after{content:"\2013"}
.lite-inner .faqi p{margin:10px 0 0;color:var(--ink-soft);font-size:16px}
.lite-inner .src-list{color:var(--ink-faint);font-size:14px;margin-top:10px}
.lite-inner .src-list a{color:#c2410c}

@media(max-width:760px){
  .lite-sheet{--lead:30px;border-radius:3px}
  .lite-inner{font-size:16.5px;padding:26px 20px 24px}
  .lite-inner p{font-size:16.5px}
  .lite-inner h2{font-size:22px}
  .lite-inner h3{font-size:18.5px}
  .lite-inner .dek p{font-size:18px}
  .lite-inner .media-box{padding:10px}
}