html,body{margin:0;padding:0;box-sizing:border-box}*,::before,::after{box-sizing:inherit}:root{--primary:#bf5700;--primary-light:#d4783c;--primary-dark:#8b3e00;--gold:#d4a017;--gold-light:#e8c547;--gold-dark:#a07a10;--cranberry:#8b1a1a;--cranberry-light:#b03030;--forest:#2d5016;--forest-light:#3e7a1e;--brown:#4a2c17;--brown-light:#6b4226;--cream:#fdf5e6;--warm-gray:#f5efe6;--parchment:#faf0dc;--dark:#2c1810;--text:#3b2a1a;--text-light:#6b5744;--white:#fff;--shadow-sm:0 2px 8px rgba(44,24,16,0.06);--shadow-md:0 4px 20px rgba(44,24,16,0.08);--shadow-lg:0 8px 40px rgba(44,24,16,0.12);--radius:12px;--radius-lg:20px;--max-width:1200px;--content-width:820px}html{scroll-behavior:smooth}body{font-family:Lato,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.75;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;color:var(--brown);line-height:1.3;margin:0 0 0.6em}h1{font-size:2.6rem;font-weight:800}h2{font-size:1.9rem;font-weight:700}h3{font-size:1.4rem;font-weight:600}h4{font-size:1.15rem;font-weight:600}p{margin:0 0 1em}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark);text-decoration:underline}strong{color:var(--brown)}ul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.4em}img{max-width:100%;height:auto}img,video{max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}svg{display:block}input{font-family:inherit}select{font-family:inherit}table{border-collapse:collapse;width:100%}th,td{padding:.6em;text-align:left;border-bottom:1px solid var(--warm-gray)}th{font-weight:700;color:var(--brown);font-family:'Playfair Display',Georgia,serif}.site-header{background:var(--brown);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:.6em 1.2em;display:flex;align-items:center;justify-content:space-between;gap:1em}.site-logo{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;font-weight:800;color:var(--cream);letter-spacing:.5px}.site-logo span{color:var(--gold)}.nav-toggle{display:none;font-size:1.4rem;color:var(--cream);background:none;border:none;padding:.3em .6em}.site-nav{display:flex;align-items:center;gap:.2em}.site-nav a{color:var(--cream);font-size:.9rem;font-weight:500;padding:.5em .8em;border-radius:6px;transition:background .2s}.site-nav a:hover{background:rgba(255,255,255,0.1);text-decoration:none;color:var(--gold-light)}.nav-cta{background:var(--primary);color:var(--white)!important;font-weight:700}.nav-cta:hover{background:var(--primary-dark)}.breadcrumb{max-width:var(--max-width);margin:0 auto;padding:.8em 1.2em;font-size:.85rem;color:var(--text-light)}.breadcrumb a{color:var(--primary)}.breadcrumb span{color:var(--text-light)}.main{max-width:var(--content-width);margin:0 auto;padding:2em 1.2em}.article-content h1{margin-bottom:.3em}.article-content h2{margin-top:1.6em;margin-bottom:.6em;padding-bottom:.3em;border-bottom:2px solid var(--warm-gray)}.article-content h3{margin-top:1.4em;color:var(--primary-dark)}.quick-answer{background:var(--parchment);border-left:4px solid var(--gold);padding:1.2em 1.4em;margin:1.2em 0 1.6em;border-radius:0 var(--radius) var(--radius) 0}.quick-answer-label{display:inline-block;background:var(--gold);color:var(--brown);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:.3em .7em;border-radius:4px;margin-bottom:.6em}.quick-answer p:last-child{margin-bottom:0}.questions-box{margin:1.5em 0}.q-item{background:var(--white);border-radius:var(--radius);padding:1.2em 1.4em;margin-bottom:1em;box-shadow:var(--shadow-sm);border:1px solid var(--warm-gray);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.q-item.visible{opacity:1;transform:translateY(0)}.q-item strong{display:block;margin-bottom:.5em;color:var(--brown);font-size:1.05em}.q-item details{position:relative}.q-item summary{cursor:pointer;color:var(--primary);font-weight:600;font-size:.95rem;list-style:none;padding-left:1.5em;position:relative}.q-item summary::before{content:'▶';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.8em;color:var(--gold);transition:transform .2s}.q-item details[open] summary::before{transform:translateY(-50%) rotate(90deg)}.q-item details>div,.q-item details p{margin-top:.8em;padding-top:.8em;border-top:1px dashed var(--warm-gray);color:var(--text);line-height:1.7}.mc-options{display:flex;flex-direction:column;gap:.5em;margin:.8em 0 .6em}.mc-options label{display:flex;align-items:center;gap:.6em;cursor:pointer;padding:.5em .8em;border-radius:6px;transition:background .15s}.mc-options label:hover{background:var(--warm-gray)}.mc-options input[type='radio']{accent-color:var(--primary)}.tf-options{display:flex;gap:1em;margin:.8em 0 .6em}.tf-options label{display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.5em .8em;border-radius:6px;transition:background .15s}.tf-options label:hover{background:var(--warm-gray)}.tf-options input[type='radio']{accent-color:var(--primary)}.cta-banner{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--white);border-radius:var(--radius-lg);padding:2.2em 2em;margin:2.5em 0;text-align:center;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.cta-banner.visible{opacity:1;transform:translateY(0)}.cta-banner h2{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:1.5rem;margin-bottom:.5em}.cta-banner p{color:rgba(255,255,255,0.9);font-size:1.05rem;margin-bottom:1.4em;max-width:600px;margin-left:auto;margin-right:auto}.btn-primary{display:inline-block;background:var(--gold);color:var(--brown);font-weight:800;font-size:1rem;padding:.9em 2em;border-radius:var(--radius);text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.btn-primary:hover{background:var(--gold-light);color:var(--brown);transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,160,23,0.4);text-decoration:none}.btn-white{display:inline-block;background:var(--white);color:var(--primary);font-weight:700;font-size:.9rem;padding:.7em 1.4em;border-radius:var(--radius);text-decoration:none;transition:background .2s,transform .2s;border:1px solid var(--warm-gray)}.btn-white:hover{background:var(--cream);transform:translateY(-2px);text-decoration:none}.sister-link{background:var(--white);border-radius:var(--radius-lg);padding:2em 2.2em;margin:2.5em 0;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--warm-gray);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.sister-link.visible{opacity:1;transform:translateY(0)}.sister-link-text h3{font-family:'Playfair Display',Georgia,serif;color:var(--brown);font-size:1.3rem;margin-bottom:.3em}.sister-link-text p{color:var(--text-light);font-size:.95rem;margin-bottom:1.2em}.sister-link-buttons{display:flex;flex-wrap:wrap;gap:.7em;justify-content:center}.sister-link-buttons a{font-size:.85rem;padding:.6em 1.2em}.site-footer{background:var(--brown);color:var(--cream);margin-top:3em;padding:2.5em 1.2em 1.5em}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5em;margin-bottom:2em}.footer-brand h3{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:1.3rem;margin-bottom:.5em}.footer-brand p{color:rgba(253,245,230,0.7);font-size:.9rem;line-height:1.6}.footer-links h4{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:1rem;margin-bottom:.8em}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.4em}.footer-links a{color:rgba(253,245,230,0.8);font-size:.9rem}.footer-links a:hover{color:var(--gold-light);text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(253,245,230,0.15);padding-top:1.2em;font-size:.85rem;color:rgba(253,245,230,0.6)}.footer-bottom a{color:var(--gold-light)}.back-to-top{position:fixed;bottom:2em;right:2em;width:44px;height:44px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,background .2s;box-shadow:var(--shadow-md);z-index:90}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-dark)}.progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--primary));z-index:101;width:0%;transition:width .1s}.expand-controls{display:flex;gap:.7em;margin:1em 0}.expand-controls button{background:var(--primary);color:var(--white);font-size:.85rem;font-weight:600;padding:.5em 1em;border-radius:6px;transition:background .2s}.expand-controls button:hover{background:var(--primary-dark)}.print-btn{display:inline-flex;align-items:center;gap:.5em;background:var(--brown);color:var(--cream);font-size:.85rem;font-weight:600;padding:.6em 1.2em;border-radius:6px;margin:1em 0;transition:background .2s}.print-btn:hover{background:var(--brown-light);text-decoration:none}.share-bar{display:flex;align-items:center;gap:.7em;margin:1em 0 1.5em;padding-bottom:1em;border-bottom:1px solid var(--warm-gray)}.share-bar span{font-size:.85rem;font-weight:600;color:var(--text-light)}.share-bar a{display:inline-flex;align-items:center;gap:.3em;font-size:.85rem;padding:.4em .8em;border-radius:6px;background:var(--warm-gray);color:var(--text);transition:background .2s}.share-bar a:hover{background:var(--parchment);text-decoration:none}.hero{background:linear-gradient(135deg,var(--brown),var(--primary-dark));color:var(--white);border-radius:var(--radius-lg);padding:3em 2em;margin-bottom:2.5em;text-align:center;box-shadow:var(--shadow-lg)}.hero h1{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:2.4rem;margin-bottom:.4em}.hero p{color:rgba(255,255,255,0.85);font-size:1.15rem;max-width:600px;margin:0 auto 1.5em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5em;margin:1.5em 0}.card{background:var(--white);border-radius:var(--radius);padding:1.6em 1.4em;box-shadow:var(--shadow-sm);border:1px solid var(--warm-gray);text-decoration:none;transition:transform .25s,box-shadow .25s;border-top:4px solid var(--primary);opacity:0;transform:translateY(20px)}.card.visible{opacity:1;transform:translateY(0)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);text-decoration:none}.card h3{font-family:'Playfair Display',Georgia,serif;color:var(--brown);font-size:1.2rem;margin-bottom:.4em}.card p{color:var(--text-light);font-size:.95rem;margin-bottom:0;line-height:1.6}.card-gold{border-top-color:var(--gold)}.card-gold h3{color:var(--gold-dark)}.card-cranberry{border-top-color:var(--cranberry)}.card-cranberry h3{color:var(--cranberry)}.card-forest{border-top-color:var(--forest)}.card-forest h3{color:var(--forest)}.card-brown{border-top-color:var(--brown)}.card-amber{border-top-color:#c67c00}.card-amber h3{color:#8b5a00}.featured-section{background:var(--white);border-radius:var(--radius);padding:1.8em 2em;margin:2em 0;box-shadow:var(--shadow-sm);border:1px solid var(--warm-gray)}.featured-section h2{margin-top:0}.stats-bar{display:flex;justify-content:center;gap:2.5em;margin:1.5em 0;text-align:center}.stat-item h4{font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-size:1.8rem;margin:0}.stat-item span{font-size:.85rem;color:var(--text-light)}.quiz-container{background:var(--white);border-radius:var(--radius-lg);padding:2em 2.5em;margin:1.5em 0;box-shadow:var(--shadow-md);border:1px solid var(--warm-gray)}.quiz-question{font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;color:var(--brown);margin-bottom:1em}.quiz-options{display:flex;flex-direction:column;gap:.7em;margin-bottom:1.5em}.quiz-options label{display:flex;align-items:center;gap:.8em;padding:.8em 1em;border:2px solid var(--warm-gray);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s}.quiz-options label:hover{border-color:var(--primary-light);background:var(--cream)}.quiz-options input[type='radio']{accent-color:var(--primary)}.quiz-options label.selected-correct{border-color:var(--forest-light);background:#f0f8eb}.quiz-options label.selected-wrong{border-color:var(--cranberry);background:#fdf0f0}.quiz-feedback{font-weight:700;margin-bottom:1em;padding:.8em 1em;border-radius:6px}.quiz-feedback.correct{color:var(--forest);background:#f0f8eb}.quiz-feedback.wrong{color:var(--cranberry);background:#fdf0f0}.quiz-score{text-align:center;padding:1.5em;background:var(--parchment);border-radius:var(--radius);margin-top:1em}.quiz-score h3{font-family:'Playfair Display',Georgia,serif;color:var(--brown);font-size:1.4rem}.quiz-controls{display:flex;gap:1em;justify-content:center;margin-top:1.5em}.quiz-btn{background:var(--primary);color:var(--white);font-weight:700;padding:.7em 1.6em;border-radius:var(--radius);font-size:1rem;transition:background .2s}.quiz-btn:hover{background:var(--primary-dark)}.quiz-btn:disabled{background:var(--text-light);cursor:not-allowed}.timer{display:inline-block;background:var(--brown);color:var(--gold-light);font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.1rem;padding:.4em 1em;border-radius:6px;margin-bottom:1em}.fact-box{background:var(--parchment);border-radius:var(--radius);padding:1.2em 1.4em;margin-bottom:1em;border-left:4px solid var(--gold);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.fact-box.visible{opacity:1;transform:translateY(0)}.fact-number{display:inline-block;background:var(--gold);color:var(--brown);font-size:.75rem;font-weight:800;padding:.2em .6em;border-radius:4px;margin-bottom:.4em}.fact-box p{margin:0;line-height:1.7}.category-label{display:inline-block;background:var(--primary);color:var(--white);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:.25em .6em;border-radius:4px;margin-bottom:.5em}.team-name-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6em;margin:1em 0}.team-name-item{background:var(--white);padding:.7em 1em;border-radius:6px;border:1px solid var(--warm-gray);font-size:.95rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5em}@media(max-width:768px){h1{font-size:1.9rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--brown);flex-direction:column;padding:1em;border-top:1px solid rgba(255,255,255,0.1)}.site-nav.open{display:flex}.site-nav a{padding:.7em 1em;width:100%;text-align:left}.header-inner{flex-wrap:wrap}.hero{padding:2em 1.2em}.hero h1{font-size:1.8rem}.main{padding:1.2em .9em}.cta-banner{padding:1.6em 1.2em}.footer-grid{grid-template-columns:1fr;gap:1.5em}.stats-bar{flex-direction:column;gap:1em}.two-col{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.sister-link-buttons{flex-direction:column;align-items:stretch}.quiz-container{padding:1.5em 1.2em}}@media print{.site-header,.breadcrumb,.cta-banner,.sister-link,.site-footer,.back-to-top,.progress-bar,.share-bar,.expand-controls,.print-btn{display:none!important}body{background:#fff;color:#000;line-height:1.5}.main{max-width:100%;padding:0}.q-item{break-inside:avoid;box-shadow:none;border:1px solid #ddd;margin-bottom:.8em;padding:.8em}.hero{background:#f5f5f5!important;color:#000!important;padding:1em;margin-bottom:1em}.hero h1{color:#000!important}.article-content h2{page-break-after:avoid}h1,h2,h3,h4{color:#000}a{color:#000;text-decoration:none}details>div,details p{display:block!important}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){:root{--cream:#1a1410;--warm-gray:#2a2018;--parchment:#2a2018;--text:#e8d5c4;--text-light:#a89080;--white:#2a2018}.q-item,.card,.featured-section,.sister-link{background:#2a2018;border-color:#3a3028}.site-footer{background:#1a0f08}}
/* ==========================================================================
CSS COMPATIBILITY PATCH — Handles class name variations across all pages
========================================================================== */
/* Container wrapper (used by many pages) */
.container {
max-width: var(--content-width);
margin: 0 auto;
padding: 0 1.5rem;
}
/* Logo variations */
.logo {
font-family: 'Playfair Display', Georgia, serif;
font-size: 1.5rem;
font-weight: 800;
color: var(--white);
text-decoration: none;
}
.logo:hover { text-decoration: none; }
/* Header sticky modifier */
.site-header.sticky { position: sticky; }
/* Navigation variations */
.main-nav {
display: flex;
align-items: center;
gap: 0.5rem;
}
.main-nav a {
font-size: 0.9rem;
font-weight: 600;
color: var(--white);
padding: 0.5rem 0.75rem;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
}
.main-nav a:hover {
background: rgba(255,255,255,0.1);
color: var(--gold-light);
text-decoration: none;
}
.main-nav .cta-btn,
.main-nav .btn-cta {
background: var(--primary);
color: var(--white);
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 700;
}
.main-nav .cta-btn:hover,
.main-nav .btn-cta:hover {
background: var(--primary-dark);
color: var(--white);
}
/* CTA variations */
.cta-mid,
.mid-cta,
.end-cta,
.cta-end {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
color: var(--white);
padding: 2rem 1.5rem;
border-radius: var(--radius-lg);
text-align: center;
margin: 2.5rem 0;
}
.cta-mid p,
.mid-cta p,
.end-cta p {
color: rgba(255,255,255,0.9);
max-width: 600px;
margin: 0 auto 1rem;
}
.cta-mid a,
.mid-cta a,
.end-cta a {
display: inline-block;
background: var(--white);
color: var(--primary-dark);
padding: 0.75rem 1.5rem;
border-radius: 10px;
font-weight: 700;
text-decoration: none;
}
.cta-mid a:hover,
.mid-cta a:hover,
.end-cta a:hover {
background: var(--gold-light);
color: var(--dark);
text-decoration: none;
}
/* Quick answer variations */
.quick-answer-box {
background: var(--parchment);
border-left: 4px solid var(--gold);
padding: 1.25rem 1.5rem;
border-radius: 0 var(--radius) var(--radius) 0;
margin: 1.5rem 0 2.5rem;
font-size: 1.05rem;
line-height: 1.7;
}
/* Article intro */
.article-intro,
.intro,
.section-intro {
font-size: 1.15rem;
color: var(--text-light);
margin-bottom: 2rem;
}
.section-outro {
font-size: 1.05rem;
color: var(--text-light);
margin-top: 2rem;
}
/* Footer variations */
.footer-col {
display: flex;
flex-direction: column;
}
.footer-col h4 {
color: var(--gold);
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 1rem;
}
.footer-col a {
color: rgba(255,255,255,0.75);
font-size: 0.9rem;
text-decoration: none;
margin-bottom: 0.5rem;
}
.footer-col a:hover {
color: var(--gold-light);
}
.footer-nav,
.footer-sisters,
.footer-sister {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.footer-cta {
margin-top: 1rem;
}
.copyright {
font-size: 0.85rem;
color: rgba(255,255,255,0.6);
text-align: center;
padding-top: 1rem;
}
/* Sister site variations */
.sister-sites,
.sister-sites-box,
.sister-grid,
.sister-card {
background: var(--white);
border-radius: var(--radius-lg);
padding: 2rem 2.5rem;
margin: 2rem 0 0;
box-shadow: var(--shadow-sm);
}
.sister-sites h3,
.sister-sites-box h3,
.sister-grid h3,
.sister-card h3 {
margin: 0 0 0.5rem;
font-size: 1.3rem;
}
.sister-sites p,
.sister-sites-box p,
.sister-grid p,
.sister-card p {
color: var(--text-light);
margin-bottom: 1.25rem;
}
/* Question type variations */
.mc-question,
.tf-question {
/* Inherits from .q-item via cascade if nested, otherwise same styles */
background: var(--white);
border-radius: var(--radius);
padding: 1.25rem 1.5rem;
margin-bottom: 1rem;
box-shadow: var(--shadow-sm);
border: 1px solid rgba(74,44,23,0.06);
}
/* TF options */
.tf-options {
display: flex;
gap: 1rem;
margin: 0.75rem 0;
}
.tf-options label {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.6rem 1rem;
background: var(--cream);
border-radius: 8px;
cursor: pointer;
font-weight: 600;
}
.tf-options input {
accent-color: var(--primary);
}
/* Checklist box */
.checklist-box {
background: var(--white);
border-radius: var(--radius);
padding: 1.5rem;
margin: 1.5rem 0;
box-shadow: var(--shadow-sm);
border: 1px solid rgba(74,44,23,0.06);
}
.checklist-box h3 {
margin-top: 0;
}
.checklist-box ul {
list-style: none;
padding-left: 0;
}
.checklist-box li {
padding: 0.5rem 0;
border-bottom: 1px solid var(--warm-gray);
display: flex;
align-items: center;
gap: 0.75rem;
}
.checklist-box li:last-child {
border-bottom: none;
}
.checklist-box input[type="checkbox"] {
width: 1.2rem;
height: 1.2rem;
accent-color: var(--primary);
}
/* Jeopardy board */
.jeopardy-board {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5rem;
margin: 1.5rem 0;
background: var(--brown);
padding: 1rem;
border-radius: var(--radius);
}
.jeopardy-category {
background: var(--primary);
color: var(--white);
padding: 0.75rem 0.5rem;
text-align: center;
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
border-radius: 4px;
}
.jeopardy-card {
background: var(--primary-dark);
color: var(--gold-light);
padding: 1rem 0.5rem;
text-align: center;
font-weight: 700;
font-size: 1.1rem;
border-radius: 4px;
cursor: pointer;
transition: var(--transition);
}
.jeopardy-card:hover {
background: var(--primary);
color: var(--white);
}
.clue {
background: var(--parchment);
padding: 1rem 1.25rem;
border-radius: 8px;
margin: 0.75rem 0;
font-style: italic;
border-left: 3px solid var(--gold);
}
.value {
color: var(--gold);
font-weight: 900;
font-size: 1.2rem;
}
.daily-double-section {
margin: 2rem 0;
}
.daily-double-item {
background: var(--white);
padding: 1.25rem;
border-radius: var(--radius);
margin-bottom: 1rem;
box-shadow: var(--shadow-sm);
border-top: 3px solid var(--gold);
}
/* Print styles */
.printable-section {
background: var(--white);
padding: 2rem;
border-radius: var(--radius);
margin: 1.5rem 0;
}
.print-question {
font-weight: 700;
margin-bottom: 0.5rem;
color: var(--brown);
}
.print-answer {
color: var(--forest);
font-weight: 700;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px dashed var(--warm-gray);
}
.answer-key {
background: var(--parchment);
padding: 1.5rem;
border-radius: var(--radius);
margin-top: 2rem;
}
.answer-list {
columns: 2;
column-gap: 2rem;
}
.answer-list li {
break-inside: avoid;
}
.print-btn-section {
text-align: center;
margin: 1.5rem 0;
}
.print-note {
background: var(--parchment);
padding: 1rem;
border-radius: 8px;
font-size: 0.9rem;
color: var(--text-light);
margin-bottom: 1.5rem;
}
.how-to-use {
background: var(--white);
padding: 1.5rem;
border-radius: var(--radius);
margin: 1.5rem 0;
}
/* Facts list */
.facts-list {
list-style: none;
padding-left: 0;
}
.facts-list li {
padding: 0.75rem 1rem;
background: var(--white);
border-radius: 8px;
margin-bottom: 0.75rem;
box-shadow: var(--shadow-sm);
border-left: 3px solid var(--gold);
}
.fact-number {
display: inline-block;
background: var(--gold);
color: var(--dark);
font-size: 0.75rem;
font-weight: 900;
padding: 0.15rem 0.5rem;
border-radius: 4px;
margin-right: 0.5rem;
}
/* Team names */
.team-name-list {
list-style: none;
padding-left: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 0.75rem;
}
.team-name-item {
background: var(--white);
padding: 0.75rem 1rem;
border-radius: 8px;
box-shadow: var(--shadow-sm);
font-weight: 700;
color: var(--brown);
border-left: 3px solid var(--primary);
}
/* Quiz timer */
.quiz-timer {
font-size: 1rem;
font-weight: 700;
color: var(--cranberry);
}
/* Stats bar */
.stats-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.stat-item {
background: var(--white);
padding: 1.5rem;
border-radius: var(--radius);
text-align: center;
box-shadow: var(--shadow-sm);
}
.stat-item .large {
font-size: 2.5rem;
font-weight: 900;
color: var(--primary);
display: block;
line-height: 1;
margin-bottom: 0.5rem;
}
/* Two column layout */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
/* Questions section wrapper */
.questions-section {
margin: 2rem 0;
}
/* End page wrapper */
.end-page {
margin-top: 3rem;
}
/* Category label */
.category-label {
display: inline-block;
background: var(--primary);
color: var(--white);
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0.25rem 0.6rem;
border-radius: 4px;
margin-bottom: 0.75rem;
}
/* Nav toggle open */
.nav-toggle.open {
color: var(--gold);
}
/* Responsive adjustments for compatibility */
@media (max-width: 768px) {
.jeopardy-board {
grid-template-columns: repeat(2, 1fr);
}
.two-col {
grid-template-columns: 1fr;
}
.answer-list {
columns: 1;
}
.main-nav {
display: none;
width: 100%;
flex-direction: column;
gap: 0;
padding: 0.5rem 0 1rem;
}
.main-nav.open {
display: flex;
}
.main-nav a {
padding: 0.6rem 0;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
}
@media (max-width: 375px) {
.jeopardy-board {
grid-template-columns: 1fr;
}
.team-name-list {
grid-template-columns: 1fr;
}
}