.subpage-hero{position:relative;isolation:isolate;overflow:hidden;min-height:275px;margin:0 calc(-1 * clamp(16px,4vw,64px));background:#e6d1a3;border-radius:0 0 24px 24px;color:#173d31}
.subpage-hero-art,.subpage-hero-art img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block}.subpage-hero-art img{object-fit:cover;object-position:var(--subpage-focus-x,50%) var(--subpage-focus-y,58%)}
.subpage-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff6e1aa,#fff6e1dd 65%,#fff6e1f5)}
.subpage-hero>.topbar.hero-topbar{margin:0;padding:12px clamp(16px,4vw,64px);background:linear-gradient(#fff8e8d9,#fff8e800);border:0;position:relative;z-index:2}
.subpage-hero-copy{max-width:860px;padding:10px clamp(16px,4vw,64px) 30px;font-size:12px;line-height:1.8}.subpage-hero-copy>a{color:inherit;min-height:44px;display:inline-flex;align-items:center}.subpage-hero-title{font-size:clamp(28px,4vw,44px);font-weight:900;margin:2px 0 8px;line-height:1.5}.subpage-hero-description{font-size:14px;max-width:630px;margin:0;color:#365544}
.content-page .content-card.guide-content-card{max-width:1180px}.play-guide{margin:28px auto;max-width:1180px;color:var(--ink,#173d31)}.guide-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.guide-heading h2{margin:4px 0;font-size:clamp(24px,3vw,32px)}.guide-heading .text-button{min-height:44px;display:inline-flex;align-items:center}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0;counter-reset:none}.guide-card{min-width:0;border:1px solid #dfc99f;background:#fff9ee;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #6f52290b}.guide-illustration{display:block;width:100%;height:auto;aspect-ratio:12/7;background:#e5e7cc}.guide-card-copy{position:relative;padding:20px 18px 22px}.guide-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#285c3b;font-weight:bold;margin-bottom:8px}.guide-card h3{font-size:18px;line-height:1.7;margin:4px 0 10px}.guide-card p{font-size:13px;line-height:2;margin:0;color:#5f594b}.guide-training{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border:1px solid #d9c49f;border-radius:18px;background:#f5ecd7}.guide-training h3{margin:0 0 8px;font-size:21px}.guide-training p{font-size:13px;margin:0;line-height:1.9}.guide-training .primary{white-space:nowrap;min-height:48px}.guide-admin-panel{border:1px solid #dbc9a7;border-radius:14px;padding:18px;margin:8px 0}.guide-admin-panel>summary{cursor:pointer;min-height:44px;font-weight:bold}.guide-admin-step{border:1px solid #ddd;padding:14px;margin:12px 0;border-radius:12px}.guide-admin-step legend{font-weight:bold;padding:0 8px}.guide-admin-panel label{display:grid;gap:7px}.guide-admin-panel textarea{width:100%;box-sizing:border-box;min-height:95px}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-guide-compact .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-guide-compact .guide-card-copy{padding:14px}.play-guide-compact .guide-card h3{font-size:15px}}
@media(max-width:680px){.subpage-hero{margin:0 -16px;min-height:300px;border-radius:0 0 18px 18px}.subpage-hero:after{background:linear-gradient(90deg,#fff6e1d9,#fff6e1f0)}.subpage-hero>.topbar.hero-topbar{padding:10px 16px}.subpage-hero-copy{padding:8px 20px 24px}.subpage-hero-description{font-size:13px}.guide-grid,.play-guide-compact .guide-grid{grid-template-columns:minmax(0,1fr)}.guide-training{display:block;padding:18px}.guide-training .primary{display:flex;justify-content:center;width:100%;margin-top:15px}.guide-card h3,.play-guide-compact .guide-card h3{font-size:20px}.guide-card-copy,.play-guide-compact .guide-card-copy{padding:18px}.guide-card p{font-size:14px}.guide-admin-panel{padding:12px}}

/* Shared by both designs: transparent navigation remains inside the artwork. */
.subpage-hero>.topbar.hero-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;color:#173d31}
.subpage-hero>.hero-topbar>.site-nav{order:0;width:auto;margin:0;display:flex;flex-wrap:wrap;gap:4px 24px}
.subpage-hero>.hero-topbar>.site-nav a{color:#173d31;display:inline-flex;align-items:center;min-height:44px;text-shadow:0 1px 5px #fff9ef}
.subpage-hero>.hero-topbar>.header-actions{display:flex;flex-wrap:wrap;margin-inline-start:auto;gap:8px}
.subpage-hero>.hero-topbar .icon-button{background:#fff9efe8;color:#173d31;min-height:44px}
.subpage-hero>.hero-topbar .account-link{background:#8c2c3c;color:#fff}
@media(max-width:680px){.subpage-hero>.hero-topbar>.site-nav,.subpage-hero>.hero-topbar>.header-actions{width:100%;justify-content:center;margin:0;gap:6px 12px}.subpage-hero>.hero-topbar .icon-button{font-size:12px;padding:8px 10px}}