/* Magazine layer for one post: rwa-tokenization-digest-oct-14-27-2026.
   Same vocabulary as mg-crypto-friendly-2026.css, the hand-made article of 8 Oct 2026:
   site tokens only, one accent, no second hue, no gradients on surfaces, square cards,
   hairlines instead of shadows. Dropped from the reference: flags and the sprite (no
   jurisdiction column here), the plate figure (this post carries no photographs in the body).
   Added: width classes for the market bars, and a wide table of five columns instead of six. */
.post .essay .mg-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 28px;padding:12px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.post .essay .mg-lede{font-family:var(--font-display);font-size:clamp(22px,3.2vw,27px);line-height:1.4;color:var(--ink);margin:0 0 28px;text-wrap:pretty}
.post .essay .mg-dropmark{display:none}
.post .essay .mg-dropmark + p::first-letter{float:left;font-family:var(--font-display);font-weight:500;font-size:4.6em;line-height:.82;padding:.06em .1em 0 0;color:var(--blue)}
.post .essay .mg-note{margin:26px 0;font-size:14.5px;line-height:1.6;color:var(--muted);border-left:2px solid var(--hairline-strong);padding-left:14px}

/* stat strip */
.post .essay .mg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0 40px;border-top:2px solid var(--ink)}
.mg-stats div{padding:16px 14px 16px 0;border-bottom:1px solid var(--hairline-strong)}
.mg-stats div+div{padding-left:14px;border-left:1px solid var(--hairline)}
.mg-stats b{display:block;font-family:var(--font-display);font-weight:500;font-size:clamp(34px,6vw,48px);line-height:1;color:var(--blue)}
.mg-stats span{display:block;margin-top:8px;font-size:13.5px;line-height:1.4;color:var(--body)}

