/* The journal: ink, lantern light, and illustrated stories. */
.blog-page{--paper:#09131e;--panel:#101f2d;--text:#f6f1e7;--sub:#b4c1cd;--edge:#ffffff24;--accent:#e8c48a;--wash:#182b3b;--gold:#cda36b;color-scheme:dark;background:linear-gradient(115deg,#08121ef2,#08121ef7 65%),url('/images/blog/dnd-encounter-design.webp') center/cover fixed;color:var(--text);min-height:100svh;font-size:15px;line-height:1.65}
.blog-shell{display:grid;grid-template-columns:235px minmax(0,1fr);column-gap:28px;width:min(1580px,calc(100% - 48px));margin:auto}
.blog-page .site-header{grid-column:1/-1;border-bottom:1px solid var(--edge);min-height:94px;padding:20px 0;gap:28px}
.blog-page .brand__name{font-size:32px;color:var(--text)}
.blog-page .brand .mark,.blog-page .d20{color:var(--accent)}
.blog-page .brand-note{color:var(--sub);border-color:var(--edge);font-size:8px}
.blog-page .site-nav{gap:28px}
.blog-page .site-nav a,.blog-page .site-nav button{color:var(--text);font-size:11px;min-height:44px}
.blog-page .site-nav a:hover,.blog-page .site-nav button:hover{color:var(--accent)}
.blog-page .site-nav .nav-blog{display:inline-flex;align-items:center;padding:8px 18px;border:1px solid #d7b27978;border-radius:7px;background:#c59a5315}
.blog-page .site-nav .nav-home{display:inline-flex;align-items:center;justify-content:center;min-width:44px}
.blog-main{grid-column:2;min-width:0;display:block;width:100%;flex:none}
.blog-page h1,.blog-page h1 em{margin:0;text-transform:none;text-shadow:none;letter-spacing:-.035em;font-family:var(--serif);font-weight:600}
.blog-page h1{font-size:clamp(47px,4.4vw,65px);line-height:1.02;text-wrap:pretty}
.blog-page h1 em{display:inline;font-size:inherit;line-height:inherit;font-style:italic;color:var(--accent)}
.blog-page h2,.blog-page h3{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;text-wrap:pretty}
.blog-page h2{font-size:clamp(33px,3vw,43px);line-height:1.1;margin:0}
.blog-page p{margin:0}
.journal-kicker{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.journal-sidebar{grid-column:1;grid-row:2/5;min-width:0;border-right:1px solid var(--edge);padding:24px 20px 0 0;align-self:start;position:sticky;top:0}
.journal-sidebar summary{display:none}
.journal-sidebar__inner>.journal-kicker{font-size:9px;margin:29px 0 12px 12px}
.sidebar-latest{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid transparent;padding:10px 13px;border-radius:7px;font-size:13px}
.sidebar-latest .icon{width:19px;height:19px;color:var(--accent)}
.sidebar-latest[aria-current]{border-color:#cfaa6d7a;background:linear-gradient(115deg,#ac7b3d45,#9b783120);box-shadow:inset 0 1px #f9d79a25;color:#fff5e3}
.journal-sidebar nav{display:grid;gap:4px}
.journal-sidebar nav a{display:flex;gap:11px;align-items:baseline;min-height:48px;padding:12px 10px;font-size:12px;line-height:1.65;color:var(--sub);border:1px solid transparent;border-radius:6px}
.sidebar-spark{font-size:20px;line-height:1;color:var(--gold);flex:none}
.journal-sidebar nav a:hover,.journal-sidebar nav a[aria-current]{color:var(--text);background:#b6d9f20b;border-color:var(--edge)}
.journal-sidebar nav a[aria-current]{border-left-color:var(--gold)}
.sidebar-quote{padding:65px 12px 28px;margin-top:25px;background:linear-gradient(0deg,#0a1421aa,#0a1421ff),url('/images/blog/dnd-encounter-design.webp') 58% center/cover;border-radius:6px;text-align:center}
.sidebar-quote p{font:italic 23px/1.25 var(--serif);color:#cfbd9c}
.sidebar-quote>span{display:block;color:var(--gold);margin-top:20px}
.journal-intro{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:30px;padding:28px 0 24px}
.journal-intro .journal-kicker{margin-bottom:13px}
.journal-text-link,.read-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;font-size:12px;font-weight:600;color:var(--accent)}
.journal-text-link{background:none;padding:0}
.journal-text-link .icon,.read-link .icon{width:20px;height:20px}
.journal-badges{padding:0;min-width:0}
.badge-group-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--sub);margin-bottom:9px!important}
.badge-row{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.compact-badge{display:flex;align-items:center;gap:7px;width:132px;min-height:44px;padding:7px 9px;border:1px solid #8cbed66b;background:linear-gradient(140deg,#233f53,#102637);box-shadow:inset 0 1px #ffffff15,0 3px 8px #0003;border-radius:8px;color:#c6e8fa}
.compact-badge>svg{width:20px;height:20px;flex:none}
.compact-badge>span{min-width:0;flex:1}
.compact-badge strong{display:block;font-size:11px;line-height:1.5;font-weight:600;white-space:nowrap}
.compact-badge>.icon{width:10px;height:10px}
.compact-badge:hover{transform:translateY(-2px);border-color:#c1e6fa}
.journal-badges hr{height:1px;border:0;background:var(--edge);margin:11px 0}
.badge-games{display:flex;align-items:center;gap:12px}
.badge-games>.badge-group-label{margin:0!important}
.badge-row--games .compact-badge{background:linear-gradient(140deg,#4a3823,#2c251d);border-color:#d6af6d85;color:#f4d6a3}
.journal-articles{scroll-margin-top:24px}
.journal-grid{display:grid;gap:18px}
.featured-post,.journal-card{--category:#e1bc7a;min-width:0;border:1px solid color-mix(in srgb,var(--category),transparent 50%);border-radius:10px;overflow:hidden;background:#09121b;box-shadow:0 8px 30px #0002}
.featured-post{margin-bottom:18px}
[data-category=characters]{--category:#74d1bb}
[data-category=at-the-table]{--category:#bba1e2}
[data-category=getting-started]{--category:#e9c582}
.journal-card__link{position:relative;display:flex;align-items:center;min-height:320px;padding:28px 30px;isolation:isolate}
.featured-post .journal-card__link{min-height:345px}
.journal-card__image{position:absolute;inset:0;z-index:-2;overflow:hidden}
.journal-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .65s}
.journal-card__link:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030a11f5 0%,#030a11e8 28%,#030a11b5 48%,#030a1115 76%),linear-gradient(0deg,#02071099,transparent 45%)}
.journal-card__link:hover .journal-card__image img{transform:scale(1.025)}
.journal-card__copy{width:61%;max-width:600px;padding:0 18px 0 0}
.post-meta{display:flex;align-items:center;gap:16px;font-size:10px;line-height:1.4}
.post-meta>span:first-child{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border:1px solid color-mix(in srgb,var(--category),transparent 40%);border-radius:5px;box-shadow:inset 0 0 18px color-mix(in srgb,var(--category),transparent 90%);background:#04101bb3;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--category)}
.post-meta>span:last-child{position:absolute;top:24px;right:26px;color:#f5f0e8;font-size:10px;text-shadow:0 1px 7px #000;background:#050b1388;border-radius:99px;padding:5px 10px}
.journal-card :is(h2,h3),.featured-post :is(h2,h3){font-size:clamp(34px,3vw,46px);line-height:1.02;margin:16px 0 13px;letter-spacing:-.025em}
.journal-card__copy>p{font-size:12px;color:#d1d4d5;line-height:1.8;max-width:465px}
.post-byline{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.5;color:var(--text)}
.post-byline>img{flex:none;border-radius:50%;object-fit:contain;background:#ffffff10;border:1px solid #dfbf8866}
.post-byline button{padding:0;background:none;color:inherit;text-align:left}
.byline-details{display:block;font-size:9px;color:var(--sub);margin-top:3px}
.journal-card .post-byline,.featured-post .post-byline{margin-top:20px}
.journal-card__copy>.read-link{position:absolute;bottom:25px;right:25px;display:grid;place-items:center;width:45px;height:45px;min-height:45px;border:1px solid var(--category);border-radius:50%;color:#fff;background:#05101a99;backdrop-filter:blur(8px)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:26px}
.section-heading .journal-kicker{margin-bottom:12px}
.section-heading>p{font-size:12px;line-height:1.85;max-width:360px;color:var(--sub)}
.journal-author{display:grid;grid-template-columns:90px 1fr;gap:27px;align-items:center;margin:55px 0 45px;padding:28px;background:#152637b0;border:1px solid var(--edge);border-radius:9px}
.journal-author>img{width:100%;height:auto;max-height:110px;object-fit:contain}
.journal-author h2{font-size:34px;margin:8px 0 12px}
.journal-author>div>p:not(.journal-kicker){font-size:12px;color:var(--sub);line-height:1.85;max-width:780px}
.journal-author .journal-text-link{margin-top:7px}
.journal-footer{grid-column:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--edge);padding:22px 0 28px;font-size:10px;color:var(--sub)}
.journal-footer button{background:none;color:var(--text);padding:0;font-size:inherit;border-bottom:1px solid var(--edge)}
.journal-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.journal-footer a{display:inline-flex;align-items:center;gap:6px;min-height:36px}
.journal-footer .icon{width:12px;height:12px}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 33px;font-size:10px;color:var(--sub)}
.article-breadcrumbs a:hover{text-decoration:underline}
.article-header{max-width:900px;margin:0 auto 33px;text-align:center}
.article-header .journal-kicker{margin-bottom:17px}
.blog-page .article-header h1{font-size:clamp(45px,4.6vw,66px);line-height:1.03;letter-spacing:-.035em}
.article-deck{font-size:16px;line-height:1.8;color:var(--sub);max-width:750px;margin:22px auto!important}
.article-header .post-byline{justify-content:center;text-align:left;font-size:12px}
.article-cover{margin:0 0 35px;aspect-ratio:2.15;overflow:hidden;background:var(--wash);border:1px solid #c9ae774d;border-radius:9px;position:relative}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover}
.article-cover figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 16px;background:linear-gradient(transparent,#02080dec);font-size:11px;color:#e3d3bb}
.article-layout{display:grid;grid-template-columns:175px minmax(0,750px);gap:35px;align-items:start;justify-content:center}
.article-sidebar{position:sticky;top:24px;align-self:start}
.article-contents{border-top:1px solid var(--edge);padding-top:15px}
.article-contents summary{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;list-style:none}
.article-contents summary::-webkit-details-marker{display:none}
.article-contents nav{display:flex;flex-direction:column;gap:0;margin-top:13px}
.article-contents a{display:block;padding:8px 0;font-size:11px;line-height:1.65;color:var(--sub)}
.article-contents a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.article-sidebar>.journal-text-link{font-size:10px;margin-top:20px;border-top:1px solid var(--edge);padding-top:17px;gap:10px}
.article-body,.monster-notes{min-width:0;font-size:16px;line-height:1.9;color:#d1d8df}
.article-note{font-size:12px;line-height:1.8;color:var(--sub);padding:0 0 24px;border-bottom:1px solid var(--edge);margin-bottom:32px!important}
.article-body section,.monster-showcase section{scroll-margin-top:28px}
.article-body h2,.monster-notes h2{font-size:33px;line-height:1.15;margin:37px 0 18px;color:var(--text)}
.article-body section:first-of-type h2{margin-top:0}
.article-body p,.monster-notes p{margin:0 0 20px}
.article-body ul,.article-body ol{padding-left:23px;margin:0 0 23px}
.article-body li{padding-left:5px;margin-bottom:9px}
.article-body a{color:var(--accent);text-decoration:underline;text-decoration-color:#e8c48a66;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.article-body a:hover{text-decoration-color:currentColor}
.article-callout{padding:24px;background:#1c2d3a;border-left:3px solid var(--gold);margin:26px 0}
.article-callout>strong{display:block;font:600 25px/1.15 var(--serif);margin-bottom:12px;color:var(--text)}
.article-callout p{font-size:15px;line-height:1.85;margin-bottom:0}
.table-scroll{overflow-x:auto;max-width:100%;margin-bottom:25px;border:1px solid var(--edge);border-radius:6px}
.article-body table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.75}
.article-body th,.article-body td{padding:13px 15px;border-bottom:1px solid var(--edge);text-align:left;vertical-align:top}
.article-body thead{background:var(--wash);color:var(--text)}
.article-body tbody th{color:var(--accent)}
.article-body tbody tr:last-child>*{border-bottom:0}
.article-sources{border-top:1px solid var(--edge);margin-top:42px;padding-top:1px}
.article-sources h2{font-size:29px}
.article-sources ul{list-style:none;padding:0;font-size:12px}
.article-sources a{display:inline-flex;align-items:center;gap:10px}
.article-sources .icon{width:14px;height:14px}
.article-sources>p{font-size:12px;color:var(--sub);line-height:1.8}
.article-signoff{display:flex;gap:18px;margin-top:34px;padding:26px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-size:13px;line-height:1.8}
.article-signoff>img{object-fit:contain;background:var(--wash);border-radius:50%;flex:none}
.article-signoff strong{font-size:14px;color:var(--text)}
.article-signoff p{font-size:12px;line-height:1.85;color:var(--sub);margin:7px 0}
.article-signoff button{display:inline-flex;align-items:center;gap:10px;background:none;padding:0;font-size:12px;color:var(--accent);min-height:40px}
.article-signoff .icon{width:14px;height:14px}
.related-posts{padding:55px 0 45px}
.related-posts .section-heading{align-items:center}
.related-posts .journal-card__link{min-height:290px}
.related-posts .journal-card :is(h2,h3){font-size:34px}
.lost-page{padding:95px 0 130px}
.lost-page h1{margin:20px 0 28px}
.lost-page>p:not(.journal-kicker){color:var(--sub);margin-bottom:20px}
.lost-page>.journal-text-link{margin-right:30px}
.blog-page .about-dialog{color:#fffdf8}
.blog-page .about-dialog p{margin-bottom:15px}
.blog-page .about-dialog .section-kicker{margin-bottom:10px}
.article-body blockquote,.monster-notes blockquote{margin:27px 0;padding:18px 23px;border-left:2px solid var(--gold);font:italic 500 29px/1.4 var(--serif);color:var(--accent)}
.article-body section>h3{font-size:25px;line-height:1.2;margin:29px 0 14px;color:var(--text)}
/* Monster posts share an uncropped illustration and a protruding rules panel. */
.monster-showcase{display:grid;grid-template-columns:1fr 1.1fr;gap:0 30px;margin:0 0 50px;align-items:start}
.monster-showcase .article-cover{grid-column:1/-1;aspect-ratio:auto;margin:0}
.monster-showcase .article-cover img{height:auto;object-fit:contain}
.monster-notes{padding:26px 0 0;font-size:14px}
.monster-notes>.journal-kicker{font-size:9px}
.monster-notes h2{font-size:31px;margin:22px 0 17px}
.monster-rules{position:relative;z-index:1;margin-top:-70px;margin-right:-10px;min-width:0}
.monster-rules>h2{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;padding-left:24px;color:#f3e3c8;text-shadow:0 1px 5px #000}
.stat-block{background:linear-gradient(140deg,#1c2a34,#121e29);color:#d6dce0;border:1px solid #cda36b7a;border-top:3px solid var(--gold);padding:26px;margin:24px 0 34px;border-radius:8px;font-size:14px;line-height:1.8;box-shadow:0 18px 45px #0004}
.monster-rules .stat-block{margin:0}
.stat-block__heading{border-bottom:1px solid #cda36b6b;padding-bottom:15px;margin-bottom:17px}
.stat-block__heading h3{font-size:37px;margin:0 0 5px;line-height:1;color:#f4dfb9}
.stat-block__heading p{font-style:italic;font-size:12px;margin:0;color:var(--sub)}
.stat-basics,.stat-details{margin:0 0 18px}
.stat-basics>div,.stat-details>div{display:flex;gap:9px;align-items:baseline;margin:4px 0}
.stat-block dt{font-weight:600;flex:none;color:#f0dbb6}
.stat-block dd{margin:0}
.stat-abilities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;border-block:1px solid var(--edge);padding:15px 0;margin:18px 0;text-align:center}
.stat-abilities dt{font-size:10px;letter-spacing:.05em;color:var(--accent)}
.stat-abilities dd{font-size:20px;font-weight:600;line-height:1.4}
.stat-abilities dd span{display:block;font-size:11px;font-weight:400;color:var(--sub)}
.stat-details{font-size:12px}
.stat-details>div{display:block}
.stat-details dt,.stat-details dd{display:inline}
.stat-details dt:after{content:' '}
.stat-block h4{font:600 26px/1.2 var(--serif);letter-spacing:-.01em;margin:22px 0 13px;border-bottom:1px solid var(--edge);padding-bottom:9px;color:#f4dfb9}
.stat-block>p{font-size:13px;line-height:1.85;margin-bottom:14px}
.stat-block>p:last-child{margin-bottom:0}
@media(min-width:1800px){.journal-card__link{min-height:350px}}
@media(max-width:1190px){.blog-shell{grid-template-columns:200px minmax(0,1fr);gap:0 22px}.journal-sidebar{padding-right:16px}.journal-sidebar nav a{font-size:11px}.journal-intro{grid-template-columns:1fr 1fr;gap:24px}.journal-intro h1 br{display:inline}.blog-page h1{font-size:52px}.article-layout{grid-template-columns:1fr;gap:25px}.article-sidebar{position:static}.article-contents{padding:16px 20px;background:#132434;border:1px solid var(--edge);border-radius:6px}.article-contents nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.article-sidebar>.journal-text-link{display:none}.monster-showcase{gap:0 22px;grid-template-columns:1fr 1.2fr}.monster-rules{margin-right:0}.monster-notes{font-size:13px}.monster-notes h2{font-size:29px}.monster-rules .stat-block{padding:22px 18px}.monster-rules .stat-block>p{font-size:12px}}
@media(max-width:900px){.blog-shell{grid-template-columns:1fr;width:calc(100% - 36px);gap:0}.blog-page .brand-note{display:none}.blog-page .site-header{min-height:82px;padding:16px 0}.journal-sidebar{grid-column:1;grid-row:auto;position:static;border:0;padding:0;margin:18px 0 0}.journal-sidebar summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:46px;font-size:12px;border:1px solid var(--edge);border-radius:7px;cursor:pointer;background:#142537}.journal-sidebar summary>span{font-size:19px;color:var(--accent)}.journal-sidebar details[open] summary>span{transform:rotate(45deg)}.journal-sidebar__inner{padding:14px;border:1px solid var(--edge);border-top:0;border-radius:0 0 7px 7px;background:#0d1c2a}.journal-sidebar nav{grid-template-columns:1fr 1fr;gap:4px 15px}.journal-sidebar__inner>.journal-kicker{margin-top:20px}.sidebar-quote{display:none}.blog-main,.journal-footer{grid-column:1}.journal-intro{grid-template-columns:1fr 1fr;gap:24px;padding-top:24px}.journal-intro h1 br{display:block}.blog-page h1{font-size:51px}.journal-card__copy{width:65%}.journal-card :is(h2,h3),.featured-post :is(h2,h3){font-size:39px}.blog-page .article-header h1{font-size:53px}.article-layout{display:block}.article-sidebar{margin-bottom:27px}.article-contents summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:28px}.article-contents summary:after{content:'+';font-size:20px}.article-contents[open] summary:after{content:'−'}.article-contents nav{display:block}.article-cover{aspect-ratio:16/9}.monster-showcase{grid-template-columns:1fr 1.1fr}.monster-rules{margin-top:-60px}.monster-notes{font-size:14px}.monster-rules .stat-block>p{font-size:13px}}
@media(max-width:620px){.blog-page .site-header{flex-wrap:wrap;gap:8px;padding:14px 0 10px}.blog-page .brand__name{font-size:30px}.blog-page .site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.blog-page .site-nav a,.blog-page .site-nav button{font-size:10px;justify-content:center}.blog-page .site-nav .nav-blog{padding:8px 10px}.journal-intro{display:block;padding:23px 0 20px}.blog-page h1{font-size:47px}.journal-intro h1 br{display:inline}.journal-intro .journal-kicker{margin-bottom:10px}.compact-badge{width:153px}.badge-row{gap:8px}.badge-games{display:block}.badge-games>.badge-group-label{margin-bottom:9px!important}.journal-badges{margin-top:20px;padding:0}.journal-card__link,.featured-post .journal-card__link{min-height:410px;padding:22px;align-items:flex-end}.journal-card__image img{object-position:65% center}.journal-card__link:before{background:linear-gradient(0deg,#030a11fc 0%,#030a11ed 35%,#030a1140 79%)}.journal-card__copy{width:100%;max-width:none;padding-right:0}.journal-card :is(h2,h3),.featured-post :is(h2,h3){font-size:36px;line-height:1.04;margin:15px 0 12px;max-width:95%}.journal-card__copy>p{font-size:12px;max-width:95%}.post-meta>span:last-child{top:19px;right:18px;font-size:9px}.journal-card__copy>.read-link{width:40px;height:40px;min-height:40px;bottom:21px;right:19px}.journal-card .post-byline,.featured-post .post-byline{margin-top:18px;padding-right:45px}.post-byline{font-size:9px}.byline-details{font-size:8px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{max-width:none;margin-top:15px}.journal-author{display:block;padding:24px;margin:45px 0 35px}.journal-author>img{width:65px;height:65px;float:right;margin:0 0 12px 12px}.journal-author h2{font-size:33px}.journal-author>div>p:not(.journal-kicker){clear:both}.journal-footer{display:block;padding:22px 0 27px}.journal-footer nav{margin:10px 0 7px}.journal-sidebar nav{grid-template-columns:1fr}.article-breadcrumbs{font-size:9px;margin:23px 0 26px}.article-header{text-align:left;margin-bottom:26px}.blog-page .article-header h1{font-size:43px}.article-header .post-byline{justify-content:flex-start;font-size:11px}.article-deck{font-size:14px;margin:18px auto!important}.article-header .journal-kicker{margin-bottom:13px}.article-body{font-size:15px;line-height:1.9}.article-body h2{font-size:30px}.article-note{font-size:11px}.article-callout{padding:20px}.article-callout p{font-size:14px}.article-body th,.article-body td{padding:11px}.article-body table{font-size:12px}.article-signoff{gap:13px}.related-posts{padding-top:42px}.related-posts .section-heading>.journal-text-link{margin-top:12px}.related-posts .journal-card :is(h2,h3){font-size:33px}.related-posts .journal-card__link{min-height:390px}.monster-showcase{display:flex;flex-direction:column;gap:0;margin-bottom:35px}.monster-showcase .article-cover{width:100%}.monster-showcase figcaption{font-size:9px;padding:22px 14px 12px}.monster-rules{order:1;width:calc(100% - 14px);align-self:flex-end;margin-top:-13px;margin-right:0}.monster-rules>h2{font-size:9px;text-shadow:none;padding-left:0;position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.monster-rules .stat-block{padding:22px 18px}.monster-rules .stat-block>p{font-size:13px}.monster-notes{order:2;padding-top:27px;font-size:15px}.monster-notes h2{font-size:30px}.stat-block{padding:22px 18px}.stat-block__heading h3{font-size:34px}.stat-abilities{gap:3px}.stat-abilities dd{font-size:18px}.stat-basics{font-size:12px}.stat-basics>div{gap:7px}.stat-block>p{font-size:13px}.article-body blockquote,.monster-notes blockquote{font-size:27px;padding:17px 22px}}
@media(max-width:360px){.blog-shell{width:calc(100% - 28px)}.blog-page h1{font-size:43px}.blog-page .article-header h1{font-size:38px}.compact-badge{width:142px;gap:7px;padding:7px 8px}.compact-badge strong{font-size:10px}.compact-badge>svg{width:20px;height:20px}.badge-row{gap:7px}.journal-card__link,.featured-post .journal-card__link{padding:20px;min-height:420px}.journal-card :is(h2,h3),.featured-post :is(h2,h3){font-size:33px}.journal-card__copy>.read-link{right:18px;bottom:20px}.journal-sidebar nav a{font-size:12px}.monster-rules .stat-block{padding:20px 15px}}
@media(prefers-reduced-motion:reduce){.journal-card__image img{transition:none}}
@media print{.blog-page{background:#fff;--paper:#fff;--panel:#fff;--text:#111;--sub:#333;--edge:#bbb;--accent:#65411b;--wash:#f5f5f5;color:#111}.blog-page .site-header,.journal-footer,.journal-sidebar,.article-sidebar,.related-posts{display:none}.blog-shell{display:block;width:100%}.article-layout,.monster-showcase{display:block}.monster-rules{margin:20px 0}.monster-showcase .article-cover{max-width:80%;margin:auto}.article-body,.monster-notes{font-size:11pt;color:#111}.stat-block{background:#fff;color:#111;box-shadow:none;break-inside:avoid}.stat-block dt,.stat-block h3,.stat-block h4{color:#573916}.stat-block>p{font-size:10pt}}

.featured-post .journal-card__image img{object-position:center 72%}
@media(max-width:360px),(max-width:900px) and (max-height:500px){.journal-badges{display:none}}

.article-note--hero{max-width:760px;margin:20px auto 0!important;padding:0;border:0;font-size:10px;text-align:center}
@media(max-width:620px){.article-note--hero{text-align:left}}

@media(min-width:621px){.journal-card .journal-card__image img{object-position:center 12%}}
@media(max-width:620px){.featured-post .journal-card__link{min-height:0;padding-top:calc((100vw - 36px) * .5625 + 22px)}.featured-post .journal-card__image img{height:auto;object-fit:contain;object-position:top}.featured-post .journal-card__link:before{background:linear-gradient(0deg,#030a11 0%,#030a11 55%,#030a1100 76%)}.featured-post .journal-card__copy>p{max-width:100%}}

.badge-row--resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:552px}
.badge-row--resources .compact-badge{width:100%}
@media(max-width:1190px){.badge-row--resources{grid-template-columns:repeat(2,minmax(0,1fr));max-width:272px}.badge-games{display:block}.badge-games>.badge-group-label{margin-bottom:9px!important}}
@media(max-width:620px){.badge-row--resources{max-width:314px}}
@media(max-width:900px) and (max-height:500px){.journal-intro{display:block;padding:18px 0 20px}.journal-intro h1{font-size:42px}.journal-intro h1 br{display:none}.journal-intro h1 em{margin-left:.15em}}