/* Russian reading surfaces extend the existing reviewed-guide palette and type. */
::selection{background:#f5d6d6;color:#1a1f2e}
html{scrollbar-color:#707887 #f4f6f9}
[hidden]{display:none!important}
input,select,button{font:inherit;color:inherit;caret-color:#9b3030}
input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #265da9;outline-offset:3px}
.intro{margin:8px 0 28px}
.intro h1{max-width:760px}
.intro p{max-width:72ch}
.article{max-width:832px}
.reading-section{margin:32px 0 0}
.reading-section>h2{margin-bottom:14px}
.reading-section p,.reading-section li{color:#424c5c}
.route{padding-top:22px;border-top:1px solid #dce1e9;margin-top:22px}
.route h3{line-height:1.45}
.route li{margin:16px 0}
.route-note{font-size:14px;background:#e9edf3;padding:14px 16px;border-radius:8px}
.provider-link{max-width:100%;gap:14px}
.provider-link svg{flex-shrink:0}
.provider-link:hover{background:#fcebea}
.source-card h2{font-size:1.1rem}
.source-card p{font-size:14px}
.related{padding:24px 0;border-top:1px solid #dce1e9}
.related ul{padding-left:20px}
.filters{display:flex;gap:20px;padding:24px 0;border-top:1px solid #dce1e9;border-bottom:1px solid #dce1e9}
.filters label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}
.search-field{flex:1.35;min-width:0}
.category-field{flex:1;min-width:0}
.filters input,.filters select{width:100%;background:#fff;border:1px solid #8992a2;border-radius:8px;padding:11px 12px;min-height:48px}
.filters input::placeholder{color:#626a78;opacity:1}
.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:28px 0 10px}
.list-heading h2{font-size:18px}
.list-heading p{font-size:13px;color:#626a78;font-variant-numeric:tabular-nums}
.guide-list{list-style:none;padding:0;margin:0}
.guide-list>li{padding:0;margin:0;border-bottom:1px solid #dce1e9}
.guide-list>li>a{display:block;text-decoration:none;padding:22px 0;color:#1a1f2e}
.guide-row-title{display:flex;align-items:center;gap:20px;justify-content:space-between}
.guide-row-title h3{font-size:18px;line-height:1.4;text-wrap:pretty}
.guide-row-title svg{flex-shrink:0;color:#626a78}
.guide-list a:hover h3{color:#9b3030;text-decoration:underline;text-underline-offset:4px}
.guide-list p{font-size:15px;color:#454f60;margin:8px 32px 5px 0;line-height:1.6;max-width:72ch}
.category-name{font-size:12px;color:#626a78}
.empty{padding:32px 0}
.empty h2{margin-bottom:10px}
.empty button{margin-top:16px;min-height:44px;background:#fff;border:1px solid #b75151;border-radius:8px;padding:10px 16px;cursor:pointer}
.empty button:hover{background:#fcebea}
.search-note{margin:20px 0}
footer p{max-width:72ch;margin:auto}
@media(max-width:600px){
  .intro{margin:4px 0 24px}
  .intro h1{font-size:1.85rem;line-height:1.22}
  .filters{display:block;padding:20px 0}
  .category-field{margin-top:16px}
  .list-heading{gap:12px}
  .list-heading p{white-space:nowrap;font-size:12px}
  .guide-list>li>a{padding:20px 0}
  .guide-row-title h3{font-size:17px}
  .guide-list p{margin-right:0}
  .reading-section{margin-top:28px}
  .header .back{white-space:normal;text-align:center}
}
@media(max-width:360px){
  .header .logo{max-width:none;flex-shrink:0;white-space:nowrap}
  .header .logo span{display:block}
}