@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--maroon:#681f2b;--maroon2:#842f3d;--saffron:#e9a23b;--cream:#fbf5e9;--paper:#fffdf8;--ink:#2e2522;--muted:#756963;--line:#eadfce;--green:#286447;--shadow:0 18px 55px rgba(74,39,25,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);background:var(--paper);border-bottom:1px solid rgba(104,31,43,.08);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--maroon)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--maroon);color:var(--saffron);font-size:24px;border-radius:50%}.brand b{font-family:'Playfair Display',serif;font-size:19px;display:block;line-height:1.15}.brand small{font-size:9px;letter-spacing:2px;font-weight:700;display:block;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600;color:#6c5d56}.site-header nav a:hover,.site-header nav a.active{color:var(--maroon)}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--maroon)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:530px;background:var(--cream);padding:58px clamp(20px,7vw,100px) 60px;gap:30px;overflow:hidden}.hero-copy{align-self:center;max-width:580px;padding-bottom:10px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#a35b38;font-weight:700;display:block;margin-bottom:13px}.hero h1,.page-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,5vw,66px);line-height:1.07;letter-spacing:-1.8px;margin:0 0 20px;color:var(--maroon);font-weight:600}.hero h1 em{color:#c17a2b;font-style:normal}.hero-copy>p{max-width:480px;color:#685952;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:5px;padding:13px 19px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--saffron);color:#3e2418}.btn-maroon{background:var(--maroon);color:#fff8ec}.text-link{font-size:13px;font-weight:700;color:var(--maroon)}.hero-note{font-size:11px;color:#86766c;margin-top:35px}.hero-note span{color:#bf7a2d;margin-right:7px}.hero-art{min-height:400px;position:relative;align-self:stretch;background:linear-gradient(160deg,rgba(72,25,31,.10),rgba(72,25,31,.55)),url('https://images.unsplash.com/photo-1524492412937-b28074a5d7da?auto=format&fit=crop&w=1200&q=85') center/cover;border-radius:160px 160px 8px 8px;box-shadow:var(--shadow);overflow:hidden;border:7px solid rgba(255,255,255,.55)}.hero-sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#e9a23b;opacity:.9;top:45px;right:55px;mix-blend-mode:screen}.hero-arch{position:absolute;left:12%;right:12%;top:17%;bottom:0;border:2px solid rgba(255,235,190,.55);border-bottom:0;border-radius:150px 150px 0 0}.hero-stamp{position:absolute;top:25px;left:28px;color:#fff6e5;font-family:'Playfair Display',serif;font-size:23px;letter-spacing:4px;text-shadow:0 2px 15px #3a1720}.hero-stamp small{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(transparent,rgba(36,15,18,.82));color:#fff7e9;display:flex;justify-content:space-between;align-items:end}.hero-caption span{font-size:10px;letter-spacing:2px;color:#f4c36f}.hero-caption b{font-family:'Playfair Display',serif;font-size:24px;line-height:1.15}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:25px clamp(20px,9vw,130px);border-bottom:1px solid var(--line);background:#fffdf8}.quick-stats div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.quick-stats div:last-child{border:0}.quick-stats strong{font-family:'Playfair Display',serif;color:var(--maroon);font-size:28px}.quick-stats span{font-size:11px;color:#7d7067;max-width:100px;line-height:1.35}
.section-wrap{max-width:1280px;margin:auto;padding:78px clamp(20px,6vw,70px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:29px}.section-heading h2,.daily-banner h2{font-family:'Playfair Display',serif;color:var(--maroon);font-size:clamp(29px,3vw,40px);line-height:1.18;margin:0 0 8px}.section-heading p,.daily-banner p{color:var(--muted);font-size:13px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-image{height:145px;position:relative;background:#e7d5b8;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.category-card:hover .category-image img{transform:scale(1.05)}.category-number{position:absolute;top:11px;left:11px;background:rgba(255,250,238,.94);color:var(--maroon);font-size:10px;font-weight:700;padding:5px 8px;border-radius:3px}.category-body{padding:16px}.category-body h3{font-family:'Playfair Display',serif;font-size:19px;line-height:1.2;margin:0 0 8px;color:var(--maroon)}.category-body p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 14px;min-height:52px}.category-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0e8dd;padding-top:11px;font-size:10px;color:#8a7a6d}.category-foot b{color:#a45a36;font-size:12px}
.featured-section{background:var(--maroon);background-image:radial-gradient(circle at 85% 10%,rgba(233,162,59,.15),transparent 30%),linear-gradient(130deg,#5e1c29,#782b36);color:#fff5e5}.section-heading.light h2{color:#fff6e9}.section-heading.light p{color:#d8bdb0}.section-heading.light .eyebrow{color:#f0b65c}.carousel-controls{display:flex;gap:8px}.carousel-controls button{border:1px solid #b77b7f;background:transparent;color:#fff6e9;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:18px}.quiz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.quiz-card{border-radius:7px;overflow:hidden;background:#fffaf0;color:var(--ink);display:flex;flex-direction:column}.quiz-card img{height:130px;width:100%;object-fit:cover}.quiz-card-body{padding:15px;display:flex;flex-direction:column;flex:1}.quiz-meta{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a35b38;font-weight:700}.quiz-card h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--maroon);line-height:1.2;margin:8px 0}.quiz-card p{font-size:11px;color:var(--muted);margin:0 0 16px;flex:1}.quiz-card a{font-size:11px;color:var(--maroon);font-weight:700;border-top:1px solid var(--line);padding-top:12px}
.daily-banner{display:flex;align-items:center;gap:25px;padding:50px clamp(20px,9vw,130px);background:#f4e7d0}.daily-symbol{font-size:54px;color:#c0802d}.daily-banner>div:nth-child(2){flex:1}.daily-banner h2{font-size:29px}.daily-banner p{max-width:560px}.site-footer{padding:35px clamp(20px,6vw,90px);background:#2d1d20;color:#e8d9c9;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.brand-footer{color:#fff2e0}.brand-footer .brand-mark{background:#8c3a42}.site-footer p{font-size:11px;color:#c4b0a3;margin:0;flex:1}.site-footer>div{display:flex;gap:18px;font-size:11px}.site-footer>small{width:100%;font-size:10px;color:#bca69a;border-top:1px solid #594044;padding-top:18px}
.page-hero{text-align:center;padding:78px 20px 68px;background:var(--cream);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(37px,4.5vw,54px);max-width:800px;margin:0 auto 15px}.page-hero p{max-width:650px;margin:0 auto;color:var(--muted);font-size:14px}.category-page-wrap{padding-top:35px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-box{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:5px;padding:0 14px;width:min(100%,360px);height:45px;color:#a35b38}.search-box input{border:0;outline:0;width:100%;background:transparent;font-size:13px;color:var(--ink)}.muted{color:var(--muted);font-size:12px}
.quiz-main{min-height:65vh;background:var(--cream);padding:35px 20px 75px}.back-link{display:block;max-width:850px;margin:0 auto 20px;font-size:12px;color:var(--maroon);font-weight:700}.quiz-shell{max-width:850px;margin:auto;background:#fffdf8;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.quiz-cover{height:190px;background:#d5b48b;position:relative}.quiz-cover img{width:100%;height:100%;object-fit:cover;display:block}.quiz-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(44,16,20,.65),transparent 75%)}.quiz-cover-title{position:absolute;bottom:18px;left:25px;z-index:1;color:#fff8eb}.quiz-cover-title span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.quiz-cover-title h1{font-family:'Playfair Display',serif;font-size:30px;margin:3px 0 0;line-height:1.2}.quiz-content{padding:27px clamp(18px,4vw,36px) 32px}.quiz-progress-row{display:flex;justify-content:space-between;color:#8a7a6d;font-size:11px;margin-bottom:10px}.progress-track{height:5px;border-radius:5px;background:#f0e6d7;overflow:hidden;margin-bottom:28px}.progress-fill{height:100%;background:var(--saffron);transition:width .25s}.question-label{font-size:10px;letter-spacing:1.6px;color:#a35b38;font-weight:700}.quiz-question{font-family:'Playfair Display',serif;font-size:clamp(23px,3vw,31px);line-height:1.28;color:var(--maroon);margin:8px 0 22px}.answer-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.answer-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#fff;padding:13px;cursor:pointer;color:#40332d;font-size:13px;min-height:60px;transition:all .15s}.answer-option:hover:not(:disabled){border-color:#c78b45;background:#fff9ee}.option-letter{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;background:#f5ead8;color:#8a4d31;font-size:11px;font-weight:700}.answer-option.correct{border-color:#2c7a51;background:#edf7f0}.answer-option.correct .option-letter{background:#2c7a51;color:white}.answer-option.wrong{border-color:#b64c45;background:#fff0ed}.answer-option.wrong .option-letter{background:#b64c45;color:white}.answer-option:disabled{cursor:default}.feedback-panel{margin-top:17px;border-radius:7px;padding:15px;background:#f5efe4;border-left:4px solid var(--saffron)}.feedback-panel strong{display:block;color:var(--maroon);font-size:13px;margin-bottom:4px}.feedback-panel p{margin:0;color:#6c5c52;font-size:12px;line-height:1.7}.quiz-controls{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.quiz-controls .btn{padding:11px 17px}.score-note{font-size:11px;color:var(--muted)}.result-panel{text-align:center;padding:30px 12px 15px}.result-medal{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#f7e7c5;color:#a96b22;font-size:36px;margin:0 auto 17px}.result-panel h2{font-family:'Playfair Display',serif;color:var(--maroon);font-size:34px;margin:0 0 8px}.result-score{font-family:'Playfair Display',serif;font-size:46px;color:#b67528}.result-panel p{color:var(--muted);font-size:13px;max-width:500px;margin:8px auto 22px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.loading{padding:45px;text-align:center;color:var(--muted)}
.prose-wrap{max-width:780px;margin:auto;padding:55px 24px 85px}.prose-wrap h2{font-family:'Playfair Display',serif;color:var(--maroon);font-size:26px;margin-top:30px}.prose-wrap p{color:#6c5c52;font-size:14px;line-height:1.9}.prose-wrap .btn{margin-top:12px}
@media(max-width:1000px){.category-grid,.quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:5vw;padding-right:5vw}.hero-art{min-height:350px}.quick-stats{padding-left:4vw;padding-right:4vw}}
@media(max-width:720px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fffdf8;padding:16px 22px 22px;box-shadow:0 15px 20px #3c202015;flex-direction:column;align-items:flex-start;gap:15px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 22px 28px;gap:27px}.hero h1{font-size:47px}.hero-art{min-height:300px;border-radius:130px 130px 8px 8px}.hero-note{margin-top:25px}.quick-stats{grid-template-columns:1fr 1fr;row-gap:18px;padding:22px 14px}.quick-stats div:nth-child(2){border-right:0}.quick-stats strong{font-size:24px}.section-wrap{padding:52px 20px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .text-link{margin-top:-10px}.category-grid,.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-image{height:115px}.category-body{padding:12px}.category-body h3{font-size:16px}.category-body p{font-size:10px;min-height:64px}.category-foot{font-size:9px}.quiz-card img{height:100px}.quiz-card-body{padding:12px}.quiz-card h3{font-size:16px}.daily-banner{padding:35px 22px;align-items:flex-start;flex-wrap:wrap;gap:15px}.daily-symbol{font-size:38px}.daily-banner>div:nth-child(2){flex-basis:75%}.daily-banner h2{font-size:24px}.daily-banner .btn{margin-left:53px}.site-footer{gap:15px}.site-footer p{flex-basis:100%;order:3}.site-footer>div{margin-left:auto}.page-hero{padding:56px 20px}.page-hero h1{font-size:39px}.answer-list{grid-template-columns:1fr}.quiz-cover{height:155px}.quiz-cover-title h1{font-size:25px}.quiz-content{padding:22px 17px}.quiz-question{font-size:25px}.quiz-controls{gap:10px}.quiz-controls .btn{padding:10px 12px}.filter-row{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:390px){.category-grid,.quiz-grid{grid-template-columns:1fr}.category-image{height:160px}.category-body p{min-height:0}.hero h1{font-size:41px}}