nav a[aria-current=page]{color:#a4512f;text-decoration:underline;text-underline-offset:7px}.page-intro{padding:85px 7% 55px;max-width:1100px}.page-intro h1{font-size:clamp(48px,6vw,85px);letter-spacing:-2px}.page-intro .intro{max-width:630px}.guide-grid,.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.guide-grid{margin-top:40px}.guide-grid>a,.guide-grid>article{border-top:1px solid #9b512e60;padding-top:25px}.guide-grid h3,.rules-grid h3{font-size:25px;font-weight:400;margin:18px 0}.guide-grid p,.rules-grid p,.combat-layout p,.reading-width{color:#626b59;font-size:16px}.guide-grid>a:hover h3{color:#a4512f}.page-intro+.section{padding-top:45px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.filter-bar button{border:1px solid #213e3240;padding:12px 22px;background:transparent;color:#213e32;cursor:pointer;font:12px Arial,sans-serif}.filter-bar button[aria-pressed=true]{background:#213e32;color:#f3eedf}.item-grid{margin-top:30px;gap:25px}.item-card{border:1px solid #213e322b;padding:27px;background:#ebe5d45c}.item-card[hidden]{display:none}.item-art{height:145px;display:grid;place-items:center;background:radial-gradient(ellipse,#d8cdae7a,transparent 68%);margin-bottom:25px}.item-sprite{display:block;width:96px;height:96px;image-rendering:pixelated;background-repeat:no-repeat}.item-card .eyebrow{font-size:9px;margin-bottom:12px}.item-card h3{font-size:25px;font-weight:400;min-height:56px;margin-bottom:20px}.stats{display:flex;gap:25px;margin:18px 0}.stats div{flex:1}.stats dt{font:10px Arial,sans-serif;color:#68715d}.stats dd{margin:7px 0;font-size:26px}.stat-caption{font:11px Arial,sans-serif;color:#9b512e}.item-requirements{font:11px/1.8 Arial,sans-serif;color:#64705d;border-top:1px solid #213e322b;padding-top:17px;margin-bottom:0}.rules-grid,.combat-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.bestiary{padding-top:20px!important}.enemy-card{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;margin-bottom:75px}.enemy-card:last-child{margin-bottom:0}.enemy-card:nth-child(even) img{order:2}.enemy-card img{width:100%;display:block}.enemy-copy h2{font-size:38px}.enemy-copy p{color:#626b59;font-size:15px}.enemy-copy .eyebrow{color:#9b512e}.roll-demo{border:1px solid #a58d5d80;background:#e8e0ca;padding:35px;text-align:center}.die{display:grid;place-items:center;width:130px;height:140px;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:#213e32;color:#f3eedf;font-size:55px;margin:25px auto 35px}.roll-demo h3{font-size:24px;font-weight:400}.roll-demo .button{border:0;cursor:pointer}.roll-demo .small-note{font-size:11px;max-width:330px;margin:20px auto 0}.roll-demo #roll-result{min-height:54px;margin:22px 0 0;font-size:17px;color:#213e32}.next-chapter{padding:55px 7%;background:#e8e4d4;display:flex;gap:35px;align-items:center;flex-wrap:wrap}.next-chapter .eyebrow{width:100%;margin-bottom:0}.next-chapter a{font-size:21px}.next-chapter a:hover{color:#a4512f}.reading-width{max-width:650px}button:focus-visible{outline:3px solid #bc773f;outline-offset:5px}@media(max-width:850px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:18px}nav a:first-child{display:inline}.guide-grid,.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid>a:last-child{grid-column:1/-1}.enemy-card{gap:30px}.rules-grid,.combat-layout{gap:35px}.enemy-copy h2{font-size:30px}}@media(max-width:580px){header{gap:22px}header nav{width:100%;justify-content:space-between;gap:10px}header nav a{font-size:11px}.page-intro{padding:50px 6% 30px}.page-intro h1{font-size:51px}.guide-grid,.item-grid,.rules-grid,.combat-layout,.enemy-card{grid-template-columns:1fr}.guide-grid>a:last-child{grid-column:auto}.guide-grid{gap:25px}.item-card h3{min-height:0}.item-grid{gap:20px}.enemy-card{gap:25px;margin-bottom:55px}.enemy-card:nth-child(even) img{order:0}.enemy-copy h2{font-size:34px}.next-chapter{gap:22px;display:grid}.next-chapter a{font-size:20px}.roll-demo{padding:25px}.filter-bar button{padding:11px 16px}}

/* Keep reserved image proportions responsive. */
img{height:auto}