.catalog-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px;align-items:end}.catalog-count{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.catalog-count strong{display:block;color:var(--accent);font-size:42px;line-height:1}.catalog-count span{display:block;margin-top:8px;color:var(--muted);font-size:14px}.content-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.content-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;color:var(--muted);font-size:13px}.content-card h2,.content-card h3{font-size:23px;line-height:1.35;letter-spacing:-.03em}.content-card p{margin-top:10px;color:var(--muted)}.content-card .text-link{margin-top:auto;padding-top:22px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:58px;align-items:start}.article-toc{position:sticky;top:100px;padding:22px;border-radius:14px;background:var(--soft)}.article-toc strong{font-size:14px}.article-toc ol{margin-top:10px;padding-left:20px;color:var(--muted);font-size:14px}.article-toc li+li{margin-top:7px}.article-toc a{text-decoration:none}.article-toc a:hover{color:var(--accent)}.article-body{margin-top:0}.article-body>section{scroll-margin-top:100px}.article-body .example-box,.checklist,.tip-box,.warning-box{margin-top:20px;padding:20px;border-radius:14px}.example-box,.checklist{background:var(--soft)}.tip-box{border-left:4px solid var(--accent);background:var(--accent-soft)}.warning-box{border-left:4px solid var(--warm);background:#fff8e8}.article-body table{width:100%;margin-top:20px;border:1px solid var(--line);font-size:14px}.article-body th,.article-body td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.article-body th{background:var(--soft)}.collection-intro{padding:28px;border-radius:18px;background:var(--soft)}.collection-list{display:grid;gap:16px;margin-top:30px}.collection-item{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:14px}.collection-item__number{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:850}.collection-item h3{font-size:20px}.collection-item p{margin-top:5px;color:var(--muted);font-size:14px}.page-faq{margin-top:56px}.page-faq h2{font-size:30px}.page-faq details{border-bottom:1px solid var(--line)}.page-faq summary{padding:18px 0;font-weight:800;cursor:pointer}.page-faq details p{padding-bottom:18px;color:var(--muted)}.related-strip{margin-top:56px;padding:26px;border-radius:18px;background:var(--ink);color:#fff}.related-strip h2{font-size:24px}.related-strip p{margin:8px 0 16px;color:#c7cfdb}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{padding:8px 12px;border:1px solid #445067;border-radius:9px;text-decoration:none}.related-links a:hover{background:#253147}.word-list-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none}.word-list-inline li{padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:14px;font-weight:750}
@media(max-width:800px){.catalog-hero,.article-layout{grid-template-columns:1fr}.article-toc{position:static;order:-1}.content-cards{grid-template-columns:1fr}.collection-item{grid-template-columns:60px 1fr}.collection-item .button{grid-column:1/-1}.article-body table{display:block;overflow-x:auto}}