/* Публичные страницы заданий (/zadaniya, /oge/15, /oge/15/3) — поверх landing.css и legal.css. */
.seo-main .legal-hero{padding:64px 0 36px}
.seo-main .legal-hero h1{font-size:clamp(30px,4.4vw,54px)}
.seo-task-hero h1{font-size:clamp(26px,3.6vw,42px)!important}
.seo-body{padding-top:36px}
.seo-block{margin-bottom:44px}
.seo-block h2{margin:0 0 16px;font-size:24px}
.seo-block h2 a{color:var(--text);text-decoration:none}
.seo-block h2 a:hover{color:var(--violet)}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.seo-tile{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s}
.seo-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.seo-tile b{font-family:var(--display);font-size:20px;color:var(--violet)}
.seo-tile span{font-weight:600;line-height:1.35}
.seo-tile small{color:var(--subtle);font-size:13px}
.seo-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0;padding:20px 24px;border:1px solid var(--line-strong);border-radius:22px;background:var(--grad-soft)}
.seo-cta div{display:grid;gap:4px}
.seo-cta b{font-family:var(--display);font-size:18px}
.seo-cta span{color:var(--muted);font-size:15px}
.seo-cta .button{flex:none}
.seo-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.seo-list a{display:grid;gap:4px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--muted);text-decoration:none}
.seo-list a:hover{border-color:var(--line-strong);color:var(--text)}
.seo-list b{color:var(--text)}
.seo-pager{display:flex;justify-content:space-between;gap:12px;margin:28px 0}
.seo-pager a{padding:10px 16px;border:1px solid var(--line);border-radius:14px;color:var(--text);text-decoration:none;font-weight:600}
.seo-pager a:hover{border-color:var(--line-strong);color:var(--violet)}
.seo-nums{color:var(--subtle);line-height:2}
.seo-nums a{color:var(--violet)}
.seo-crumbs{margin-bottom:14px;color:var(--subtle);font-size:14px}
.seo-crumbs a{color:var(--muted)}
.seo-card{padding:30px 34px;border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:var(--shadow-soft)}
.seo-card h2{margin:0 0 14px;font-size:22px}
.seo-text{margin:0;font-size:18px;line-height:1.75;white-space:pre-line}
.seo-img{display:block;max-width:100%;height:auto;margin:20px auto 4px;border-radius:16px;background:#fff}
.seo-details{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:var(--glass)}
.seo-details summary{cursor:pointer;padding:14px 18px;font-weight:700;color:var(--violet)}
.seo-details[open] summary{border-bottom:1px solid var(--line)}
.seo-details>p,.seo-details>ol,.seo-details>dl{margin:14px 18px}
.seo-details p{color:var(--muted);line-height:1.7;white-space:pre-line}
.seo-ans{font-family:var(--display);font-size:20px;color:var(--text)!important}
.seo-steps{display:grid;gap:14px;padding-left:22px}
.seo-steps b{display:block;margin-bottom:4px;color:var(--text)}
.seo-steps p{margin:0}
.seo-rubric{display:grid;gap:10px}
.seo-rubric div{display:grid;grid-template-columns:40px 1fr;gap:10px}
.seo-rubric dt{font-family:var(--display);font-weight:700;color:var(--violet)}
.seo-rubric dd{margin:0;color:var(--muted);line-height:1.6}
.seo-related h2{font-size:20px}
.seo-related ul{display:grid;gap:8px;padding:0;list-style:none}
.seo-related a{color:var(--muted);text-decoration:none}
.seo-related a:hover{color:var(--text)}
.seo-related b{color:var(--violet);margin-right:6px}
@media (max-width:700px){.seo-cta{flex-direction:column;align-items:stretch}.seo-card{padding:22px 18px}.seo-text{font-size:16px}.legal-header-nav{display:none}}
