/* CHEZZIES SEO pages v2 — additions on top of style.css */
.seo-square{position:relative}
.seo-square.mark::after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#1d4a3fcc;box-shadow:0 0 0 2px #ffffff55}
.seo-square.hl{box-shadow:inset 0 0 0 4px #ffcf5a}
.seo-square[data-rank]::before{content:attr(data-rank);position:absolute;left:3px;top:2px;font:700 10px/1 Outfit,system-ui,sans-serif;color:#2b3f3a99}
.seo-square[data-file]::before{content:attr(data-file);position:absolute;right:3px;bottom:2px;font:700 10px/1 Outfit,system-ui,sans-serif;color:#2b3f3a99}
.seo-square[data-rank][data-file]::before{content:attr(data-rank)}
span.seo-square{cursor:default}
.seo-puzzle-title{font-size:clamp(24px,2.6vw,34px);line-height:1.15}
.seo-puzzle+.seo-puzzle{margin-top:26px}
.seo-short-answer{max-width:820px;margin:0 0 6px;padding:22px 26px;border-left:3px solid var(--gold);background:#ffffff0b;border-radius:0 14px 14px 0;font-size:17px;line-height:1.65;color:#f3efe2}
.seo-short-answer strong{color:var(--paper)}
.seo-toc{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.seo-toc a{border:1px solid #d6b77788;border-radius:999px;padding:7px 14px;color:var(--gold);font-size:13px}
.seo-toc a:hover{background:#ffffff12}
.seo-prose{max-width:820px}
.seo-prose p{font-size:16px;line-height:1.75;margin-top:16px}
.seo-prose h3{font-size:22px;margin-top:34px}
.seo-prose ul,.seo-prose ol{margin:14px 0 0 22px;font-size:16px;line-height:1.7}
.seo-prose li{margin-top:6px}
.seo-prose strong{color:var(--paper)}
.seo-level{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;font-size:11px;letter-spacing:.06em;background:#ffffff14;color:#d9e6e1;vertical-align:middle}
.seo-diagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.seo-diagram{margin:0;padding:20px;border:1px solid #c9d9c437;border-radius:16px;background:#17323d}
.seo-diagram .seo-puzzle-board{border-width:6px;box-shadow:none}
.seo-diagram h3{font-size:20px;margin:16px 0 6px}
.seo-diagram p{font-size:14px;line-height:1.6}
.seo-table-wrap{overflow-x:auto;margin-top:26px}
.seo-table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.seo-table th,.seo-table td{padding:13px 14px;border-bottom:1px solid #dae3d627;text-align:left;vertical-align:top}
.seo-table th{color:var(--gold);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.seo-table td:first-child{color:var(--paper);font-weight:700}
.seo-lessons{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px;counter-reset:lesson}
.seo-lessons li{counter-increment:lesson;position:relative;padding:24px 24px 24px 76px;border:1px solid #c9d9c437;border-radius:14px;background:#17323d}
.seo-lessons li::before{content:counter(lesson);position:absolute;left:24px;top:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d7bd83;color:#14262c;font:800 17px Outfit,system-ui,sans-serif}
.seo-lessons h3{font-size:20px}
.seo-lessons p{font-size:15px;margin-top:8px;line-height:1.65}
.seo-lessons .seo-lesson-meta{font-size:13px;color:#cfdbd8;margin-top:10px}
.seo-author{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:13px;color:#cfdbd8}
.seo-puzzle-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.seo-puzzle-index a{min-width:42px;text-align:center;border:1px solid #d6b77766;border-radius:10px;padding:7px 10px;color:var(--gold);font-size:13px}
.seo-callout{margin-top:26px;padding:22px 24px;border:1px solid #efd79a4f;border-radius:16px;background:linear-gradient(135deg,#193842,#102a34)}
.seo-callout p{font-size:15px;line-height:1.65}
.seo-callout .cta{margin-top:16px}
@media(max-width:850px){.seo-diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.seo-diagram-grid{grid-template-columns:1fr}.seo-short-answer{padding:18px;font-size:16px}.seo-lessons li{padding:20px 18px 20px 64px}.seo-lessons li::before{left:16px}.seo-diagram .seo-puzzle-board{max-width:340px;margin:0 auto}}