/* Styles for the new pages (Free Practice, Games, Readers, catalogues, About, FAQ, Contact).
   Built on styles.css: midnight background, gold Fraunces headings, DM Sans text. */
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid #a66b2640;background:radial-gradient(ellipse at 80% 0,#17444a 0,transparent 60%),#050b0d}
.page-hero-inner{width:min(1200px,92vw);margin:0 auto;padding:48px 0 40px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.page-hero .eyebrow{letter-spacing:.18em;color:#e19d48;font-weight:700;font-size:13px;margin:0 0 10px}
.page-hero h1{font-family:'Fraunces',serif;color:#f7d895;font-size:clamp(34px,5vw,60px);line-height:1.02;margin:0 0 14px}
.page-hero p.lead{color:#e3dccb;font-size:18px;line-height:1.6;margin:0;max-width:620px}
.page-hero img{width:100%;max-width:420px;justify-self:end;height:auto;display:block}
.page-section{width:min(1200px,92vw);margin:48px auto}
.page-section h2{text-align:left;font-size:clamp(26px,3vw,38px);margin:0 0 8px}
.page-section .section-lead{color:#b9c5c3;margin:0 0 22px;line-height:1.6}
.rdm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.rdm-card{display:flex;flex-direction:column;background:linear-gradient(160deg,#102124,#071012);border:1px solid #d6933b3a;border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}
.rdm-card:hover{transform:translateY(-3px);border-color:#e5aa55}
.rdm-card-img{background:#0b1719;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rdm-card-img img{width:100%;height:100%;object-fit:contain}
.rdm-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.rdm-card h3{font-family:'Fraunces',serif;color:#f7d895;font-size:22px;margin:0;line-height:1.15}
.rdm-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;font-size:13px;color:#b9c5c3}
.rdm-badge{border-radius:99px;padding:3px 10px;font-weight:700;font-size:12px}
.rdm-badge.free{background:#1f8f6a;color:#fff}.rdm-badge.launch{background:#22b7b7;color:#04201f}
.rdm-badge.pass{background:#f3bd59;color:#160d04}.rdm-badge.coming{background:#3a3f45;color:#ddd}
.rdm-author{margin:-4px 0 0;color:#e19d48;font-style:italic}
.rdm-desc{margin:0;color:#e3dccb;line-height:1.55}
.rdm-langs{margin:0;font-size:13px;color:#8fa6a2}
.rdm-passnote{margin:0;font-size:13px;color:#d9b36a}
.rdm-open{align-self:flex-start;margin-top:auto;background:linear-gradient(135deg,#f6ca6c,#b56c20);color:#160d04;padding:10px 18px;border-radius:99px;font-weight:700;text-decoration:none}
.rdm-open:hover{filter:brightness(1.08)}
.rdm-soon{margin-top:auto;color:#8f887b;font-size:14px;font-style:italic}
.prose{width:min(820px,92vw);margin:40px auto 60px;color:#e3dccb;line-height:1.75;font-size:17px}
.prose h2{text-align:left;font-size:30px;margin:36px 0 10px}
.prose h3{font-family:'Fraunces',serif;color:#f7d895;font-size:21px;margin:26px 0 6px}
.prose a{color:#f3bd59;text-decoration:underline}
.prose details{border:1px solid #d6933b3a;border-radius:14px;padding:12px 18px;margin:10px 0;background:#0b1719}
.prose summary{cursor:pointer;font-weight:700;color:#f7d895}
.contact-box{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:20px 0}
.selector{width:min(1100px,94vw);margin:28px auto 0;background:#0b1719;border:1px solid #d6933b55;border-radius:20px;padding:18px 22px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:center;color:#f7d895;font-family:'Fraunces',serif;font-size:21px}
.selector select{font:600 16px 'DM Sans',sans-serif;background:#050b0d;color:#fff2d5;border:1px solid #d6933b88;border-radius:12px;padding:10px 12px}
.selector button{font:700 16px 'DM Sans',sans-serif;border:0;cursor:pointer}
.selector-note{width:100%;text-align:center;margin:4px 0 0;font:15px 'DM Sans',sans-serif;color:#b9c5c3;min-height:1.2em}
@media(max-width:800px){.page-hero-inner{grid-template-columns:1fr;padding:32px 0}.page-hero img{justify-self:center;max-width:260px}}