.class-sheets .section-heading p:last-child{font-size:15px;max-width:650px;line-height:1.7}
.class-sheet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.class-sheet-card{position:relative;isolation:isolate;display:flex;min-height:228px;flex-direction:column;text-decoration:none;color:inherit;background:radial-gradient(ellipse at 65% 16%,#fffdf5aa,transparent 65%),linear-gradient(135deg,#f3ead5,#f9f3e4 50%,#e9dcc1);border:1px solid #d8cbb1;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 24px #a9854610;transition:transform .2s,box-shadow .2s}
.class-sheet-card::after{content:'';position:absolute;inset:8px;border:1px solid #9b793320;border-radius:2px;pointer-events:none}
.sheet-parchment-art{position:absolute;z-index:-1;width:230px;height:230px;top:-42px;right:-38px;background-image:url('/assets/art/class-relics.webp');background-size:400% 400%;background-position:var(--sheet-art-position);mix-blend-mode:multiply;filter:sepia(.8) saturate(.5);opacity:.18;pointer-events:none;mask-image:linear-gradient(#000 30%,transparent 95%)}
.class-sheet-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #42301c18}.class-sheet-card:hover .sheet-parchment-art{opacity:.24}.class-sheet-card:focus-visible{outline:3px solid var(--sheet-accent);outline-offset:4px}
.class-sheet-caption{position:relative;padding:108px 18px 20px;display:flex;flex:1;flex-direction:column}.sheet-coming{font:600 9px/1.4 Arial,sans-serif;color:var(--sheet-accent,#765336);text-transform:uppercase;letter-spacing:1px;display:inline-block}.class-sheet-caption h3{font-size:20px;line-height:1.3;margin:10px 0 22px;color:#332b22}.sheet-card-link{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--sheet-accent);margin-top:auto}
.class-sheet-pending{display:grid;grid-template-columns:240px minmax(0,580px);gap:55px;align-items:center;padding-top:15px;padding-bottom:80px}.class-sheet-pending p{line-height:1.8}.pending-sheet-mark{border:1px solid #c8bfad;border-top:5px solid var(--sheet-accent);padding:25px;background:#fffcf5;aspect-ratio:1/1.4;box-shadow:8px 8px 0 #e3dac9;color:var(--sheet-accent)}.pending-sheet-mark span{font-size:9px;letter-spacing:1.4px}.pending-sheet-mark strong{display:block;font:30px/1.6 Georgia;margin:20px 0}.pending-sheet-mark i{display:block;height:28px;border-bottom:1px solid #d2c9b6}
@media(max-width:1050px){.class-sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:700px){.class-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.class-sheet-card{min-height:212px}.class-sheet-caption{padding:95px 16px 18px}.class-sheet-caption h3{font-size:18px}.sheet-parchment-art{width:210px;height:210px;right:-42px}.class-sheet-pending{grid-template-columns:150px 1fr;gap:24px}.pending-sheet-mark{padding:14px}.pending-sheet-mark strong{font-size:23px}}
@media(max-width:440px){.class-sheet-caption h3{font-size:17px}.sheet-card-link{font-size:11px}.class-sheet-pending{grid-template-columns:1fr}.pending-sheet-mark{display:none}}
@media(prefers-reduced-motion:reduce){.class-sheet-card{transition:none}.class-sheet-card:hover{transform:none}}

/* One semantic heading, with a clear visual hierarchy. */
.class-sheet-caption h3{margin:10px 0 24px}.sheet-class-name{display:block;font-size:clamp(21px,2vw,25px);line-height:1.15;letter-spacing:-.35px}.sheet-class-label{display:block;margin-top:8px;font:500 10px/1.5 Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--sheet-accent)}
@media(max-width:440px){.sheet-class-name{font-size:21px}.sheet-class-label{font-size:9px;letter-spacing:1.4px}}