/* v5-route-schedule.css — сторінка напрямку (мок 42). SEO-магніт: список
   поїздів server-rendered + чипи + seoArticles(фото) + перелінковка + FAQ.
   Стиль ui-ux-pro-max: Manrope, navy-hero, gold-акцент, картки з мʼякими
   тінями. Спільна v5-палітра (як schedule). */
.r2026{
  --at-page:#EEF1F7; --at-card:#FFFFFF; --at-text:#101729; --at-text2:#4A5570; --at-muted:#667088;
  --at-amber:#FFB800; --at-on-amber:#231700; --at-link:#2F59B0; --at-link-dk:#24478E; --at-focus:#3B6FD9;
  --at-live:#3ECF8E; --at-line:#E4E8F1; --at-line2:#C9D4EC;
  --at-fh:'Manrope',system-ui,sans-serif; --at-fb:'Source Sans 3',system-ui,sans-serif;
  --s3:12px; --s4:16px; --s5:20px; --s6:24px; --block:32px; --between:44px;
  --r-card:16px; --r-panel:24px;
  --sh:0 4px 14px -8px rgba(10,16,36,.14); --sh-raised:0 14px 34px -12px rgba(10,16,36,.22);
  --e:cubic-bezier(.16,1,.3,1);
  container-type:inline-size; container-name:root;
  background:var(--at-page); color:var(--at-text);
  font:400 16px/1.6 var(--at-fb); margin:0 auto; overflow-x:clip;
}
.r2026 *,.r2026 *::before,.r2026 *::after{box-sizing:border-box}
.r2026 [hidden]{display:none !important}
.r2026 h1,.r2026 h2,.r2026 h3{font-family:var(--at-fh);letter-spacing:-.02em}
.r2026 .tnum{font-variant-numeric:tabular-nums}
.r2026 a{text-decoration:none;color:inherit}
.r2026 :focus-visible{outline:3px solid var(--at-focus);outline-offset:2px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@container root (max-width:900px){.wrap{padding:0 18px}}

/* hero */
.hero{color:#fff;padding:22px 0 70px;
  background:radial-gradient(560px 220px at 8% -40%,#FFB80012,transparent 70%),
    radial-gradient(760px 300px at 92% 130%,#2F59B026,transparent 70%),
    linear-gradient(180deg,#0A1024,#101A38)}
.crumbs{font-size:12.5px;color:#FFFFFF9E;margin:0 0 14px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.crumbs a{color:#FFD98A}.crumbs a:hover{text-decoration:underline}.crumbs span{color:#FFFFFF6E}
.hero h1{margin:0 0 8px;font-size:clamp(23px,3vw,36px);font-weight:800;line-height:1.08}
.hero p{margin:0 0 16px;font-size:14.5px;color:#FFFFFFC7;max-width:660px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 13px;font-size:13px;color:#EAF0FB}
.chip b{color:#fff;font-family:var(--at-fh);font-weight:800}
.chip--uz{color:#BFF3DA}.chip--uz b{color:var(--at-live)}

/* layout */
.grid{display:grid;grid-template-columns:1fr 320px;gap:28px;padding:44px 0 0;align-items:start}
@container root (max-width:1000px){.grid{grid-template-columns:1fr}}
.sect__h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 16px}
.sect__h h2{margin:0;font-size:clamp(19px,2vw,23px);font-weight:800}
.sect__h span{font-size:13px;color:var(--at-text2)}

/* список поїздів */
.tbl{background:#fff;border:1px solid var(--at-line);border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden}
.thead{display:grid;grid-template-columns:96px 1fr 120px 180px 130px;gap:16px;padding:10px 20px;background:#F6F7FB;border-bottom:1px solid var(--at-line);font-family:var(--at-fh);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--at-muted)}
.trow{display:grid;grid-template-columns:96px 1fr 120px 180px 130px;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--at-line)}
.trow:last-child{border:0}.trow:hover{background:#FBFCFE}
.tno{font-family:var(--at-fh);font-weight:800;font-size:15px}.tno small{display:block;font-weight:600;font-size:10.5px;color:var(--at-muted)}
.ttime{display:flex;align-items:center;gap:10px;min-width:0}.ttime b{font-family:var(--at-fh);font-weight:800;font-size:18px}
.ttime i{font-style:normal;flex:1;height:2px;min-width:22px;border-radius:2px;background:linear-gradient(90deg,#C9D2E3,#9FAFD0,#C9D2E3)}
.ttime span{font-size:11px;color:var(--at-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdur{font-family:var(--at-fh);font-weight:600;font-size:13.5px;color:var(--at-text2)}
.tdays{font-family:var(--at-fh);font-weight:600;font-size:12px;color:#24439B;background:#E7EEFB;border-radius:8px;padding:6px 10px;display:inline-block}
.tdays--all{color:#136B4A;background:#E3F7EE}
.tbuy{display:flex;justify-content:flex-end}
.tbuy a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 15px;border-radius:999px;background:#F1F3F8;font-family:var(--at-fh);font-weight:800;font-size:12.5px;transition:background .15s,color .15s}
.trow:hover .tbuy a,.tbuy a:hover{background:var(--at-amber);color:var(--at-on-amber)}
@container root (max-width:760px){.thead{display:none}.trow{grid-template-columns:1fr auto;row-gap:9px}.ttime,.tdur{grid-column:1/-1}.trow > span:nth-child(4){grid-column:1/-1}}
.note{font-size:12.5px;color:var(--at-muted);margin:14px 0 0;line-height:1.55}
.schmsg{background:#fff;border:1px dashed var(--at-line2);border-radius:var(--r-card);padding:26px 20px;text-align:center;color:var(--at-text2)}

/* seoArticles (текст+фото з БД) */
.seoart{margin-top:44px;max-width:820px}
.seoart__i{margin:0 0 var(--s6)}
.seoart h2{font-size:clamp(19px,2vw,24px);font-weight:800;margin:0 0 14px}
.seoart__body{color:var(--at-text2);line-height:1.7;font-size:16px}
.seoart__body h2,.seoart__body h3{color:var(--at-text);font-family:var(--at-fh);font-weight:800;margin:26px 0 10px}
.seoart__body h3{font-size:18px}
.seoart__body p{margin:0 0 15px}
.seoart__body a{color:var(--at-link);text-decoration:underline;text-underline-offset:2px}
.seoart__body ul,.seoart__body ol{margin:0 0 15px;padding-left:22px}.seoart__body li{margin:0 0 6px}
.seoart__body img{max-width:100%;height:auto;border-radius:var(--r-card);margin:12px 0;display:block}
.seoart__body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.seoart__body th,.seoart__body td{border:1px solid var(--at-line);padding:9px 12px;text-align:left}
.seoart__body th{background:#F6F7FB;font-family:var(--at-fh);font-weight:700}

/* сайдбар: перелінковка + FAQ */
.aside{position:sticky;top:20px;display:grid;gap:16px}
@container root (max-width:1000px){.aside{position:static}}
.card{background:#fff;border:1px solid var(--at-line);border-radius:var(--r-card);box-shadow:var(--sh);padding:18px}
.card h3{margin:0 0 12px;font-size:15px;font-weight:800}
.links{display:grid;gap:2px}
.links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px;border-radius:9px;font-family:var(--at-fh);font-weight:600;font-size:14px;color:var(--at-link-dk)}
.links a:hover{background:#F1F4FA}.links a span{color:var(--at-muted);font-weight:700}
.faq details{border-top:1px solid var(--at-line)}.faq details:first-of-type{border-top:0}
.faq summary{list-style:none;cursor:pointer;padding:11px 0;font-family:var(--at-fh);font-weight:700;font-size:14px;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--at-muted);font-weight:700}
.faq details[open] summary::after{content:'–'}
.faq p{margin:0 0 12px;font-size:13.5px;color:var(--at-text2);line-height:1.6}