/* Content cards use shared READMADE tokens; the original hero is unchanged. */
.rm-community-picks,.rm-community-writing { font-family:var(--font-ui); color:var(--rm-ink); }
.rm-community-picks { padding-top:40px; padding-bottom:28px; }
.rm-community-section-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:22px; }
.rm-community-section-head h2 { font:750 clamp(1.4rem,2.3vw,1.85rem)/1.4 var(--font-ui); margin:0; letter-spacing:-.04em; }
.rm-community-text-link { display:inline-flex; align-items:center; gap:20px; color:var(--rm-ink); text-decoration:none; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((.9rem) * var(--rm-ui-type-scale, 1.2))), 1px); padding:8px 0; border-bottom:1px solid var(--rm-line); }
.rm-community-editorial-deck { position:relative; isolation:isolate; overflow:hidden; padding:142px 26px 30px; border:1px solid var(--rm-line); border-radius:var(--radius); background:var(--rm-warm); }
.rm-community-editorial-art { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.rm-community-editorial-art img { width:100%; height:100%; object-fit:cover; object-position:center 35%; display:block; }
.rm-community-editorial-art::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 20%,color-mix(in srgb,var(--rm-paper) 25%,transparent) 100%); }
[data-theme="dark"] .rm-community-editorial-art::after { background:rgba(15,13,22,.24); }
.rm-community-editorial-art svg { position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.rm-editorial-line { fill:none; stroke:var(--rm-purple); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:0; opacity:.65; }
.rm-editorial-line:nth-child(2) { stroke:var(--rm-aqua); }
.rm-editorial-line:nth-child(3) { stroke:var(--rm-ink); }
.rm-community-pick-grid { display:grid; grid-template-columns:1.18fr 1fr 1fr; gap:18px; position:relative; }
.rm-community-pick { display:flex; flex-direction:column; align-items:flex-start; min-width:0; min-height:248px; padding:24px; border:1px solid color-mix(in srgb,var(--rm-ink) 16%,var(--rm-line)); border-radius:var(--radius); background:color-mix(in srgb,var(--rm-paper) 96%,transparent); color:var(--rm-ink); text-decoration:none; box-shadow:var(--rm-card-shadow); transition:transform .2s,border-color .2s; overflow-wrap:anywhere; }
.rm-community-pick:first-child { border-top:4px solid var(--rm-purple); }
.rm-community-pick-academy { border-top:4px solid var(--rm-aqua); }
.rm-community-pick-notice { border-top:4px solid var(--rm-yellow); }
.rm-community-pick-category { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:.9rem; font-weight:750; margin-bottom:18px; }
.rm-community-pick-category small { font-weight:450; font-size:.8rem; color:var(--rm-ink-soft); }
.rm-community-pick h3 { font-family:var(--font-ui); font-size:clamp(1.15rem,1.7vw,1.45rem); line-height:1.45; font-weight:750; margin:0 0 16px; letter-spacing:-.035em; word-break:keep-all; }
.rm-community-pick:first-child h3 { font-size:clamp(1.25rem,2vw,1.7rem); }
.rm-community-pick p { font-size:.9rem; line-height:1.7; color:var(--rm-ink-soft); margin:0 0 26px; }
.rm-community-pick-author { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin-top:auto; font-size:.8rem; color:var(--rm-ink-soft); }
.rm-community-pick:hover { transform:translateY(-3px); border-color:var(--rm-purple); }
.rm-community-page #talk { padding-top:36px; padding-bottom:48px; }
.rm-community-page .rm-community-layout { display:block; }
.rm-community-page .rm-community-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.rm-community-page .rm-community-post { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:start; gap:14px; min-width:0; margin:0; padding:24px; border:1.5px solid color-mix(in srgb,var(--rm-ink) 20%,var(--rm-line)); border-radius:var(--radius); background:var(--rm-paper); box-shadow:var(--rm-card-shadow); scroll-margin-top:105px; transition:border-color .2s; }
.rm-community-page .rm-community-post:hover { border-color:var(--rm-purple); }
.rm-community-page .rm-post-mark { width:28px; height:28px; font:700 1rem/1 var(--font-ui); }
.rm-community-page .rm-post-body { min-width:0; }
.rm-community-page .rm-post-body h3 { font-family:var(--font-ui); margin:0 0 10px; font-size:1.1rem; line-height:1.5; font-weight:750; }
.rm-community-page .rm-post-excerpt { line-height:1.7; }

.rm-community-page .rm-post-actions { align-self:start; }
.rm-community-picks [hidden],#talk [hidden] { display:none !important; }
.rm-community-writing { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--rm-line); padding-top:36px; }
.rm-community-writing h2 { font-family:var(--font-ui); margin:0 0 12px; font-size:1.5rem; }
.rm-community-writing p:not(.rm-community-eyebrow) { color:var(--rm-ink-soft); line-height:1.7; }
.rm-community-eyebrow { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((.8rem) * var(--rm-ui-type-scale, 1.2))), 1px); letter-spacing:.06em; font-weight:700; color:var(--rm-ink-soft); margin:0 0 12px; }
.rm-community-picks a:focus-visible,#talk button:focus-visible,#talk summary:focus-visible { outline:3px solid var(--rm-purple); outline-offset:5px; }
.rm-community-picks.is-visible .rm-editorial-line { animation:rm-editorial-ink 2.7s ease-out both; }
.rm-community-picks.is-visible .rm-editorial-line:nth-child(2) { animation-delay:.2s; }
.rm-community-picks.is-visible .rm-editorial-line:nth-child(3) { animation-delay:.4s; }
@keyframes rm-editorial-ink { from { stroke-dashoffset:1; opacity:0; } to { stroke-dashoffset:0; opacity:.65; } }
@media(max-width:850px) {
 .rm-community-pick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .rm-community-pick:first-child { grid-column:1 / -1; min-height:180px; }
 .rm-community-editorial-deck { padding:120px 20px 24px; }
}
@media(max-width:540px) {
 .rm-community-picks { padding-top:30px; }
 .rm-community-editorial-deck { padding:100px 14px 18px; }
 .rm-community-editorial-art img { object-position:65% center; }
 .rm-community-pick-grid { grid-template-columns:1fr; gap:14px; }
 .rm-community-pick { min-height:0; padding:22px 18px; }
 .rm-community-pick:first-child { min-height:0; }
 .rm-community-page .rm-community-feed { grid-template-columns:1fr; }
 .rm-community-page .rm-community-post { grid-template-columns:24px minmax(0,1fr); padding:20px 16px; gap:12px; }
 .rm-community-page .rm-post-actions { grid-column:2; justify-self:end; }
 .rm-community-writing { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { .rm-community-picks.is-visible .rm-editorial-line { animation:none; }.rm-community-pick,.rm-community-page .rm-community-post { transition:none; }.rm-community-pick:hover { transform:none; } }

/* One reader keeps the feed at its original height. Native dialog manages focus. */
html.rm-community-reading { overflow:hidden; scrollbar-gutter:stable; }
.rm-community-read { display:inline-flex; align-items:center; gap:20px; border:0; border-bottom:1px solid var(--rm-line); padding:9px 0; background:none; color:var(--rm-purple); font:650 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); cursor:pointer; }
.rm-community-reader { box-sizing:border-box; width:min(760px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--rm-line); border-radius:16px; background:var(--rm-paper); color:var(--rm-ink); box-shadow:0 24px 90px #0004; overflow:hidden; }
.rm-community-reader[open] { display:flex; flex-direction:column; }
.rm-community-reader::backdrop { background:rgba(14,12,23,.62); backdrop-filter:blur(5px); }
.rm-community-reader-bar { display:flex; flex:none; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--rm-line); padding:14px 24px; font:600 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); }
.rm-community-reader-bar>span { color:var(--rm-ink-soft); }
.rm-community-reader-bar button { border:1px solid var(--rm-line); border-radius:30px; padding:8px 14px; background:var(--rm-paper); color:var(--rm-ink); font:600 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); cursor:pointer; }
.rm-community-reader-bar button span { margin-left:8px; }
.rm-community-reader-scroll { overflow-y:auto; overscroll-behavior:contain; padding:32px 44px 44px; }
.rm-community-reader header { margin-bottom:28px; padding-bottom:26px; border-bottom:1px solid var(--rm-line); }
.rm-community-reader header p { margin:0 0 12px; font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.7 var(--font-ui); color:var(--rm-ink-soft); }
.rm-community-reader h2 { margin:0; font:750 28px/1.5 var(--font-ui); letter-spacing:-1px; overflow-wrap:anywhere; }
.rm-community-reader .rm-prose { font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((17px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.95 var(--font-ui); color:var(--rm-ink); overflow-wrap:anywhere; }
.rm-community-reader .rm-prose p { margin:0 0 24px; }
.rm-community-reader button:focus-visible { outline:3px solid var(--rm-purple); outline-offset:3px; }
@media(max-width:540px) { .rm-community-reader { width:calc(100% - 20px); max-height:calc(100dvh - 24px); border-radius:12px; }.rm-community-reader-bar { padding:12px 18px; }.rm-community-reader-scroll { padding:24px 22px 30px; }.rm-community-reader h2 { font-size:23px; }.rm-community-reader .rm-prose { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((16px) * var(--rm-ui-type-scale, 1.2))), 1px); } }