:root{
  --mal-screen:#e7edf3;
  --mal-panel:#f7fafb;
  --mal-ink:#111827;
  --mal-muted:#5e6b7b;
  --mal-blue:#355fa3;
  --mal-violet:#8b7cc1;
  --mal-green:#4b9b75;
  --mal-coral:#e9674f;
  --mal-rule:#c7d2df;
  --mal-subtitle:#fffdf3;
  --mal-shadow:rgba(17,24,39,.12);
}

*{box-sizing:border-box}
body{margin:0;background:var(--mal-screen);color:var(--mal-ink);font-family:"Aptos","Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

.mal-site,.mal-article{max-width:1180px;margin:0 auto;padding:28px}
.mal-hero{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:42px;border:1px solid var(--mal-rule);border-radius:30px;background:linear-gradient(145deg,#f9fbfd 0%,#e9f0f7 52%,#dbe5ef 100%);box-shadow:0 22px 60px var(--mal-shadow);overflow:hidden}
.mal-hero:before{content:"";position:absolute;inset:34px;border:1px solid rgba(53,95,163,.22);border-radius:22px;pointer-events:none}
.mal-hero:after{content:"";position:absolute;right:42px;top:52px;width:34%;height:38%;border-radius:20px;background:linear-gradient(180deg,rgba(255,253,243,.9),rgba(255,253,243,.34));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 -18px 0 rgba(53,95,163,.16)}
.mal-kicker,.mal-section-label{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--mal-blue)}
.mal-hero h1{position:relative;z-index:2;max-width:870px;margin:0;font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:clamp(52px,9vw,126px);line-height:.88;letter-spacing:-.075em;font-weight:850}
.mal-dek{position:relative;z-index:2;max-width:760px;margin:28px 0 0;font-size:clamp(19px,2vw,27px);line-height:1.25;color:#263244;font-weight:520}
.mal-byline{position:relative;z-index:2;margin-top:28px;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;background:var(--mal-subtitle);border:1px solid rgba(17,24,39,.12);font-size:14px;color:#354052}

.mal-luma-strip{position:absolute;left:42px;top:34px;right:42px;height:18px;display:grid;grid-template-columns:1.4fr .75fr 1fr .55fr 1.15fr;gap:7px;z-index:3}
.mal-luma-strip span{display:block;border-radius:999px;background:#fff;border:1px solid rgba(17,24,39,.08)}
.mal-luma-strip span:nth-child(1){background:var(--mal-blue)}
.mal-luma-strip span:nth-child(2){background:var(--mal-green)}
.mal-luma-strip span:nth-child(3){background:var(--mal-subtitle)}
.mal-luma-strip span:nth-child(4){background:var(--mal-coral)}
.mal-luma-strip span:nth-child(5){background:var(--mal-violet)}

.mal-topic-deck{display:grid;grid-template-columns:minmax(240px,.8fr) 1.4fr;gap:26px;margin-top:28px;padding:28px;border-radius:26px;background:#eef4f8;border:1px solid var(--mal-rule)}
.mal-topic-deck h2{margin:0;font-family:"Aptos Display","Segoe UI",Arial,sans-serif;font-size:clamp(28px,4vw,58px);line-height:.98;letter-spacing:-.045em}
.mal-chip-screen{align-self:end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.mal-chip-screen a,.mal-chip-screen span{display:inline-flex;padding:10px 13px;border-radius:999px;background:var(--mal-panel);border:1px solid var(--mal-rule);color:#203047;font-weight:750;font-size:14px}

.mal-frame-risk{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
.mal-frame-card{min-height:290px;padding:30px;border-radius:28px;border:1px solid var(--mal-rule);background:var(--mal-panel)}
.mal-frame-card-a{display:flex;flex-direction:column;justify-content:space-between;background:#152033;color:white;overflow:hidden;position:relative}
.mal-frame-card-a:after{content:"";position:absolute;left:30px;right:30px;bottom:28px;height:42px;border-radius:10px;background:linear-gradient(90deg,var(--mal-subtitle) 0 64%,transparent 64% 68%,var(--mal-coral) 68% 74%,transparent 74%)}
.mal-frame-card-a .mal-section-label{color:#bcd1ff}
.mal-frame-card-a h2{position:relative;z-index:2;max-width:760px;margin:0 0 62px;font-size:clamp(32px,4.6vw,72px);line-height:.96;letter-spacing:-.052em;font-family:"Aptos Display","Segoe UI",Arial,sans-serif}
.mal-frame-card-b{font-size:21px;color:#263244;display:flex;align-items:flex-end}
.mal-frame-card-b p{margin:0}

.mal-feature{display:grid;grid-template-columns:1fr 380px;gap:18px;margin-top:18px}
.mal-feature-slate,.mal-checks{border:1px solid var(--mal-rule);border-radius:28px;background:var(--mal-panel);padding:32px}
.mal-feature-slate{background:linear-gradient(180deg,#ffffff,#edf4fa)}
.mal-feature-slate h2{margin:0;max-width:790px;font-size:clamp(36px,5vw,76px);line-height:.94;letter-spacing:-.055em;font-family:"Aptos Display","Segoe UI",Arial,sans-serif}
.mal-feature-slate p:not(.mal-section-label){max-width:680px;margin:24px 0 0;font-size:19px;color:#435064}
.mal-checks h3{margin:0 0 18px;font-size:24px;letter-spacing:-.02em}
.mal-checks ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mal-checks li{padding:14px 0;border-top:1px solid var(--mal-rule);font-size:15px;color:#354052}
.mal-checks li span{display:inline-block;margin-right:10px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px;color:var(--mal-violet);font-weight:800}

.mal-posts{margin-top:34px}
.mal-archive-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.mal-archive-head h2{margin:0;font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:-.05em;font-family:"Aptos Display","Segoe UI",Arial,sans-serif}
.mal-card-reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

.mal-post-card{min-height:100%}
.mal-card-link{display:flex;flex-direction:column;height:100%;padding:12px;border-radius:24px;background:var(--mal-panel);border:1px solid var(--mal-rule);box-shadow:0 12px 30px rgba(17,24,39,.07);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.mal-card-link:hover{transform:translateY(-3px);border-color:rgba(53,95,163,.45);text-decoration:none}
.mal-card-screen{position:relative;aspect-ratio:16/9;border-radius:18px;background:linear-gradient(135deg,#d7e2ed,#fbfdff);border:1px solid rgba(17,24,39,.1);overflow:hidden}
.mal-card-glow{position:absolute;inset:18px;border-radius:14px;background:linear-gradient(135deg,rgba(53,95,163,.2),rgba(139,124,193,.1));border:1px solid rgba(255,255,255,.75)}
.mal-lower-third{position:absolute;left:16px;right:16px;bottom:15px;height:24px;border-radius:8px;background:var(--mal-subtitle);box-shadow:inset 34% 0 0 var(--mal-blue)}
.mal-media-dot{position:absolute;top:14px;width:10px;height:10px;border-radius:50%}
.dot-image{right:48px;background:var(--mal-green)}
.dot-video{right:32px;background:var(--mal-violet)}
.dot-cite{right:16px;background:var(--mal-coral)}
.mal-card-copy{padding:18px 8px 8px}
.mal-timecode{display:inline-block;margin-bottom:12px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px;letter-spacing:.04em;color:var(--mal-muted)}
.mal-post-card h2{margin:0;font-size:25px;line-height:1.04;letter-spacing:-.035em;font-family:"Aptos Display","Segoe UI",Arial,sans-serif}
.mal-post-card p{margin:14px 0 0;color:#4a5668;font-size:15.5px}

.mal-article-slate{position:relative;padding:74px 42px 38px;border-radius:30px;background:#142033;color:white;border:1px solid rgba(255,255,255,.2);overflow:hidden}
.mal-article-slate .mal-luma-strip{left:42px;right:42px;top:32px}
.mal-back{margin:0 0 24px;color:#d6e3f8;font-weight:750}
.mal-publication{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#bcd1ff;font-weight:850}
.mal-article-slate h1{max-width:920px;margin:0;font-family:"Aptos Display","Segoe UI",Arial,sans-serif;font-size:clamp(42px,7vw,104px);line-height:.9;letter-spacing:-.065em}
.mal-article-meta{margin-top:24px;color:#d9e5f4;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:13px}

.mal-review-frame{display:grid;grid-template-columns:170px minmax(0,1fr) 250px;gap:18px;margin-top:18px;align-items:start}
.mal-media-rail,.mal-citation-reel,.mal-article-body{background:var(--mal-panel);border:1px solid var(--mal-rule);border-radius:24px}
.mal-media-rail,.mal-citation-reel{position:sticky;top:18px;padding:22px}
.mal-media-rail ol{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.mal-media-rail li{padding:12px 10px;border-radius:12px;background:#eef4f8;border:1px solid var(--mal-rule);font-weight:800;color:#2d3b50}
.mal-media-rail li:before{content:"";display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:var(--mal-blue)}
.mal-media-rail li:nth-child(2):before{background:var(--mal-green)}
.mal-media-rail li:nth-child(3):before{background:var(--mal-coral)}
.mal-media-rail li:nth-child(4):before{background:var(--mal-violet)}
.mal-citation-reel h2{margin:0 0 16px;font-size:20px;letter-spacing:-.025em}
.mal-citation-reel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mal-citation-reel li{padding:10px 0;border-top:1px solid var(--mal-rule);color:#485469;font-size:14px}
.mal-article-body{padding:clamp(28px,5vw,62px);font-size:19px;line-height:1.72;color:#202a38}
.mal-article-body h2,.mal-article-body h3{font-family:"Aptos Display","Segoe UI",Arial,sans-serif;letter-spacing:-.04em;line-height:1.04;color:#111827}
.mal-article-body h2{font-size:clamp(31px,4vw,50px);margin:52px 0 14px}
.mal-article-body h3{font-size:28px;margin:36px 0 10px}
.mal-article-body p{margin:0 0 24px}
.mal-article-body a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:var(--mal-blue)}
.mal-article-body blockquote{margin:34px 0;padding:22px 26px;border-left:7px solid var(--mal-coral);background:#eef4f8;border-radius:0 18px 18px 0;font-size:22px;line-height:1.45;color:#1f2b3d}
.mal-article-body code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#edf2f7;border:1px solid var(--mal-rule);border-radius:6px;padding:.12em .34em;font-size:.9em}

@media (max-width:950px){
  .mal-site,.mal-article{padding:18px}
  .mal-hero{min-height:440px;padding:32px}
  .mal-hero:after{display:none}
  .mal-topic-deck,.mal-frame-risk,.mal-feature,.mal-review-frame{grid-template-columns:1fr}
  .mal-chip-screen{justify-content:flex-start}
  .mal-card-reel{grid-template-columns:1fr 1fr}
  .mal-media-rail,.mal-citation-reel{position:static}
}
@media (max-width:640px){
  .mal-hero,.mal-article-slate{border-radius:22px;padding:68px 22px 26px}
  .mal-luma-strip,.mal-article-slate .mal-luma-strip{left:22px;right:22px}
  .mal-card-reel{grid-template-columns:1fr}
  .mal-frame-card,.mal-feature-slate,.mal-checks,.mal-article-body{border-radius:20px;padding:22px}
}