/**
Theme Name: OnePaperExam
Author: OnePaperExam Team
Author URI: https://onepaperexam.com
Description: A fully customized WordPress theme for OnePaperExam.com - Pakistan's #1 MCQs & exam prep website. Green animated design with dark mode, MCQ feed, quiz sections and more.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepaperexam
Template: astra
Tags: education, mcqs, exam-prep, pakistan, responsive, dark-mode
*/

:root {
  --green: #1a7a4a;
  --green-dark: #145e38;
  --green-light: #e8f5ee;
  --green-mid: #2db370;
  --accent: #f4a200;
  --accent-light: #fff8e6;
  --white: #ffffff;
  --bg: #f5f7f5;
  --card-bg: #ffffff;
  --text: #1a1a1a;
  --text-muted: #6b7280;
  --border: #e0e7e3;
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.13);
  --nav-bg: #ffffff;
  --topbar-bg: #1a7a4a;
  --footer-bg: #0f3d25;
  --radius: 10px;
  --transition: 0.22s ease;
}
[data-theme="dark"] {
  --bg: #0f1a14;
  --card-bg: #172313;
  --text: #e8f5ee;
  --text-muted: #7cad8e;
  --border: #1e3528;
  --nav-bg: #0f1a14;
  --topbar-bg: #0a2e18;
  --shadow: 0 2px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
  --green-light: #122b1c;
  --accent-light: #2a2000;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text);transition:background var(--transition),color var(--transition);line-height:1.6;font-size:15px}
a{color:inherit;text-decoration:none}
img{max-width:100%}
ul{list-style:none}

/* ── TOP BAR ── */
.topbar{background:var(--topbar-bg);color:#fff;font-size:12.5px;padding:6px 0;border-bottom:2px solid var(--green-mid)}
.topbar-inner{max-width:1300px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.topbar-left{display:flex;align-items:center;gap:14px}
.topbar-left a{color:#d4f5e4;display:flex;align-items:center;gap:5px;transition:color .2s}
.topbar-left a:hover{color:#fff}
.topbar-right{display:flex;align-items:center;gap:10px}
.topbar-right a{color:#d4f5e4;font-size:14px;transition:transform .2s,color .2s}
.topbar-right a:hover{color:#fff;transform:scale(1.15)}

/* ── HEADER / NAV ── */
header{background:var(--nav-bg);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;transition:background var(--transition)}
.header-inner{max-width:1300px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;height:62px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--green)}
.logo-icon{width:40px;height:40px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900;flex-shrink:0}
.logo span{color:var(--accent);font-weight:800}
.nav-main{display:flex;align-items:center;gap:2px}
.nav-main > li{position:relative}
.nav-main > li > a{display:flex;align-items:center;gap:4px;padding:8px 13px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--text);transition:background .2s,color .2s;white-space:nowrap}
.nav-main > li > a:hover,.nav-main > li.active > a{background:var(--green-light);color:var(--green)}
.nav-main > li > a .fa-chevron-down{font-size:10px;transition:transform .2s}
.nav-main > li:hover > a .fa-chevron-down{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:900}
.nav-main > li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:flex;align-items:center;gap:9px;padding:9px 18px;font-size:13px;font-weight:500;color:var(--text);transition:background .15s,color .15s}
.dropdown a:hover{background:var(--green-light);color:var(--green)}
.dropdown a i{width:18px;color:var(--green);font-size:13px}
.header-actions{display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--green);border:2px solid var(--green)}
.btn-outline:hover{background:var(--green-light)}
.btn-quiz{background:var(--accent);color:#fff;font-weight:700}
.btn-quiz:hover{background:#d48e00;transform:translateY(-1px)}
.theme-toggle{width:36px;height:36px;border-radius:8px;background:var(--green-light);color:var(--green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s}
.theme-toggle:hover{background:var(--green);color:#fff}
.hamburger{display:none;width:36px;height:36px;border-radius:8px;background:var(--green-light);color:var(--green);border:none;cursor:pointer;align-items:center;justify-content:center;font-size:17px}

/* ── SEARCH BAR ── */
.search-bar{background:var(--green);padding:14px 0}
.search-inner{max-width:700px;margin:auto;padding:0 18px;display:flex;gap:0}
.search-inner input{flex:1;padding:12px 18px;border:none;border-radius:8px 0 0 8px;font-size:14px;font-family:'Poppins',sans-serif;outline:none;background:var(--white);color:#222}
.search-inner button{padding:12px 22px;background:var(--accent);color:#fff;border:none;border-radius:0 8px 8px 0;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}
.search-inner button:hover{background:#d48e00}

/* ── HERO ── */
.hero{background:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 50%,#2db370 100%);padding:60px 18px 52px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.hero-inner{max-width:860px;margin:auto;text-align:center}
.hero-text h1{font-size:38px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
.hero-text h1 span{color:var(--accent)}
.hero-text p{color:#c8eed9;font-size:15.5px;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto}
.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;justify-content:center}
.badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,0.13);color:#fff;padding:5px 13px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,0.2)}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.hero-stats{display:none}
.stat-item{text-align:center}
.stat-num{font-size:26px;font-weight:800;color:#fff}
.stat-lbl{font-size:11.5px;color:#c8eed9;font-weight:500}

/* ── TICKER ── */
.ticker{background:var(--accent);color:#fff;padding:8px 0;overflow:hidden}
.ticker-inner{display:flex;align-items:center;gap:0}
.ticker-label{background:var(--green-dark);color:#fff;padding:4px 16px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}
.ticker-track{overflow:hidden;flex:1}
.ticker-content{display:inline-flex;gap:40px;animation:ticker 28s linear infinite;white-space:nowrap;font-size:13px;font-weight:500;padding:2px 0}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-content span{display:inline-flex;align-items:center;gap:6px}
.ticker-content span::before{content:'●';font-size:8px;opacity:.7}

/* ── SECTIONS ── */
.section{padding:44px 18px}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.section-title{font-size:20px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:9px}
.section-title::before{content:'';display:inline-block;width:4px;height:22px;background:var(--green);border-radius:2px}
.see-all{font-size:13px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:5px}
.see-all:hover{text-decoration:underline}
.container{max-width:1300px;margin:auto}

/* ── SUBJECT GRID ── */
.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}
.subject-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px;text-align:center;transition:all .22s;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}
.subject-card:hover{border-color:var(--green);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.subj-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.subject-card h3{font-size:13px;font-weight:700;color:var(--text)}
.subject-card span{font-size:11.5px;color:var(--text-muted)}
.subj-icon.green{background:#e8f5ee;color:#1a7a4a}
.subj-icon.blue{background:#e8f0ff;color:#3b5bdb}
.subj-icon.red{background:#fff0ee;color:#c0392b}
.subj-icon.orange{background:#fff8e6;color:#f4a200}
.subj-icon.purple{background:#f5eeff;color:#7c3aed}
.subj-icon.teal{background:#e4faff;color:#0891b2}
.subj-icon.pink{background:#fff0f5;color:#db2777}
.subj-icon.brown{background:#fdf4ee;color:#92400e}

/* ── EXAM CATEGORIES ── */
.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.exam-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;transition:all .22s;position:relative;overflow:hidden}
.exam-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--green)}
.exam-card:hover{border-color:var(--green);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.exam-card h3{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text)}
.exam-card p{font-size:12.5px;color:var(--text-muted);margin-bottom:12px}
.exam-tags{display:flex;flex-wrap:wrap;gap:5px}
.tag{display:inline-block;background:var(--green-light);color:var(--green);padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}

/* ── MCQ FEED ── */
.mcq-layout{display:grid;grid-template-columns:1fr 300px;gap:22px}
.mcq-list{display:flex;flex-direction:column;gap:12px}
.mcq-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;transition:all .2s}
.mcq-card:hover{border-color:var(--green);box-shadow:var(--shadow)}
.mcq-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mcq-cat{display:inline-block;background:var(--green-light);color:var(--green);padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}
.mcq-date{font-size:11.5px;color:var(--text-muted)}
.mcq-card h4{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--text);line-height:1.45}
.mcq-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mcq-opt{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;background:var(--bg);border:1px solid var(--border);font-size:13px;cursor:pointer;transition:all .18s}
.mcq-opt:hover{border-color:var(--green);background:var(--green-light);color:var(--green)}
.mcq-opt.correct{background:#e8f5ee;border-color:#1a7a4a;color:#1a7a4a;font-weight:600}
.mcq-opt .opt-letter{width:22px;height:22px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.show-answer-btn{margin-top:10px;background:none;border:none;color:var(--green);font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;padding:0;font-family:'Poppins',sans-serif}

/* ── SIDEBAR ── */
.sidebar{display:flex;flex-direction:column;gap:18px}
.widget{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.widget-header{background:var(--green);color:#fff;padding:11px 16px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:7px}
.widget-body{padding:14px}
.widget-links a{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text);transition:color .18s}
.widget-links a:last-child{border-bottom:none}
.widget-links a:hover{color:var(--green)}
.widget-links a i{color:var(--green);font-size:13px;width:18px}
.quiz-widget{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;border:none}
.quiz-widget .widget-body{padding:20px}
.quiz-widget h3{font-size:16px;font-weight:800;margin-bottom:7px}
.quiz-widget p{font-size:13px;opacity:.85;margin-bottom:14px}

/* ── QUIZ SECTION ── */
.quiz-section{background:var(--green-light);border-radius:14px;padding:32px;margin:0 18px 40px;text-align:center;border:1px solid var(--border)}
[data-theme="dark"] .quiz-section{background:var(--card-bg)}
.quiz-section h2{font-size:24px;font-weight:800;color:var(--green);margin-bottom:9px}
.quiz-section p{color:var(--text-muted);font-size:14px;margin-bottom:22px}
.quiz-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.quiz-cat-btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid var(--green);background:transparent;color:var(--green);font-family:'Poppins',sans-serif}
.quiz-cat-btn:hover,.quiz-cat-btn.active{background:var(--green);color:#fff}

/* ── PAPERS WITH SIDEBAR LAYOUT ── */
.papers-with-sidebar{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:start}
.papers-main{min-width:0}
.papers-sidebar{position:sticky;top:80px}

/* ── PS WIDGET (sidebar year widget) ── */
.ps-widget{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}
.ps-widget-header{background:linear-gradient(135deg,var(--green-dark),var(--green-mid));color:#fff;padding:14px 16px;font-size:13px;font-weight:800;text-align:center;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase}
.ps-widget-body{background:var(--card-bg);padding:8px 12px;display:flex;flex-direction:column;gap:6px}
.ps-year-row{display:flex;align-items:center;gap:0;background:#e8f5f0;border-radius:30px;overflow:hidden;transition:all .2s;border:1px solid #c8e6d4;text-decoration:none}
.ps-year-row:hover{border-color:var(--green);box-shadow:0 2px 8px rgba(26,122,74,.15);transform:translateY(-1px)}
.ps-year-num{background:transparent;color:var(--green);font-size:17px;font-weight:800;padding:10px 14px;min-width:66px;text-align:center;border-right:2px solid #c8e6d4;line-height:1}
.ps-year-label{font-size:12.5px;font-weight:600;color:#2a4a38;padding:10px 14px;flex:1}
.ps-widget-footer{display:block;background:linear-gradient(135deg,var(--green-dark),var(--green-mid));color:#fff;text-align:center;padding:13px 16px;font-size:12px;font-weight:800;letter-spacing:.4px;line-height:1.5;text-transform:uppercase;transition:opacity .2s}
.ps-widget-footer:hover{opacity:.88}
.ps-widget-footer i{margin-right:6px}

[data-theme="dark"] .ps-year-row{background:#1a2e22;border-color:#2a4a38}
[data-theme="dark"] .ps-year-num{border-right-color:#2a4a38}
[data-theme="dark"] .ps-year-label{color:#c8eed9}

@media(max-width:860px){.papers-with-sidebar{grid-template-columns:1fr}.papers-sidebar{position:static}}

/* ── YEAR TABS ── */
.year-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.year-tab{padding:6px 16px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;border:2px solid var(--border);background:var(--bg);color:var(--text-muted);font-family:'Poppins',sans-serif;transition:all .2s}
.year-tab:hover{border-color:var(--green);color:var(--green)}
.year-tab.active{background:var(--green);color:#fff;border-color:var(--green)}

/* ── SUBJECT PILLS ── */
.subject-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
.subj-pill{padding:7px 16px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;border:2px solid var(--border);background:var(--bg);color:var(--text-muted);font-family:'Poppins',sans-serif;transition:all .2s}
.subj-pill:hover{border-color:var(--green);color:var(--green)}
.subj-pill.active{background:var(--green);color:#fff;border-color:var(--green)}

/* ── PAGINATION ── */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap}
.page-btn{width:36px;height:36px;border-radius:8px;border:2px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:'Poppins',sans-serif}
.page-btn:hover{border-color:var(--green);color:var(--green)}
.page-btn.active{background:var(--green);color:#fff;border-color:var(--green)}
.page-btn.prev-next{width:auto;padding:0 14px;gap:5px}

/* ── JUMP-TO PAGINATION BAR ── */
.pgn-bar {
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:22px;
}
.pgn-btn {
  min-width:52px;
  height:40px;
  padding:0 14px;
  border-radius:8px;
  border:2px solid var(--border);
  background:var(--card-bg);
  color:var(--text);
  font-size:13.5px;
  font-weight:600;
  cursor:pointer;
  font-family:'Poppins',sans-serif;
  transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.pgn-btn:hover:not(:disabled) {
  border-color:var(--green);
  color:var(--green);
  transform:translateY(-2px) scale(1.06);
  box-shadow:0 4px 14px rgba(26,122,74,0.18);
}
.pgn-btn.active {
  background:var(--green);
  color:#fff;
  border-color:var(--green);
  box-shadow:0 4px 14px rgba(26,122,74,0.35);
}
.pgn-btn:disabled {
  opacity:0.38;
  cursor:not-allowed;
}
.pgn-btn.pgn-dots {
  cursor:default;
  border-color:transparent;
  background:transparent;
  color:var(--text-muted);
  min-width:28px;
  padding:0;
  font-size:16px;
  letter-spacing:1px;
}
.pgn-btn.pgn-dots:hover { transform:none; box-shadow:none; }
.pgn-btn.pgn-arrow {
  min-width:40px;
  color:var(--green);
  border-color:var(--border);
}
.pgn-jump-wrap {
  display:flex;
  align-items:center;
  gap:0;
  margin-left:4px;
  flex:1;
  max-width:340px;
}
.pgn-jump-input {
  flex:1;
  height:40px;
  padding:0 14px;
  border:2px solid var(--border);
  border-right:none;
  border-radius:8px 0 0 8px;
  font-size:13.5px;
  font-family:'Poppins',sans-serif;
  background:var(--card-bg);
  color:var(--text);
  outline:none;
  transition:border-color 0.2s, box-shadow 0.2s;
}
.pgn-jump-input:focus {
  border-color:var(--green);
  box-shadow:0 0 0 3px rgba(26,122,74,0.12);
}
.pgn-jump-input::placeholder { color:var(--text-muted); font-size:13px; }
.pgn-go-btn {
  height:40px;
  padding:0 18px;
  background:var(--green);
  color:#fff;
  border:2px solid var(--green);
  border-radius:0 8px 8px 0;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  font-family:'Poppins',sans-serif;
  transition:background 0.2s, transform 0.18s, box-shadow 0.2s;
  letter-spacing:.5px;
}
.pgn-go-btn:hover {
  background:var(--green-dark);
  box-shadow:0 4px 14px rgba(26,122,74,0.35);
  transform:scale(1.04);
}
[data-theme="dark"] .pgn-jump-input {
  background:var(--bg);
  color:var(--text);
}
/* MCQ card fade-in animation */
@keyframes mcqFadeIn {
  from { opacity:0; transform:translateY(16px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ── BLOGS GRID ── */
.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;transition:all .22s;display:flex;flex-direction:column;gap:10px}
.blog-card:hover{border-color:var(--green);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.blog-cat-tag{display:inline-block;background:var(--green-light);color:var(--green);padding:3px 11px;border-radius:20px;font-size:11px;font-weight:700;width:fit-content}
.blog-card h3{font-size:14px;font-weight:700;color:var(--text);line-height:1.5}
.blog-card p{font-size:12.5px;color:var(--text-muted);line-height:1.6;flex:1}
.blog-meta{display:flex;gap:14px;font-size:11.5px;color:var(--text-muted)}
.blog-meta span{display:flex;align-items:center;gap:5px}
.blog-meta i{color:var(--green)}

/* ── QUIZ TYPE BUTTONS ── */
.quiz-type-btn{padding:9px 22px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;border:2px solid var(--green);background:transparent;color:var(--green);font-family:'Poppins',sans-serif;display:inline-flex;align-items:center;gap:7px;transition:all .2s}
.quiz-type-btn.active,.quiz-type-btn:hover{background:var(--green);color:#fff}


/* ── RESPONSIVE additions ── */
@media(max-width:560px){.year-tabs{gap:5px}.year-tab{padding:5px 11px;font-size:11.5px}.blogs-grid{grid-template-columns:1fr}}

/* ── PAST PAPERS ── */
.papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.paper-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:13px;transition:all .2s}
.paper-card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-2px)}
.paper-icon{width:42px;height:42px;border-radius:9px;background:var(--green-light);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.paper-info h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.paper-info span{font-size:11.5px;color:var(--text-muted)}

/* ── FOOTER ── */
footer{background:var(--footer-bg);color:#c8eed9;padding:44px 18px 0}
.footer-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid #1e4a30}
.footer-brand .logo{margin-bottom:12px;color:#fff}
.footer-brand p{font-size:13px;line-height:1.7;color:#9cc9af;max-width:280px;margin-bottom:16px}
.footer-social{display:flex;gap:9px}
.footer-social a{width:34px;height:34px;border-radius:8px;background:#1e4a30;color:#9cc9af;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.footer-social a:hover{background:var(--green-mid);color:#fff}
.footer-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:14px}
.footer-col ul li{margin-bottom:7px}
.footer-col ul li a{font-size:13px;color:#9cc9af;transition:color .18s;display:flex;align-items:center;gap:6px}
.footer-col ul li a::before{content:'›';color:var(--green-mid)}
.footer-col ul li a:hover{color:#fff}
.footer-bottom{max-width:1300px;margin:0 auto;padding:16px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#6b9c7a}
.footer-bottom a{color:#9cc9af}
.footer-bottom a:hover{color:#fff}

/* ── MOBILE NAV ── */
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--card-bg);z-index:2000;overflow-y:auto;padding:24px;transform:translateX(-100%);transition:transform .3s}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.mobile-nav-close{width:36px;height:36px;border-radius:8px;background:var(--bg);border:none;cursor:pointer;color:var(--text);font-size:18px}
.mobile-links a{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text)}
.mobile-links a i{color:var(--green);width:20px}

/* ── BREADCRUMB ── */
.breadcrumb{background:var(--card-bg);border-bottom:1px solid var(--border);padding:9px 18px;font-size:12.5px;color:var(--text-muted)}
.breadcrumb-inner{max-width:1300px;margin:auto;display:flex;align-items:center;gap:6px}
.breadcrumb a{color:var(--green)}
.breadcrumb span{opacity:.5}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr;}.hero-stats{display:none}.mcq-layout{grid-template-columns:1fr}}
@media(max-width:820px){.nav-main{display:none}.hamburger{display:flex}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.subjects-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr}.hero-text h1{font-size:24px}.mcq-options{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════
   ANIMATIONS & ENHANCED BUTTON STYLES
═══════════════════════════════════════════ */

/* ── KEYFRAMES ── */
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(28px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeInDown {
  from { opacity:0; transform:translateY(-20px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeInLeft {
  from { opacity:0; transform:translateX(-30px); }
  to   { opacity:1; transform:translateX(0); }
}
@keyframes fadeInRight {
  from { opacity:0; transform:translateX(30px); }
  to   { opacity:1; transform:translateX(0); }
}
@keyframes scaleIn {
  from { opacity:0; transform:scale(0.88); }
  to   { opacity:1; transform:scale(1); }
}
@keyframes float {
  0%,100% { transform:translateY(0px); }
  50%      { transform:translateY(-8px); }
}
@keyframes pulse-glow {
  0%,100% { box-shadow:0 0 0 0 rgba(26,122,74,0.35); }
  50%      { box-shadow:0 0 0 12px rgba(26,122,74,0); }
}
@keyframes shimmer {
  0%   { background-position:-200% center; }
  100% { background-position:200% center; }
}
@keyframes spin-slow {
  from { transform:rotate(0deg); }
  to   { transform:rotate(360deg); }
}
@keyframes bounce-in {
  0%   { opacity:0; transform:scale(0.3); }
  50%  { opacity:1; transform:scale(1.08); }
  70%  { transform:scale(0.95); }
  100% { transform:scale(1); }
}
@keyframes hero-bg-drift {
  0%,100% { background-position:0% 50%; }
  50%      { background-position:100% 50%; }
}
@keyframes badge-pop {
  0%   { opacity:0; transform:scale(0.6) translateY(10px); }
  70%  { transform:scale(1.05) translateY(-2px); }
  100% { opacity:1; transform:scale(1) translateY(0); }
}
@keyframes count-up {
  from { opacity:0; transform:translateY(12px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes ripple {
  0%   { transform:scale(0); opacity:0.5; }
  100% { transform:scale(4); opacity:0; }
}
@keyframes slide-in-right {
  from { transform:translateX(100%); opacity:0; }
  to   { transform:translateX(0); opacity:1; }
}
@keyframes topbar-fade {
  from { opacity:0; transform:translateY(-100%); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes logo-pulse {
  0%,100% { box-shadow:0 0 0 0 rgba(244,162,0,0.4); }
  50%      { box-shadow:0 0 0 8px rgba(244,162,0,0); }
}

/* ── TOP BAR ANIMATION ── */
.topbar { animation:topbar-fade 0.5s ease both; }

/* ── HEADER ── */
header { animation:fadeInDown 0.5s 0.1s ease both; }

/* ── LOGO ── */
.logo-icon {
  animation:logo-pulse 3s ease infinite;
  transition:transform 0.3s ease;
}
.logo:hover .logo-icon { transform:rotate(-8deg) scale(1.12); }

/* ── NAV LINKS ── */
.nav-main > li > a {
  position:relative;
  overflow:hidden;
}
.nav-main > li > a::after {
  content:'';
  position:absolute;
  bottom:0; left:50%; right:50%;
  height:2px;
  background:var(--green);
  transition:left 0.25s ease, right 0.25s ease;
}
.nav-main > li > a:hover::after,
.nav-main > li.active > a::after {
  left:8px; right:8px;
}

/* ── DROPDOWN ENHANCEMENT ── */
.dropdown {
  transition:opacity 0.22s ease, transform 0.22s cubic-bezier(0.16,1,0.3,1), visibility 0.22s ease;
}
.dropdown a {
  transition:background 0.15s, color 0.15s, transform 0.15s, padding-left 0.15s;
}
.dropdown a:hover { padding-left:24px; }

/* ── SEARCH BAR ── */
.search-bar { animation:fadeInDown 0.5s 0.2s ease both; }
.search-inner input {
  transition:box-shadow 0.25s ease, transform 0.25s ease;
}
.search-inner input:focus {
  box-shadow:0 0 0 3px rgba(244,162,0,0.35);
  transform:scaleX(1.005);
}
.search-inner button {
  position:relative;
  overflow:hidden;
  transition:background 0.2s, transform 0.18s, box-shadow 0.2s;
}
.search-inner button:hover {
  transform:scale(1.04);
  box-shadow:0 4px 18px rgba(244,162,0,0.4);
}
.search-inner button::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  background-size:200% 100%;
  animation:shimmer 2s infinite;
  pointer-events:none;
}

/* ── HERO SECTION ── */
.hero {
  background:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 50%,#2db370 100%);
  background-size:200% 200%;
  animation:hero-bg-drift 8s ease infinite;
}
.hero-badges { animation:fadeInDown 0.6s 0.4s ease both; }
.hero-text h1 { animation:fadeInUp 0.7s 0.5s ease both; }
.hero-text p  { animation:fadeInUp 0.7s 0.65s ease both; }
.hero-btns    { animation:fadeInUp 0.7s 0.8s ease both; }

.hero-badges .badge {
  animation:badge-pop 0.5s ease both;
  transition:transform 0.2s, background 0.2s, box-shadow 0.2s;
}
.hero-badges .badge:nth-child(1) { animation-delay:0.45s; }
.hero-badges .badge:nth-child(2) { animation-delay:0.55s; }
.hero-badges .badge:nth-child(3) { animation-delay:0.65s; }
.hero-badges .badge:hover {
  background:rgba(255,255,255,0.25);
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 6px 20px rgba(0,0,0,0.2);
}

/* ── HERO FLOAT PARTICLES ── */
.hero { position:relative; overflow:hidden; }
.hero-particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.hero-particle {
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  animation:float var(--dur,6s) ease-in-out infinite;
  animation-delay:var(--delay,0s);
}
.hero-inner { position:relative; z-index:1; }

/* ── ENHANCED BUTTONS ── */
.btn {
  position:relative;
  overflow:hidden;
  transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.2s ease, background 0.2s ease !important;
}
.btn::before {
  content:'';
  position:absolute;
  inset:0;
  background:rgba(255,255,255,0.15);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.3s ease;
  border-radius:inherit;
}
.btn:hover::before { transform:scaleX(1); }
.btn::after {
  content:'';
  position:absolute;
  width:20px; height:20px;
  border-radius:50%;
  background:rgba(255,255,255,0.35);
  transform:scale(0);
  opacity:0;
  transition:none;
  pointer-events:none;
}
.btn:active::after {
  animation:ripple 0.5s ease-out forwards;
}

.btn-green {
  box-shadow:0 4px 14px rgba(26,122,74,0.35);
  transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.btn-green:hover {
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:0 8px 24px rgba(26,122,74,0.45) !important;
}
.btn-green:active { transform:translateY(0) scale(0.98) !important; }

.btn-quiz, a[style*="accent"] {
  box-shadow:0 4px 14px rgba(244,162,0,0.35) !important;
}
.btn-quiz:hover, a[style*="accent"]:hover {
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:0 8px 24px rgba(244,162,0,0.5) !important;
}

.btn-outline {
  transition:all 0.22s ease !important;
}
.btn-outline:hover {
  transform:translateY(-2px) !important;
  box-shadow:0 4px 14px rgba(26,122,74,0.2) !important;
}

/* ── THEME TOGGLE ── */
.theme-toggle {
  transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.theme-toggle:hover {
  transform:rotate(20deg) scale(1.1) !important;
}
.theme-toggle i { transition:transform 0.4s ease; }

/* ── HAMBURGER ── */
.hamburger { transition:all 0.2s ease; }
.hamburger:hover { transform:scale(1.12) rotate(5deg); }

/* ── SECTION REVEAL (Intersection Observer) ── */
.reveal {
  opacity:0;
  transform:translateY(24px);
  transition:opacity 0.6s ease, transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.reveal.revealed {
  opacity:1;
  transform:translateY(0);
}
.reveal-left {
  opacity:0;
  transform:translateX(-24px);
  transition:opacity 0.6s ease, transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.reveal-left.revealed { opacity:1; transform:translateX(0); }
.reveal-right {
  opacity:0;
  transform:translateX(24px);
  transition:opacity 0.6s ease, transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.reveal-right.revealed { opacity:1; transform:translateX(0); }

/* ── SUBJECT CARDS ── */
.subject-card {
  transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1) !important;
  cursor:pointer;
}
.subject-card:hover {
  transform:translateY(-6px) scale(1.03) !important;
  box-shadow:0 12px 32px rgba(26,122,74,0.18) !important;
}
.subject-card:hover .subj-icon { animation:float 1.5s ease infinite; }
.subject-card:active { transform:translateY(-2px) scale(1.01) !important; }

/* ── MCQ CARDS ── */
.mcq-card {
  transition:all 0.25s ease !important;
  cursor:pointer;
}
.mcq-card:hover {
  transform:translateX(4px) !important;
  box-shadow:0 4px 20px rgba(26,122,74,0.14) !important;
}
.mcq-opt {
  transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.mcq-opt:hover {
  transform:scale(1.02) translateX(3px) !important;
}
.mcq-opt.correct { animation:scaleIn 0.4s ease; }

/* ── SHOW ANSWER BUTTON ── */
.show-answer-btn {
  transition:all 0.2s ease;
}
.show-answer-btn:hover {
  color:var(--green-dark);
  transform:translateX(4px);
}

/* ── EXAM CARDS / PAPER CARDS ── */
.exam-card {
  transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.exam-card:hover {
  transform:translateY(-5px) !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.12) !important;
}
.exam-card::before {
  transition:height 0.3s ease !important;
}
.exam-card:hover::before { height:5px !important; }

.paper-card {
  transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.paper-card:hover {
  transform:translateY(-3px) translateX(3px) !important;
}
.paper-icon {
  transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1), background 0.2s;
}
.paper-card:hover .paper-icon {
  transform:scale(1.15) rotate(-5deg);
  background:var(--green);
  color:#fff;
}

/* ── BLOG CARDS ── */
.blog-card {
  transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.blog-card:hover {
  transform:translateY(-5px) !important;
  box-shadow:0 12px 32px rgba(0,0,0,0.11) !important;
}

/* ── QUIZ CAT BUTTONS ── */
.quiz-cat-btn {
  transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
  position:relative;
  overflow:hidden;
}
.quiz-cat-btn:hover { transform:translateY(-2px) scale(1.04) !important; }
.quiz-cat-btn.active { animation:bounce-in 0.35s ease; }

/* ── YEAR TABS ── */
.year-tab {
  transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.year-tab:hover { transform:translateY(-2px) scale(1.05) !important; }
.year-tab.active {
  box-shadow:0 4px 14px rgba(26,122,74,0.35) !important;
}

/* ── SUBJECT PILLS ── */
.subj-pill {
  transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.subj-pill:hover { transform:translateY(-2px) scale(1.05) !important; }
.subj-pill.active {
  box-shadow:0 4px 14px rgba(26,122,74,0.35) !important;
  animation:pulse-glow 2s ease infinite;
}

/* ── PAGINATION ── */
.page-btn {
  transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.page-btn:hover:not(:disabled) { transform:scale(1.12) !important; }
.page-btn.active { animation:pulse-glow 2s ease infinite; }

/* ── SIDEBAR WIDGETS ── */
.widget {
  transition:box-shadow 0.25s ease, transform 0.25s ease;
}
.widget:hover { box-shadow:0 8px 28px rgba(0,0,0,0.12); }
.widget-links a {
  transition:color 0.18s, padding-left 0.2s, background 0.18s !important;
  padding:8px 6px !important;
  border-radius:6px;
}
.widget-links a:hover {
  padding-left:14px !important;
  background:var(--green-light);
  color:var(--green) !important;
}

/* ── PS YEAR ROWS ── */
.ps-year-row {
  transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.ps-year-row:hover {
  transform:translateX(5px) scale(1.01) !important;
}
.ps-year-num {
  transition:background 0.2s, color 0.2s;
}
.ps-year-row:hover .ps-year-num {
  background:var(--green) !important;
  color:#fff !important;
}

/* ── QUIZ WIDGET ── */
.quiz-widget {
  position:relative;
  overflow:hidden;
}
.quiz-widget::after {
  content:'🏆';
  position:absolute;
  right:-10px; top:-10px;
  font-size:72px;
  opacity:0.08;
  animation:float 4s ease infinite;
  pointer-events:none;
}

/* ── FOOTER SOCIAL ── */
.footer-social a {
  transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.footer-social a:hover {
  transform:translateY(-4px) scale(1.15) !important;
}
.footer-col ul li a {
  transition:color 0.18s, padding-left 0.2s !important;
}
.footer-col ul li a:hover { padding-left:8px !important; }

/* ── TOPBAR SOCIAL ICONS ── */
.topbar-right a {
  transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.topbar-right a:hover {
  transform:scale(1.3) rotate(-5deg) !important;
  color:#fff !important;
}

/* ── SECTION HEADERS ── */
.section-title {
  position:relative;
  display:inline-flex;
}
.section-title::before {
  transition:height 0.3s ease;
}
.see-all {
  transition:all 0.2s ease;
}
.see-all:hover {
  transform:translateX(5px);
  gap:9px !important;
}

/* ── TICKER PAUSE ON HOVER ── */
.ticker-track:hover .ticker-content { animation-play-state:paused; }

/* ── LOAD MORE BTN ── */
a.btn-green[style*="Load More"],
a[href="#"].btn-green {
  animation:pulse-glow 2.5s ease infinite;
}

/* ── MOBILE NAV LINKS ── */
.mobile-links a {
  transition:all 0.2s ease;
}
.mobile-links a:hover {
  padding-left:20px;
  color:var(--green);
}

/* ── SCROLL TO TOP BUTTON ── */
#scrollTop {
  position:fixed;
  bottom:24px; right:24px;
  width:44px; height:44px;
  border-radius:50%;
  background:var(--green);
  color:#fff;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  box-shadow:0 4px 16px rgba(26,122,74,0.4);
  z-index:999;
  opacity:0;
  transform:scale(0.5) translateY(20px);
  transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);
}
#scrollTop.visible {
  opacity:1;
  transform:scale(1) translateY(0);
}
#scrollTop:hover {
  transform:scale(1.12) translateY(-3px) !important;
  box-shadow:0 8px 24px rgba(26,122,74,0.5);
}

/* ── STATS COUNTER ANIMATION ── */
.stat-num { animation:count-up 0.5s ease both; }
.stat-item:nth-child(1) .stat-num { animation-delay:0.9s; }
.stat-item:nth-child(2) .stat-num { animation-delay:1.0s; }
.stat-item:nth-child(3) .stat-num { animation-delay:1.1s; }
.stat-item:nth-child(4) .stat-num { animation-delay:1.2s; }

/* ── SECTION DIVIDER ANIMATION ── */
.section-title::before {
  animation:scaleIn 0.4s ease both;
}

/* ── BREADCRUMB ── */
.breadcrumb { animation:fadeInLeft 0.5s 0.3s ease both; }

/* ── STAGGERED GRID ITEMS ── */
.subjects-grid .subject-card:nth-child(1)  { transition-delay:0.00s; }
.subjects-grid .subject-card:nth-child(2)  { transition-delay:0.03s; }
.subjects-grid .subject-card:nth-child(3)  { transition-delay:0.06s; }
.subjects-grid .subject-card:nth-child(4)  { transition-delay:0.09s; }
.subjects-grid .subject-card:nth-child(5)  { transition-delay:0.12s; }
.subjects-grid .subject-card:nth-child(6)  { transition-delay:0.15s; }
.subjects-grid .subject-card:nth-child(7)  { transition-delay:0.18s; }
.subjects-grid .subject-card:nth-child(8)  { transition-delay:0.21s; }
.subjects-grid .subject-card:nth-child(9)  { transition-delay:0.24s; }
.subjects-grid .subject-card:nth-child(10) { transition-delay:0.27s; }

/* ── QUIZ SECTION ── */
.quiz-section {
  transition:box-shadow 0.3s ease;
}
.quiz-section:hover {
  box-shadow:0 8px 32px rgba(26,122,74,0.12);
}

/* ── MCQ CORRECT OPTION GLOW ── */
.mcq-opt.correct {
  animation:scaleIn 0.3s ease, pulse-glow 2s ease 0.4s 2;
}

/* ── TAG HOVER ── */
.tag {
  transition:all 0.2s ease;
  cursor:default;
}
.exam-card:hover .tag {
  background:var(--green);
  color:#fff;
}

/* ── BLOG CAT TAG ── */
.blog-cat-tag {
  transition:all 0.2s ease;
}
.blog-card:hover .blog-cat-tag {
  transform:translateX(3px);
}


/* ── WORDPRESS SPECIFIC ── */
.site-content, #content, .ast-container, .entry-content { 
  padding: 0 !important; 
  margin: 0 !important; 
  max-width: 100% !important; 
}
.ast-header-sections, .ast-above-header-bar, .ast-below-header-bar { display: none !important; }
header.site-header, .ast-main-header-wrap { display: none !important; }
.ope-page-wrap { padding: 0; }

/* ── HERO PAGE SECTIONS ── */
.ope-section-hero {
  padding: 44px 18px 36px;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.ope-hero-green { background: linear-gradient(135deg, var(--green-dark) 0%, var(--green) 60%, #2db370 100%); }
.ope-hero-blue  { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); }
.ope-hero-accent { background: linear-gradient(135deg, #b45309 0%, var(--accent) 100%); }
.ope-hero-purple { background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%); }
.ope-section-hero h1 { font-size: 32px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.ope-section-hero p  { font-size: 14.5px; color: rgba(255,255,255,0.85); }

/* ── BREADCRUMB ── */
.ope-breadcrumb {
  background: var(--card-bg);
  border-bottom: 1px solid var(--border);
  padding: 9px 18px;
  font-size: 12.5px;
  color: var(--text-muted);
  max-width: 100%;
}
.ope-breadcrumb a { color: var(--green); }
.ope-breadcrumb span { opacity: .5; }

/* ── SECTION TITLE (inner pages) ── */
.ope-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  font-weight: 800;
  color: var(--text);
  margin: 28px 0 18px;
}
.ope-section-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: var(--green);
  border-radius: 2px;
}

/* ── WP SEARCH PAGE ── */
.search-results-list { display: flex; flex-direction: column; gap: 14px; }
.search-result-item {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px;
  transition: all .2s;
}
.search-result-item:hover { border-color: var(--green); box-shadow: var(--shadow); }
.search-result-item h3 { font-size: 15px; margin-bottom: 6px; }
.search-result-item p  { font-size: 13px; color: var(--text-muted); }

/* ── 404 PAGE ── */
.ope-404 { text-align: center; padding: 80px 18px; }
.ope-404 h1 { font-size: 80px; color: var(--green); font-weight: 900; margin-bottom: 12px; }
.ope-404 h2 { font-size: 24px; margin-bottom: 12px; }
.ope-404 p  { color: var(--text-muted); font-size: 15px; margin-bottom: 24px; }