/* V55 SEO GUIDE STYLES */
.seo-guide-main{padding:0 0 48px;background:#f7f9fc}.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px 0 0;font-size:.9rem;color:#5e6a7a}.seo-breadcrumb a{color:#183b67;text-decoration:none;font-weight:700}.seo-guide-hero{margin:18px 0 24px;padding:34px;border:1px solid #d8e1ec;border-radius:18px;background:linear-gradient(135deg,#fff,#f2f6fb);box-shadow:0 10px 28px rgba(11,31,58,.07)}.seo-guide-hero h1{margin:8px 0 12px;color:#0b1f3a;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.seo-guide-hero p{max-width:900px;font-size:1.06rem;line-height:1.75;color:#3d4a59}.seo-guide-meta{margin-top:18px;padding-top:14px;border-top:1px solid #dbe3ed;color:#667485;font-size:.88rem}.seo-guide-section{margin:20px 0;padding:28px;border:1px solid #dbe3ed;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(11,31,58,.05)}.seo-guide-section h2{margin:0 0 14px;color:#0b1f3a;font-size:1.55rem}.seo-guide-section p,.seo-guide-section li{color:#3f4b59;line-height:1.72}.seo-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.seo-guide-card{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #ccd8e6;border-radius:14px;background:#fff;color:#0b1f3a;text-decoration:none;transition:.18s ease}.seo-guide-card:hover{transform:translateY(-2px);border-color:#9fb2c9;box-shadow:0 8px 20px rgba(11,31,58,.08)}.seo-guide-card strong{font-size:1rem}.seo-guide-card span{color:#596777;line-height:1.5;font-size:.92rem}.seo-guide-card.static:hover{transform:none;box-shadow:none}.seo-steps{margin:10px 0 18px;padding-left:24px}.seo-steps li{padding:4px 0}.seo-table-wrap{overflow-x:auto}.seo-table{width:100%;border-collapse:collapse;margin:12px 0}.seo-table th,.seo-table td{padding:13px 14px;border:1px solid #d8e1ec;text-align:left}.seo-table th{background:#0b1f3a;color:#fff}.seo-table tbody tr:nth-child(even){background:#f6f8fb}.seo-year-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.seo-year-chip{display:block;padding:13px 8px;border:1px solid #ccd8e6;border-radius:10px;text-align:center;text-decoration:none;font-weight:800;color:#0b1f3a;background:#f8fafc}.seo-year-chip:hover{background:#0b1f3a;color:#fff}.seo-source-note{margin:20px 0;padding:16px 18px;border-left:4px solid #c7a34b;background:#fff8e8;border-radius:8px;color:#4c4a43;line-height:1.55}.seo-source-note a{color:#123c6a;font-weight:700}.seo-discovery-section{border-top:1px solid #e0e6ee}.seo-pyq-hub-link{margin:8px 0 18px;padding:11px 14px;border-left:3px solid #c7a34b;background:#fff8e8;border-radius:6px;color:#4b5664}.seo-pyq-hub-link a{font-weight:800;color:#123c6a}.seo-guide-related{background:#f8fafc}
/* V57 clickable core-area cards */
.seo-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-core-card{position:relative;min-height:150px;padding:22px 22px 48px;border-width:1px;overflow:hidden;box-shadow:0 8px 20px rgba(11,31,58,.07)}.seo-core-card::after{content:'Explore materials  →';position:absolute;left:22px;bottom:18px;font-size:.82rem;font-weight:800;letter-spacing:.01em;color:#183b67}.seo-core-card::before{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;top:-40px;background:rgba(255,255,255,.42)}.seo-core-card strong{font-size:1.08rem}.seo-core-card span{max-width:92%}.seo-core-card:hover,.seo-core-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,31,58,.13);outline:none}.seo-core-card.grammar{background:linear-gradient(135deg,#eaf3ff,#d8eaff);border-color:#aacbf5}.seo-core-card.vocabulary{background:linear-gradient(135deg,#f3ecff,#e5d7ff);border-color:#c8b0f1}.seo-core-card.comprehension{background:linear-gradient(135deg,#e8f9f0,#d4f1e2);border-color:#a8d9bf}.seo-core-card.cohesion{background:linear-gradient(135deg,#fff5e6,#ffe9c7);border-color:#eccb91}.seo-core-card.grammar::after{color:#15529a}.seo-core-card.vocabulary::after{color:#6d3db2}.seo-core-card.comprehension::after{color:#24744d}.seo-core-card.cohesion::after{color:#9a5d11}
@media(max-width:980px){.seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.seo-guide-hero,.seo-guide-section{padding:20px}.seo-guide-grid{grid-template-columns:1fr}.seo-core-grid{grid-template-columns:1fr}.seo-core-card{min-height:142px;padding:19px 19px 44px}.seo-core-card::after{left:19px;bottom:16px}.seo-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-guide-hero h1{font-size:2rem}.seo-breadcrumb{font-size:.82rem}}
