/* Версия 24: поиск во всю доступную ширину, управляемый с клавиатуры. */
.site-search-form{padding:clamp(16px,2vw,26px);border:1px solid var(--line);border-radius:18px;background:var(--surface);margin:25px 0}
.search-main-label{display:block;font-weight:750;margin:0 0 9px}
.search-main-row{display:flex;gap:12px;align-items:stretch;min-width:0}
.search-main-row>input{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-alt);color:var(--text);font:inherit;padding:12px 16px;min-height:48px}
.search-main-row>button{flex-shrink:0}
.search-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:16px}
.search-filters>label{display:grid;gap:5px;flex:1 1 190px;font-weight:650;font-size:13px}
.search-filters select{min-height:45px;min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);color:var(--text);font:inherit;padding:8px 12px}
.search-reset{display:inline-block;padding:12px 4px;font-weight:700;color:var(--teal);white-space:nowrap}
.search-main-row>input:focus-visible,.search-filters select:focus-visible,.search-result-link:focus-visible,.search-tabs a:focus-visible,.search-pagination a:focus-visible{outline:3px solid var(--teal2);outline-offset:2px}
.search-results-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.search-results-head h2{font-size:clamp(21px,2vw,29px);margin:12px 0;overflow-wrap:anywhere}
.search-results-head p{color:var(--muted);font-size:14px}
.search-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 1px 14px;scrollbar-width:thin}
.search-tabs a{flex:0 0 auto;display:inline-block;border:1px solid var(--line);background:var(--surface);border-radius:40px;padding:9px 14px;font-size:13px;font-weight:700;white-space:nowrap}
.search-tabs a[aria-current="page"]{background:var(--teal);color:#fff;border-color:var(--teal)}
.search-result-list{list-style:none;padding:0;margin:12px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.search-result-list li{min-width:0}
.search-result-link{height:100%;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:clamp(16px,1.7vw,24px);min-width:0;transition:border-color .15s}
.search-result-link:hover{border-color:var(--teal)}
.search-result-link strong{display:block;font-size:clamp(17px,1.3vw,22px);line-height:1.35;overflow-wrap:anywhere}
.search-result-link p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;overflow-wrap:anywhere}
.search-result-go{margin-top:auto;font-size:13px;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:8px}
.search-result-go .ico{width:16px;height:16px}
.search-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 15px}
.search-suggestions a{background:var(--surface);border:1px solid var(--line);padding:9px 13px;border-radius:10px;font-size:14px}
.search-intro,.search-empty{padding:clamp(18px,2vw,28px);margin:15px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface-alt)}
.search-intro h2,.search-empty h3{margin:0 0 9px}
.search-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 2px 30px;font-size:14px}
.search-pagination a{padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:700;color:var(--teal)}
@media(max-width:850px){.search-result-list{grid-template-columns:1fr}}
@media(max-width:470px){.search-main-row{flex-direction:column}.search-main-row>button{width:100%}.search-filters>label{flex-basis:100%}.search-result-link{padding:17px}.search-reset{margin-left:2px}}
@media print{.site-search-form,.search-pagination{display:none}.search-result-list{grid-template-columns:1fr}.search-result-link{break-inside:avoid}}

.search-duration{font-size:12px;color:var(--muted)}

/* Индивидуальные вводные очерки в 11 разделах. */
.section-essay{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:clamp(20px,2.2vw,32px);margin:26px 0}
.section-essay h2{font-size:clamp(21px,2vw,30px);line-height:1.3;margin:8px 0 16px;overflow-wrap:anywhere}
.section-essay>p{font-size:clamp(15px,1.1vw,17px);max-width:92ch;line-height:1.8;margin:0 0 15px}
.section-essay-tip{border-left:3px solid var(--teal2);padding:11px 17px;background:var(--surface-alt);border-radius:0 12px 12px 0;margin-top:22px}
.section-essay-tip p{font-size:14px;line-height:1.7;margin:8px 0 0}
@media print{.section-essay{break-inside:avoid}}