/* realnameof.com blog additions — separate file, not merged into theme */
:root{--ink:#0D0A18;--panel:#191330;--panel2:#221A40;--line:#2D2550;--txt:#F4F1FF;--mut:#A99FCC;--gold:#FFD23F;--pink:#FF5FA2;--violet:#7B5CFF;--mint:#7BF1C8;--hd:'Archivo Black',sans-serif}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#2a1650,transparent),var(--ink);color:var(--txt);font:16px/1.65 Inter,sans-serif}
a{color:var(--gold)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.rn-adbar{display:flex;justify-content:center;padding:12px 0;background:#120d24}
.rn-adbar img{width:728px;height:90px;border-radius:8px}
.ad-m{display:none;justify-content:center;margin:12px 0}.ad-m img{width:320px;height:50px;border-radius:6px}
.rn-hdr{border-bottom:1px solid var(--line)}
.rn-hin{display:flex;align-items:center;gap:28px;height:68px}
.rn-logo{font:24px var(--hd);color:var(--txt);text-decoration:none}
.rn-logo .tag{background:var(--gold);color:var(--ink);padding:0 8px;border-radius:8px;transform:rotate(-3deg);display:inline-block;box-shadow:3px 3px 0 var(--pink)}
.rn-logo .of{color:var(--pink)}
.rn-nav{display:flex;gap:20px}.rn-nav a{color:var(--txt);text-decoration:none;font-weight:600;font-size:14px}
.rn-nav a.on{color:var(--gold)}
.example{display:inline-block;background:repeating-linear-gradient(45deg,#3a2f12,#3a2f12 6px,#2d2410 6px,#2d2410 12px);color:var(--gold);border:1px dashed var(--gold);font:700 11px Inter;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:6px}
.tag-sec{display:inline-block;font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#fff}
.tag-news{background:var(--pink)}.tag-hist{background:var(--violet)}
.mono{display:grid;place-items:center;font:var(--hd);font-family:var(--hd);color:var(--ink);border-radius:14px}
.mono.news{background:linear-gradient(135deg,var(--pink),#ff9a5f)}.mono.hist{background:linear-gradient(135deg,var(--violet),var(--mint))}
/* index */
.blog-hero h1{font:44px/1.1 var(--hd);margin:32px 0 8px}.blog-hero p{color:var(--mut);margin:0 0 20px}
.blog-tabs{display:flex;gap:10px;margin:0 0 24px}
.blog-tabs a{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--txt);text-decoration:none;font-weight:700;font-size:14px}
.blog-tabs a.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.blog-tabs a.n::before,.blog-tabs a.h::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
.blog-tabs a.n::before{background:var(--pink)}.blog-tabs a.h::before{background:var(--violet)}
.featured{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:36px;text-decoration:none;color:var(--txt)}
.featured .mono{border-radius:0;min-height:300px;font-size:96px}
.featured .fb{padding:30px}.featured h2{font:30px/1.15 var(--hd);margin:12px 0}.featured p{color:var(--mut)}
.row-h{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 14px}
.row-h h2{font:24px var(--hd);margin:0}.row-h a{font-weight:700;font-size:14px;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:36px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--txt);display:flex;flex-direction:column}
.card .mono{border-radius:0;height:150px;font-size:52px}
.card .cb{padding:16px 18px}.card h3{font:18px/1.25 var(--hd);margin:10px 0 6px}.card p{color:var(--mut);font-size:14px;margin:0}
.card.news{border-top:3px solid var(--pink)}.card.hist{border-top:3px solid var(--violet)}
.meta{color:var(--mut);font-size:13px}
/* post */
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:28px}
.crumb{font-size:13px;color:var(--mut)}.crumb a{color:var(--mut)}
.post h1{font:40px/1.12 var(--hd);margin:12px 0}
.post .dek{font-size:19px;color:var(--mut);margin:0 0 18px}
.post-hero{height:260px;font-size:110px;margin:20px 0}
.post-body p{font-size:17px}
.post-body h2{font:24px var(--hd);margin:30px 0 8px}
a.rn-name{color:var(--gold);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(255,210,63,.4)}
a.rn-name:hover{border-color:var(--gold)}
.post-body blockquote{border-left:3px solid var(--pink);background:var(--panel);margin:20px 0;padding:14px 18px;border-radius:10px}
.post.hist .post-body blockquote{border-color:var(--violet)}
.timeline{list-style:none;padding:0;border-left:2px solid var(--violet);margin:18px 0 18px 8px}
.timeline li{position:relative;padding:0 0 14px 22px}.timeline li::before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--violet)}
.timeline b{color:var(--mint);font-family:var(--hd);font-weight:400;margin-right:8px}
.names{margin:34px 0;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.names h3{font:16px var(--hd);margin:0 0 12px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--txt);text-decoration:none;font-weight:700;font-size:14px}
.chip .mono{width:30px;height:30px;border-radius:50%;font-size:12px;background:var(--gold)}
.chip small{color:var(--mut);font-weight:500}
.side{display:flex;flex-direction:column;gap:20px}
.rn-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--mint);border-radius:16px;padding:20px}
.rn-card .lbl{font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.rn-card .mono{width:64px;height:64px;font-size:26px;margin:12px 0;background:var(--gold)}
.rn-card .k{font:20px var(--hd)}.rn-card .rn{border-left:3px solid var(--gold);padding-left:10px;margin:10px 0;color:var(--gold);font-weight:700}
.rn-card .bio-link{display:inline-block;margin-top:6px;background:var(--gold);color:var(--ink);font-weight:800;padding:8px 14px;border-radius:999px;text-decoration:none;box-shadow:3px 3px 0 var(--pink)}
.side .sticky{position:sticky;top:20px}.side img{width:300px;height:600px;border-radius:10px;display:block}
.rn-foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;color:var(--mut);font-size:13px}
@media(max-width:900px){.post-grid{grid-template-columns:1fr}.side .sticky{display:none}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .rn-adbar{display:none}.ad-m{display:flex}.wrap{padding:0 16px}.rn-hin{gap:14px}
 .blog-hero h1{font-size:32px}.featured{grid-template-columns:1fr}.featured .mono{min-height:170px;font-size:64px}.featured h2{font-size:23px}
 .cards{grid-template-columns:1fr}.post h1{font-size:28px}.post-hero{height:170px;font-size:70px}
 .blog-tabs{overflow-x:auto}}

/* ===== .rn-book — Amazon book box ===== */
.rn-book{margin:30px 0;padding:20px;background:var(--panel);border:2px solid var(--gold);border-radius:18px;box-shadow:5px 5px 0 rgba(255,95,162,.35)}
.rn-book-h{display:flex;align-items:center;gap:10px;font:18px var(--hd);margin:0 0 16px}
.rn-book-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.rn-book-item{display:flex;gap:14px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:14px}
.rn-book-cover{flex:0 0 78px;height:112px;border-radius:4px 8px 8px 4px;display:flex;align-items:flex-end;padding:8px;font:11px/1.15 var(--hd);color:#fff;background:linear-gradient(160deg,var(--violet),var(--pink));box-shadow:inset 5px 0 0 rgba(0,0,0,.25),0 4px 10px rgba(0,0,0,.4)}
.rn-book-cover.c2{background:linear-gradient(160deg,var(--pink),var(--gold));color:var(--ink)}
.rn-book-cover.c3{background:linear-gradient(160deg,#2a7c6a,var(--mint));color:var(--ink)}
.rn-book-info{display:flex;flex-direction:column;min-width:0}
.rn-book-title{font:15px/1.25 var(--hd);margin:0}
.rn-book-author{color:var(--mut);font-size:13px;margin:2px 0 6px}
.rn-book-note{font-size:13px;margin:0 0 10px}
.rn-book-btn{margin-top:auto;align-self:flex-start;background:var(--gold);color:var(--ink);font:800 13px Inter,sans-serif;padding:7px 13px;border-radius:999px;text-decoration:none;box-shadow:2px 2px 0 var(--pink);white-space:nowrap}
.rn-book-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--pink)}
.rn-book-disc{margin:14px 0 0;color:var(--mut);font-size:12px}
@media(max-width:760px){.rn-book{padding:16px}.rn-book-list{grid-template-columns:1fr}}
@media(min-width:761px){.rn-book-list:has(>:nth-child(3)) .rn-book-item{flex-direction:column}.rn-book-list:has(>:nth-child(3)) .rn-book-cover{flex:0 0 auto;width:78px}}
.rn-book-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.rn-book-btns .rn-book-btn{margin-top:0}
a.rn-book-btn.rn-audible{background:transparent;color:var(--mint);border:1.5px solid var(--mint);box-shadow:none;padding:5.5px 12px}
a.rn-book-btn.rn-audible:hover{background:rgba(123,241,200,.12);box-shadow:none}

/* Article images: centered with centered captions (default for all posts) */
.post-body figure{margin:24px auto;text-align:center;max-width:100%}
.post-body figure img{display:block;margin:0 auto;max-width:100%;height:auto}
.post-body figure figcaption{text-align:center;margin-top:8px;font-size:.85em;opacity:.8}
.post-body figure.inset{max-width:300px}
@media (max-width:720px){.post-body figure.inset{max-width:100%}}
.post-thumb figcaption{text-align:center}