/* chapter opener */
.post .essay .mg-chap{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:6px 18px;margin:64px 0 8px;padding-top:18px;border-top:2px solid var(--ink)}
.mg-chap em{font-style:normal;font-family:var(--font-display);font-size:clamp(54px,10vw,84px);line-height:.8;color:var(--blue);font-weight:500}
.mg-chap h2{margin:0 !important;padding:0 !important;border:0 !important;font-size:clamp(28px,5vw,40px) !important;line-height:1.1 !important}
.mg-chap span{grid-column:2;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* source line under each chapter opener */
.post .essay .mg-verdict{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:14px 0 20px}
.chip{display:inline-block;font-family:var(--font-mono);font-weight:600;font-size:10.5px;line-height:1;letter-spacing:.05em;text-transform:uppercase;font-style:normal;padding:5px 7px;border:1px solid var(--blue);color:var(--blue);white-space:nowrap}
.chip.fix{background:var(--blue);color:#fff}
.chip.open{border-style:dashed;border-color:var(--muted);color:var(--muted)}

/* pull quotes */
.post .essay .mg-pull{margin:44px 0;padding:6px 0 6px 24px;border-left:3px solid var(--blue)}
.mg-pull p{margin:0 !important;font-family:var(--font-display);font-size:clamp(24px,4vw,32px);line-height:1.3;color:var(--ink);text-wrap:balance;max-width:none}
.mg-pull cite{display:block;margin-top:14px;font-style:normal;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* the founder's read, once */
.post .essay .mg-gene{margin:52px 0;padding:34px 30px 28px;background:var(--dark);color:var(--on-dark);position:relative}
.mg-gene::before{content:"\201C";position:absolute;left:24px;top:6px;font-family:var(--font-display);font-size:96px;line-height:1;color:var(--blue-400)}
.mg-gene p{position:relative;margin:26px 0 0 !important;font-family:var(--font-display);font-size:clamp(22px,3.6vw,29px);line-height:1.35;color:var(--on-dark);max-width:none}
.mg-gene cite{display:block;margin-top:20px;padding-top:14px;border-top:1px solid var(--on-dark-hairline);font-style:normal;font-size:14px;color:var(--on-dark-link)}
.mg-gene cite b{color:#fff;font-weight:500}

/* figures */
.post .essay .mg-fig{margin:40px 0 44px;padding-top:18px;border-top:2px solid var(--ink)}
.mg-fig .mg-cap{margin:0 0 6px !important;font-family:var(--font-mono);font-size:12px !important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted) !important}
.mg-fig h3{margin:0 0 16px !important;font-family:var(--font-display);font-weight:500;font-size:22px !important;line-height:1.25 !important;color:var(--ink)}
.mg-fig figcaption{margin-top:16px;padding-top:12px;border-top:1px solid var(--hairline);font-size:14px;line-height:1.55;color:var(--muted);max-width:64ch}

/* two lenses: the owner's read against the allocator's */
/* The h2 above carries no bottom margin, so the card needs its own top space or the
   heading's descenders sit on the border. Every other block here opens on 14px or more. */
.post .essay .mg-lens{margin:26px 0 38px}
.mg-lens{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline-strong)}
.mg-lens>div{padding:20px 20px 18px}
.mg-lens>div+div{border-left:1px solid var(--hairline-strong);background:var(--blue);color:var(--on-accent-soft)}
.mg-lens b{display:block;font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.2;color:var(--ink)}
.mg-lens>div+div b{color:#fff}
.mg-lens .q{margin:8px 0 12px;font-size:15px;line-height:1.45}
/* The site sets list-style on the li, not the ul, so resetting the ul alone leaves a disc
   hanging in the gutter outside the card. The rail, takes and questions escape it only
   because their li is display:grid; this one is not, so it is reset explicitly. */
.post .essay .mg-lens ul{margin:0;padding:0;list-style:none}
.post .essay .mg-lens li,.post .essay .mg-rail li,.post .essay .mg-takes li,.post .essay .mg-qs li{list-style:none}
.mg-lens li{padding:9px 0;border-top:1px solid var(--hairline);font-size:14px;line-height:1.45}
.mg-lens>div+div li{border-top-color:var(--on-accent-rule)}
.post .essay .mg-lens>div+div .q,.post .essay .mg-lens>div+div li{color:var(--on-accent-soft)}
.mg-lens li i{display:block;font-style:normal;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.mg-lens>div+div li i{color:var(--on-accent-meta)}

/* bars on a true scale: the market by category */
.mg-scale{display:grid;gap:22px}
.mg-row>b{display:block;font-weight:500;color:var(--ink);font-size:15px}
.mg-row>small{display:block;margin:2px 0 8px;font-size:13px;color:var(--muted)}
.mg-bar{display:flex;height:38px;gap:2px}
.mg-bar span{display:flex;align-items:center;padding:0 10px;font-size:13px;white-space:nowrap;overflow:hidden;background:var(--blue-100);color:var(--blue-950)}
.mg-bar span.on{background:var(--blue);color:#fff}
.mg-bar span.off{background:var(--well);color:var(--muted);border:1px solid var(--hairline-strong)}
.mg-bar span.mid{background:var(--blue-300);color:var(--blue-950)}
.mg-ticks{position:relative;height:18px;margin-top:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.mg-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.mg-ticks span::before{content:"";position:absolute;left:50%;top:-9px;height:6px;border-left:1px solid var(--hairline-strong)}
.mg-ticks .t0{left:0;transform:none}.mg-ticks .t0::before{left:0}
.mg-ticks .t25{left:25%}.mg-ticks .t50{left:50%}.mg-ticks .t75{left:75%}
.mg-ticks .t100{left:100%;transform:translateX(-100%)}.mg-ticks .t100::before{left:100%}
/* category shares of the $39.05B distributed total, read 27 Oct 2026 */
.w375{flex:0 0 37.5%}.w207{flex:0 0 20.7%}.w132{flex:0 0 13.2%}.w91{flex:0 0 9.1%}.w195{flex:1 1 0}
.mg-swap{margin-top:14px;padding:12px 14px;background:var(--well);font-size:14px;line-height:1.5;color:var(--body)}
.mg-swap b{color:var(--ink);font-weight:500}

/* timeline rail: the objection count */
.mg-rail{list-style:none;margin:0;padding:0;position:relative}
.post .essay .mg-rail{padding-left:0}
.mg-rail li{display:grid;grid-template-columns:118px 1fr;gap:4px 18px;padding:14px 0 14px 0;border-top:1px solid var(--hairline-strong);list-style:none}
.mg-rail time{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;color:var(--blue);padding-top:2px}
.mg-rail b{display:block;color:var(--ink);font-weight:500;font-size:15.5px}
.mg-rail span{display:block;font-size:14.5px;line-height:1.5;color:var(--body)}
.mg-rail li.now time{color:var(--ink);font-weight:600}

/* wide aligned table: the yield rulebook */
.post .essay .mg-wide{width:min(1240px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);max-width:none}
.mg-tbl{border-top:1px solid var(--hairline-strong)}
.mg-tr{display:grid;grid-template-columns:200px repeat(4,minmax(0,1fr));border-bottom:1px solid var(--hairline-strong)}
.mg-th{border-bottom:2px solid var(--ink)}
.mg-th span{padding:12px 14px 10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mg-th span+span{border-left:1px solid var(--hairline)}
.mg-tc{display:flex;align-items:flex-start;gap:12px;padding:16px 14px 16px 0}
.mg-tc b{display:block;font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.2;color:var(--ink)}
.mg-tc small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--muted)}
.mg-td{padding:16px 14px;border-left:1px solid var(--hairline);font-size:14px;line-height:1.5;color:var(--body);display:flex;flex-direction:column;align-items:flex-start}
.mg-td p{margin:0 !important;max-width:none}
.mg-td.fix{background:var(--blue-100)}
.mg-td.open{background:repeating-linear-gradient(135deg,transparent 0 7px,var(--hairline) 7px 8px)}
.mg-td.read p{color:var(--ink);font-weight:500}
.mg-td .chip,.mg-td .chip-slot{display:block;height:21px;margin:0 0 8px;box-sizing:border-box}
.mg-td .chip{width:max-content}
.mg-td .chip-slot{width:1px}
@media (max-width:900px){
 .post .essay .mg-wide{width:auto;left:0;transform:none}
 .mg-th{display:none}
 .mg-tr{display:block;padding:18px 0}
 .mg-tc{padding:0 0 12px}
 .mg-td{border-left:0;border-top:1px solid var(--hairline);padding:12px 0}
 .mg-td.fix,.mg-td.open{padding:12px}
 .mg-td::before{content:attr(data-h);order:-1;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
 .mg-td .chip-slot{display:none}
}

/* numbered takeaways and the questions to put to your own asset */
.post .essay .mg-takes ul,.post .essay .mg-takes ol{list-style:none;margin:28px 0;padding:0;counter-reset:mgt;border-top:2px solid var(--ink)}
.post .essay .mg-takes li{counter-increment:mgt;display:grid;grid-template-columns:44px 1fr;gap:12px;margin:0;padding:14px 0;border-bottom:1px solid var(--hairline)}
.post .essay .mg-takes li::before{content:counter(mgt,decimal-leading-zero);font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--blue)}
.post .essay .mg-takes li::marker{content:""}
.post .essay .mg-takes li b,.post .essay .mg-takes li strong{color:var(--ink);font-weight:500}
.post .essay .mg-qs{list-style:none;margin:28px 0;padding:0;counter-reset:q;border-top:2px solid var(--ink)}
.mg-qs li{counter-increment:q;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--hairline)}
.mg-qs li::before{content:counter(q,decimal-leading-zero);font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--blue)}
.mg-qs li b{color:var(--ink);font-weight:500}

@media (max-width:760px){
 .post .essay .mg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mg-stats div:nth-child(3){padding-left:0;border-left:0}
 .mg-lens{grid-template-columns:1fr}
 .mg-lens>div+div{border-left:0;border-top:1px solid var(--hairline-strong)}
 .mg-rail li{grid-template-columns:1fr}
 .mg-bar span{font-size:12px;padding:0 6px}
 .mg-gene{padding:30px 20px 22px}
}
@media (prefers-reduced-motion:no-preference){
 .mg-bar span{transform-origin:left center;animation:mgGrow .7s cubic-bezier(.2,.7,.2,1) both}
 @keyframes mgGrow{from{transform:scaleX(.001)}to{transform:scaleX(1)}}
}
