/* ============================================================================ Raw Truth — design system (from the Claude Design handoff) Tokens swap light/dark on . Zilla Slab (display/UI) + Source Serif 4 (reading). All hex/easing values are the handoff's exact ones. ============================================================================ */ :root{ --bg:#ECE4D2; --surface:#F7F1E3; --ink:#211B13; --body:#2C2519; --muted:#6E5C49; --faint:#9A8C74; --border:#DDD2BB; --accent:#9A3526; --accentInk:#F7F1E3; --oxblood:#9A3526; --clay:#B0593E; --plum:#7C5780; --meat:#80181F; --truthColor:#FFFDF7; --truthShadow:0 0 7px rgba(120,90,50,.42),0 0 18px rgba(120,90,50,.26),0 1px 1px rgba(70,52,30,.4); /* transcript highlight (recording page) */ --line:#9A3526; --lineGlow:rgba(154,53,38,.32); --hoverWash:#E9C766; --hoverInk:#1A140C; --hoverBorder:#C99A2E; --label:#A08763; --footerBg:#1C140E; --selBg:#C6ADD9; --selInk:#211B13; color-scheme:light; } html[data-theme="dark"]{ --bg:#150E0D; --surface:#20140F; --ink:#E7DCC8; --body:#DDD1BB; --muted:#9A8A73; --faint:#857761; --border:#3E1A18; --accent:#8E2E26; --accentInk:#F2E4D2; --oxblood:#C06A4A; --clay:#B5654A; --plum:#B594BA; --meat:#B12F35; --truthColor:#F0E7D3; --truthShadow:0 0 7px rgba(240,231,211,.4),0 0 15px rgba(240,231,211,.18); --line:#C5704C; --lineGlow:rgba(197,112,76,.42); --hoverWash:#3E301C; --hoverInk:#F6EEDA; --hoverBorder:#5C4A28; --label:#9A8156; --selBg:#6E5080; --selInk:#F3ECDB; color-scheme:dark; } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{ background:var(--bg); color:var(--body); font-family:'Source Serif 4',Georgia,serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; transition:background .18s ease,color .18s ease; } ::selection{background:var(--selBg); color:var(--selInk);} .rt-s::selection{background:var(--selBg); color:var(--selInk);} a{color:inherit;} /* ── Wordmark ─────────────────────────────────────────────────────────── */ .rt-wm{font:700 19px/1 'Zilla Slab',serif; letter-spacing:.02em; text-decoration:none; white-space:nowrap;} .rt-wm .raw{color:var(--meat);} .rt-wm .truth{color:var(--truthColor); text-shadow:var(--truthShadow);} /* ── Theme toggle ─────────────────────────────────────────────────────── */ .rt-theme{ font:600 11px 'Zilla Slab',sans-serif; letter-spacing:.04em; color:var(--muted); cursor:pointer; border:1px solid var(--border); border-radius:9px; padding:7px 11px; user-select:none; white-space:nowrap; background:transparent; } /* ── Nav (landing) ────────────────────────────────────────────────────── */ .rt-nav{border-bottom:1px solid var(--border);} .rt-nav-in{max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 32px;} .rt-brand{display:flex; align-items:baseline; gap:12px;} .rt-brand .tag{font:400 11px/1 'Source Serif 4',serif; color:var(--faint);} .rt-nav-links{display:flex; align-items:center; gap:22px;} .rt-nav-links a{font:500 13px 'Zilla Slab',serif; color:var(--body); text-decoration:none;} /* ── Buttons / CTAs ───────────────────────────────────────────────────── */ .rt-cta{font:600 14px 'Zilla Slab',serif; letter-spacing:.01em; text-decoration:none; border-radius:11px; padding:14px 24px; display:inline-flex; align-items:center; gap:8px; transition:filter .14s ease;} .rt-cta:hover{filter:brightness(1.06);} .rt-cta.fill{background:var(--accent); color:var(--accentInk); box-shadow:0 10px 24px -10px var(--oxblood);} .rt-cta.ghost{background:transparent; color:var(--ink); border:1px solid var(--border);} /* ── Landing: layout / hero / footer ──────────────────────────────────── */ .rt-page{min-height:100vh; display:flex; flex-direction:column; overflow-x:hidden;} .rt-hero-wrap{flex:1; display:flex; align-items:center;} .rt-hero{max-width:1200px; margin:0 auto; padding:64px 32px; width:100%; display:grid; grid-template-columns:1.35fr 1fr; gap:60px; align-items:center;} .rt-eyebrow{font:600 11px/1 'Zilla Slab',sans-serif; letter-spacing:.26em; text-transform:uppercase; color:var(--meat); margin-bottom:22px;} .rt-h1{font:600 56px/1.04 'Zilla Slab',serif; color:var(--ink); margin:0; letter-spacing:-.012em; max-width:15ch;} .rt-lede{font:400 19px/1.65 'Source Serif 4',serif; color:var(--body); margin:26px 0 0; max-width:54ch;} .rt-cta-row{display:flex; gap:14px; margin-top:34px; flex-wrap:wrap;} .rt-stats{display:flex; gap:34px; margin-top:46px; flex-wrap:wrap;} .rt-stat{} .rt-stat + .rt-stat{border-left:1px solid var(--border); padding-left:34px;} .rt-stat .num{font:600 30px/1 'Zilla Slab',serif; color:var(--ink);} .rt-stat .num small{font-size:18px; color:var(--muted);} .rt-stat .lbl{font:500 11px/1.4 'Zilla Slab',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); margin-top:7px;} .rt-portrait{position:relative; aspect-ratio:4/5; border-radius:14px; overflow:hidden; margin-left:18px; border:1px solid var(--border); background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 11px,var(--bg) 11px,var(--bg) 22px); display:flex; align-items:flex-end; justify-content:center; box-shadow:0 28px 60px -28px rgba(33,27,19,.5);} .rt-portrait img{position:absolute; top:0; right:0; bottom:0; left:auto; width:107%; max-width:none; height:100%; object-fit:cover;} .rt-portrait .ph{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;} .rt-portrait .ph span{font-family:ui-monospace,monospace; font-size:11px; color:var(--faint); letter-spacing:.04em; background:color-mix(in srgb,var(--bg) 80%,transparent); padding:8px 12px; border-radius:7px;} .rt-portrait .cap{position:relative; width:100%; padding:18px 18px 14px; background:linear-gradient(transparent,color-mix(in srgb,var(--ink) 78%,transparent));} .rt-portrait .cap .n{font:500 12px 'Zilla Slab',serif; color:#F2E8D4;} .rt-portrait .cap .s{font:400 11px 'Source Serif 4',serif; color:#cdbfa6; margin-top:2px;} /* Footer — fixed deep-warm bg in BOTH themes (do not bind to --ink) */ .rt-footer{background:var(--footerBg); color:#E7DCC8; border-top:1px solid rgba(231,220,200,.1);} .rt-footer-in{max-width:1200px; margin:0 auto; padding:64px 32px 38px;} .rt-footer-cols{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:44px;} .rt-footer .rt-wm{font-size:19px;} .rt-footer .rt-wm .raw{color:#B12F35;} .rt-footer .rt-wm .truth{color:#F0E7D3; text-shadow:0 0 7px rgba(240,231,211,.4),0 0 15px rgba(240,231,211,.18);} .rt-footer-brand{min-width:0;} .rt-footer .mission{font:400 15px/1.7 'Source Serif 4',serif; color:#c2b59c; margin:16px 0 0; max-width:42ch;} .rt-footer .h{font:600 10px/1 'Zilla Slab',sans-serif; letter-spacing:.18em; text-transform:uppercase; color:#9a8f78; margin-bottom:14px;} .rt-footer .col{display:flex; flex-direction:column; gap:10px; font:400 14px 'Source Serif 4',serif; color:#d8cbb2;} .rt-footer .col a{color:inherit; text-decoration:none;} .rt-footer .credits{margin-top:44px; max-width:76ch; font:400 13.5px/1.72 'Source Serif 4',serif; color:#b3a589;} .rt-footer .credits strong{color:#d8cbb2; font-weight:600;} .rt-footer .base{border-top:1px solid rgba(231,220,200,.16); margin-top:32px; padding-top:22px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font:400 12px 'Source Serif 4',serif; color:#9a8f78;} /* ── Responsive ───────────────────────────────────────────────────────── */ @media (max-width:820px){ .rt-hero{grid-template-columns:1fr; gap:36px; padding:44px 24px;} .rt-h1{font-size:42px;} .rt-portrait{max-width:360px; margin-left:auto; margin-right:auto;} .rt-nav-in{padding:13px 20px;} .rt-footer-cols{grid-template-columns:1fr 1fr; gap:26px 22px;} .rt-footer-brand{grid-column:1 / -1;} .rt-brand .tag{display:none;} } @media (max-width:560px){ .rt-nav-links a{display:none;} /* declutter mobile nav (pages reachable via CTAs + footer) */ .rt-stats{gap:0;} .rt-stat + .rt-stat{padding-left:16px;} .rt-stat .num{font-size:26px;} .rt-stat .num small{font-size:15px;} .rt-stat .lbl{font-size:9.5px; letter-spacing:.07em;} } /* ── Archive ──────────────────────────────────────────────────────────── */ .rt-ahead{position:sticky; top:0; z-index:20; background:color-mix(in srgb,var(--bg) 90%,transparent); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--border);} .rt-ahead-in{max-width:1080px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 32px;} .rt-ahead .rt-wm{font-size:18px;} .rt-ahead-links{display:flex; align-items:center; gap:22px;} .rt-ahead-links a{font:500 13px 'Zilla Slab',serif; color:var(--muted); text-decoration:none;} .rt-search-head{max-width:1080px; margin:0 auto; padding:40px 32px 22px;} .rt-search-top{display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px;} .rt-search-top h1{font:600 30px/1.08 'Zilla Slab',serif; color:var(--ink); margin:0;} .rt-search-top .meta{font:400 13px 'Source Serif 4',serif; color:var(--muted);} .rt-search-box{position:relative;} .rt-search-box .ic{position:absolute; left:18px; top:50%; transform:translateY(-50%); font-size:18px; color:var(--faint); pointer-events:none;} #rt-search{width:100%; font:400 16px 'Source Serif 4',serif; color:var(--ink); background:var(--surface); border:1px solid var(--border); border-radius:13px; padding:15px 18px 15px 46px; transition:border-color .15s,box-shadow .15s;} #rt-search::placeholder{color:var(--faint);} #rt-search:focus{outline:none; border-color:var(--meat); box-shadow:0 0 0 3px color-mix(in srgb,var(--meat) 20%,transparent);} .rt-search-cap{font:400 12px 'Source Serif 4',serif; color:var(--faint); margin-top:9px; padding-left:4px;} .rt-chips{display:flex; gap:8px; flex-wrap:wrap; margin-top:20px;} .rt-chip{font:600 12px 'Zilla Slab',serif; border:1px solid var(--border); color:var(--muted); border-radius:999px; padding:8px 15px; cursor:pointer; user-select:none; background:transparent; transition:background .15s,color .15s,border-color .15s;} .rt-chip.on{border-color:var(--accent); background:var(--accent); color:var(--accentInk);} .rt-showing{font:500 12px 'Zilla Slab',sans-serif; letter-spacing:.03em; color:var(--muted); margin-top:15px; min-height:14px;} .rt-suggest a{color:var(--meat); font-weight:700; cursor:pointer;} .rt-loading{display:inline-flex; align-items:center; gap:8px; color:var(--muted);} .rt-spin{width:11px; height:11px; border-radius:50%; border:2px solid var(--border); border-top-color:var(--accent); animation:rt-spin .7s linear infinite;} @keyframes rt-spin{to{transform:rotate(360deg);}} .rt-group{font:600 10.5px/1 'Zilla Slab',sans-serif; letter-spacing:.15em; text-transform:uppercase; color:var(--faint); padding:22px 16px 9px;} .rt-count{display:inline-block; font:600 11px 'Zilla Slab',sans-serif; letter-spacing:.03em; color:var(--accent); margin-right:9px; white-space:nowrap;} .rt-listwrap{max-width:1080px; margin:0 auto; padding:0 32px 90px;} .rt-list{border-top:1px solid var(--border);} .rt-row{position:relative; display:grid; grid-template-columns:120px 1fr 92px 112px; gap:18px; align-items:center; padding:18px 16px; border-bottom:1px solid var(--border); text-decoration:none; transition:background .14s;} .rt-row:hover{background:var(--surface);} .rt-rowbar{position:absolute; left:0; top:14%; bottom:14%; width:3px; border-radius:2px; background:var(--meat); transform:scaleY(0); transform-origin:center; transition:transform .18s ease;} .rt-row:hover .rt-rowbar{transform:scaleY(1);} .rt-row .date{font:500 13px 'Zilla Slab',sans-serif; color:var(--muted);} .rt-row .ttl{font:600 17px 'Zilla Slab',serif; color:var(--ink);} .rt-row .place{display:block; font:400 13px 'Source Serif 4',serif; color:var(--muted); margin-top:2px;} .rt-row .dur{font:500 13px 'Zilla Slab',sans-serif; color:var(--faint);} .rt-badge{justify-self:start; font:600 10px 'Zilla Slab',sans-serif; letter-spacing:.1em; text-transform:uppercase; border-radius:6px; padding:4px 9px; white-space:nowrap;} .rt-badge.qa{color:var(--oxblood); border:1px solid color-mix(in srgb,var(--oxblood) 40%,transparent);} .rt-badge.workshops{color:var(--clay); border:1px solid color-mix(in srgb,var(--clay) 40%,transparent);} .rt-badge.interviews{color:var(--plum); border:1px solid color-mix(in srgb,var(--plum) 45%,transparent);} .rt-badge.videos,.rt-badge.books,.rt-badge.newsletters,.rt-badge.misc{ color:var(--faint); border:1px solid color-mix(in srgb,var(--faint) 40%,transparent);} .rt-excerpt{grid-column:1 / -1; font:400 13.5px/1.55 'Source Serif 4',serif; color:var(--muted); margin-top:2px;} .rt-excerpt mark{background:var(--hoverWash); color:var(--ink); padding:0 2px; border-radius:3px;} .rt-empty{text-align:center; padding:54px 20px; font:400 16px 'Source Serif 4',serif; color:var(--muted);} .rt-empty .sub{color:var(--faint);} @media (max-width:700px){ .rt-ahead-in,.rt-search-head,.rt-listwrap{padding-left:20px; padding-right:20px;} .rt-search-top{flex-direction:column; align-items:flex-start; gap:6px;} .rt-search-top .meta{font-size:12px;} .rt-row{grid-template-columns:1fr auto; gap:4px 14px;} .rt-row .date{grid-column:1; grid-row:1; order:0;} .rt-row .dur{grid-column:2; grid-row:1; text-align:right;} .rt-row .titlecell{grid-column:1 / -1; grid-row:2;} .rt-row .rt-badge{grid-column:1 / -1; grid-row:3; margin-top:4px;} } /* ── Recording page (the heart) ───────────────────────────────────────── */ .rt-rec{position:relative; height:100vh; height:100dvh; display:flex; flex-direction:column; background:var(--bg); color:var(--body); overflow:hidden;} .rt-rhead{flex:none; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:calc(14px + env(safe-area-inset-top)) 26px 14px; border-bottom:1px solid var(--border);} .rt-rback{font:600 11px 'Zilla Slab',serif; text-transform:uppercase; letter-spacing:.09em; color:var(--accent); text-decoration:none; white-space:nowrap;} .rt-rtitle{font:500 13px 'Zilla Slab',serif; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; min-width:0; text-align:center;} .rt-scroll{flex:1; min-height:0; overflow-y:auto; position:relative; scrollbar-width:none; -ms-overflow-style:none;} .rt-scroll::-webkit-scrollbar{width:0; height:0;} /* custom scrollbar: always-visible thumb that brightens & widens on hover/drag, plus a small tick marking the now-playing position within the whole recording */ .rt-sb{position:absolute; right:6px; width:14px; z-index:6;} .rt-sb-thumb{position:absolute; right:3px; width:8px; min-height:32px; border-radius:6px; background:var(--faint); cursor:grab; touch-action:none; transition:width .12s ease,right .12s ease,background .15s ease;} .rt-sb:hover .rt-sb-thumb{width:11px; right:1px; background:var(--muted);} .rt-sb.dragging .rt-sb-thumb{width:11px; right:1px; background:var(--accent); cursor:grabbing;} .rt-sb-active{position:absolute; right:0; width:14px; height:3px; border-radius:2px; background:var(--line); box-shadow:0 0 7px var(--lineGlow); opacity:.85; pointer-events:none; z-index:2;} .rt-sb-hit{position:absolute; right:0; width:14px; height:2px; border-radius:1px; background:var(--accent); opacity:.5; pointer-events:none;} @media (max-width:640px),(pointer:coarse){ .rt-sb{display:none;} } .rt-wrap{max-width:720px; margin:0 auto; padding:60px 40px 170px; position:relative; font:400 19px/1.85 'Source Serif 4',Georgia,serif; color:var(--body);} .rt-rtop h1{font:600 30px/1.14 'Zilla Slab',serif; color:var(--ink); margin:0; letter-spacing:-.004em;} .rt-rmeta{font:400 13px/1.5 'Source Serif 4',serif; color:var(--muted); margin-top:9px;} .rt-rec .rt-rmeta{padding-bottom:26px; border-bottom:1px solid var(--border);} .rt-ext{color:var(--accent); text-decoration:none;} .rt-transcript{margin-top:32px;} .rt-para{margin:0 0 26px;} .rt-para p{margin:0;} .rt-para.other p{font-style:italic; color:var(--muted);} .rt-splabel{font:600 8.5px/1 'Zilla Slab',sans-serif; letter-spacing:.2em; text-transform:uppercase; margin-bottom:6px;} .rt-splabel.aaj{color:var(--plum);} .rt-splabel.other{color:var(--label);} /* quiet provenance line at the foot of the transcript */ .rt-colophon{margin-top:60px; padding-top:20px; border-top:1px solid var(--border); font:400 12.5px/1.7 'Zilla Slab',serif; color:var(--faint); letter-spacing:.01em;} .rt-prose-wrap .rt-colophon{margin-top:44px;} /* sentences: hover/seek unit. The fill extends ~half a word-space each side (padding .12em + compensating −.12em margin) so the text never shifts. */ .rt-s{border-radius:6px; padding:calc((1lh - 1.375em)/2) .12em; margin:0 -.12em; cursor:pointer; transition:background .14s,color .14s; -webkit-box-decoration-break:clone; box-decoration-break:clone;} /* hover cue: rounded outline, no fill — wrapped in (hover:hover) so it never sticks after a tap on touch */ @media (hover: hover){ .rt-s:hover{outline:1.5px solid var(--hoverBorder); outline-offset:-1px;} } /* search-term highlighting from ?q= — persistent fill, toggled by the pill */ .rt-hl{background:var(--hoverWash); color:var(--hoverInk); border-radius:3px; box-shadow:0 0 0 1px color-mix(in srgb,var(--hoverBorder) 50%,transparent);} .rt-wrap.hl-off .rt-hl{background:transparent; color:inherit; box-shadow:none;} .rt-hltoggle{position:absolute; top:calc(58px + env(safe-area-inset-top,0px)); right:18px; z-index:7; display:inline-flex; align-items:center; gap:9px; cursor:pointer; background:var(--surface); border:1px solid var(--border); border-radius:999px; padding:6px 7px 6px 14px; font:500 12px 'Zilla Slab',serif; color:var(--muted); box-shadow:0 8px 20px -8px rgba(0,0,0,.32);} .rt-hltoggle b{color:var(--accent); font-weight:700;} .rt-hltoggle > span{background:var(--accent); color:var(--accentInk); border-radius:999px; padding:3px 11px; font-weight:600; font-size:11px;} /* now-playing rule: glides to the active paragraph's top/height */ .rt-line{position:absolute; left:16px; width:3px; border-radius:3px; background:var(--line); box-shadow:0 0 14px var(--lineGlow); top:0; height:0; opacity:0; transition:top .5s cubic-bezier(.45,.05,.2,1),height .5s cubic-bezier(.45,.05,.2,1),opacity .3s;} .rt-jump{position:absolute; left:50%; bottom:120px; transform:translateX(-50%) translateY(6px); opacity:0; pointer-events:none; transition:opacity .25s,transform .25s; background:var(--accent); color:var(--accentInk); font:600 11px 'Zilla Slab',sans-serif; letter-spacing:.06em; border:none; border-radius:999px; padding:9px 16px; cursor:pointer; box-shadow:0 10px 26px -8px rgba(0,0,0,.45); z-index:6; white-space:nowrap;} .rt-player{flex:none; border-top:1px solid var(--border); background:var(--surface); padding:13px 26px calc(16px + env(safe-area-inset-bottom));} .rt-player-in{max-width:760px; margin:0 auto;} .rt-prow{display:flex; align-items:center; gap:13px; margin-bottom:11px;} .rt-time{font:500 12px 'Zilla Slab',serif; color:var(--muted); min-width:38px;} .rt-dur{color:var(--faint); text-align:right;} .rt-prog{flex:1; position:relative; height:5px; border-radius:3px; background:var(--border); cursor:pointer;} .rt-fill{position:absolute; left:0; top:0; width:0%; height:5px; border-radius:3px; background:var(--accent);} .rt-knob{position:absolute; left:0%; top:50%; width:14px; height:14px; border-radius:50%; background:var(--accent); border:2px solid var(--surface); transform:translate(-50%,-50%);} .rt-controls{display:grid; grid-template-columns:1fr auto 1fr; align-items:center;} .rt-speed-wrap{justify-self:start;} .rt-speed{font:600 13px 'Zilla Slab',serif; color:var(--muted); border:1px solid var(--border); border-radius:8px; padding:6px 11px; cursor:pointer; user-select:none; min-width:46px; display:inline-block; text-align:center;} .rt-center{display:flex; align-items:center; gap:26px;} .rt-skip{width:38px; height:38px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--accent);} .rt-play{width:54px; height:54px; border-radius:50%; background:var(--accent); display:flex; align-items:center; justify-content:center; color:var(--accentInk); cursor:pointer; box-shadow:0 6px 16px -6px var(--lineGlow);} .rt-play svg,.rt-skip svg{display:block;} @media (max-width:640px){ .rt-wrap{padding:40px 22px 160px; font-size:18px;} .rt-rhead{padding:12px 16px;} .rt-rtitle{font-size:12px;} .rt-line{left:6px;} .rt-player{padding:11px 16px calc(14px + env(safe-area-inset-bottom));} .rt-center{gap:18px;} } /* ── Prose reader (untimed text docs) ─────────────────────────────────── */ .rt-prose-wrap{max-width:720px; margin:0 auto; padding:40px 32px 90px;} .rt-prose-wrap h1{font:600 32px/1.14 'Zilla Slab',serif; color:var(--ink); margin:0; letter-spacing:-.004em;} .rt-prose-wrap .rt-rmeta{padding-bottom:24px; border-bottom:1px solid var(--border); margin-bottom:28px;} .prose{font:400 19px/1.75 'Source Serif 4',Georgia,serif; color:var(--body);} .prose p{margin:0 0 1.15em;} .prose h2,.prose h3,.prose h4{font-family:'Zilla Slab',serif; color:var(--ink); line-height:1.25; margin:1.6em 0 .5em; font-weight:600;} .prose h2{font-size:1.4em;} .prose h3{font-size:1.18em;} .prose h4{font-size:1.04em;} .prose a{color:var(--accent);} .prose .note{color:var(--muted); font-style:italic;} .prose .ext{display:inline-block; margin-bottom:18px; color:var(--accent); text-decoration:none; font:500 14px 'Zilla Slab',serif;} .prose .rt-fig{margin:30px 0; text-align:center;} .prose .rt-fig img{max-width:100%; height:auto; border-radius:10px; border:1px solid var(--border); box-shadow:0 8px 26px -12px rgba(33,27,19,.42);} .prose img{max-width:100%; height:auto; border-radius:8px;} @media (max-width:640px){ .rt-prose-wrap{padding:28px 20px 70px;} .prose{font-size:18px;} }