/*
Стылі старонкі «Шлях да іспыту» (page-exam.php, CONTRACT-exam-page.md).
Асобны неймспейс exam- — не чапае style.css (паралельная сесія зараз яго правіць,
гл. CONTRACT-exam-page.md §2). Токены (--green, --border, --radius, --shadow,
--yellow-tint, ...) — з style.css, новых не вынаходзім (той жа прынцып, што ў
clubs.css/resources-teaser.css).
*/

/* Дысклеймер (§4.9) — кампактны, каб быў бачны без скролу на мабільным (акцэптанс §6.4). */
.exam-disclaimer{background:var(--yellow-tint);border-bottom:1px solid var(--yellow)}
.exam-disclaimer .container{padding-top:.6rem;padding-bottom:.6rem}
.exam-disclaimer p{margin:0;font-size:.82rem;line-height:1.45;color:var(--text-2)}

/* Разводка (§4.1) — крыху менш верхняга водступу, каб дысклеймер + загаловак трапілі
   ў першы экран мабільнага без скролу. */
.exam-intro{padding-top:1.5rem}

/* Дзве карткі-якары — той жа стыль карткі, што .course-card (h2 ужо жырны праз глабальны
   h1-h4{font-weight:700}, асобны strong тут не патрэбны). */
.exam-tracks{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.25rem}
/* Уся картка — зона кліку (stretched-link): лінк жыве ў h2, а ::after расцягвае
   яго на ўвесь <article>. Без гэтага «кнопка» рэагавала толькі на тэкст загалоўка
   (рэпорт юзера 30.07). */
.examtrack-card{position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.examtrack-card:hover{border-color:var(--green);box-shadow:var(--shadow)}
.examtrack-card:focus-within{outline:3px solid var(--green);outline-offset:2px}
.examtrack-card h2{margin-bottom:.3rem;font-size:1.15rem}
.examtrack-card h2 a{color:var(--text)}
.examtrack-card h2 a::after{content:'';position:absolute;inset:0}
.examtrack-card h2 a:focus-visible{outline:none}
.examtrack-card h2 a:hover{color:var(--green);opacity:1}
.examtrack-card p{color:var(--text-2);margin:0}

/* Узровень-бэйдж (§4.2) — chip .lvl (з style.css) + літаральны тэкст кантракта побач. */
.exam-level-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}

/* Цытата з праграмы іспыту (§4.2) — арыгінал на літоўскай у <blockquote>. */
.exam-quote{border-left:3px solid var(--green);background:var(--bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.9rem 1.1rem;margin:1rem 0}
.exam-quote p{font-style:italic;color:var(--text);margin-bottom:.4rem}
.exam-quote cite{display:block;font-style:normal;font-size:.85rem;color:var(--text-3)}

/* Прававыя якары (§4.2) — той жа візуальны патэрн, што .city-chip (пункцірная пілюля):
   не толькі колер адрознівае спасылку (axe non-text-contrast/link-in-text-block). */
.exam-legal-anchors-label{font-weight:700;margin-bottom:.4rem}
.exam-legal-anchors{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:1.25rem}
.exam-legal-anchors li{list-style:none}
.exam-legal-anchors a{display:inline-flex;align-items:center;min-height:36px;padding:.3rem .75rem;border-radius:999px;border:1px dashed var(--border);color:var(--green);font-size:.85rem;font-weight:600;background:#fff;text-decoration:none}
.exam-legal-anchors a:hover{border-color:var(--green);background:var(--green-tint);opacity:1}

/* Выключэнне (часовая абарона, §4.3) — станоўчы highlight, той жа рэцэпт, што
   .club-schedule у clubs.css (зялёны tint + цёмны зялёны тэкст, ужо праверана на кантрасце). */
.exam-exempt{background:var(--green-tint);border:1px solid #bfe0cc;border-radius:var(--radius-sm);padding:.65rem .85rem;color:var(--green-dark)}

/* Крыніцы-подпісы пад раздзеламі — той жа стыль, што .club-checked/.res-checked. */
.exam-source{display:block;color:var(--text-3);font-size:.82rem;margin-top:.5rem}
p.exam-source{margin-top:.75rem}

/* «Чаму зараз цяжка» (§4.4) — нумараваны спіс, для яго патрэбны padding-left: універсальны
   *{padding:0} у style.css здымае стандартны водступ ліку, які <ol> мае з каробкі. */
.exam-why-list{padding-left:1.3rem}
.exam-why-list li{margin-bottom:.85rem}
.exam-why-list li:last-child{margin-bottom:0}

/* Пералік вызваленняў (радок вышэй «Ад абодвух іспытаў…») — гэта <ul>, таму акрамя
   padding-left трэба вярнуць і сам маркер: глабальны ul{list-style:none} у style.css
   здымае яго ва ўсіх <ul> тэмы. Без гэтага чатыры доўгія пункты чытаюцца як суцэльны
   тэкст і не відаць, дзе пералік канчаецца. */
.exam-exempt-list{list-style:disc;padding-left:1.3rem}
.exam-exempt-list li{margin-bottom:.5rem}

/* Табліцы (катэгорыі §4.3, сесіі §4.5) — гарызантальны скрол УНУТРЫ абгорткі, не на body
   (акцэптанс §6.7): min-width на табліцы шырэйшы за 390px мабільны viewport наўмысна. */
.exam-table-wrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--border);border-radius:var(--radius)}
.exam-table{width:100%;border-collapse:collapse;min-width:560px}
.exam-sessions-table{min-width:360px}
.exam-table th,.exam-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border);font-size:.92rem}
.exam-table th{background:var(--bg-soft);font-weight:700;white-space:nowrap}
.exam-table tbody tr:last-child td{border-bottom:none}
/* Мінулыя даты (§4.5): прыглушаны колер + закрэсліванне — дзве прыкметы, не адна (axe
   «не толькі колер»); НЕ дадаём opacity зверху на ўжо прыглушаны --text-3 — гэта апусціла б
   кантраст ніжэй за AA. */
.exam-table td.is-past{color:var(--text-3);text-decoration:line-through}

/* Цэнтры іспыту (§4.8) */
.exam-city-title{margin:1.5rem 0 .75rem;font-size:1.02rem}
.exam-city-title:first-of-type{margin-top:0}
.exam-centers-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.5rem}
.exam-center-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .9rem}
.exam-center-name{font-weight:600;margin-bottom:.25rem}
.exam-center-address{display:flex;align-items:flex-start;gap:.35rem;color:var(--text-2);font-size:.88rem;margin:0}

/* FAQ (канец старонкі) — native <details>/<summary>, без JS: клавіятура і screen readers
   працуюць з коробкі, толькі курсор pointer на summary для мышы. +/− індыкатар — дзве
   рысачкі праз ::before/::after (не ::marker: шырэйшая браўзерная падтрымка), вертыкальная
   хаваецца пры [open] — класічны CSS-only «плюс-у-мінус» без JS і без тэкставых гліфаў
   (тыя рэндэраюцца па-рознаму ў розных шрыфтах). */
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}
.faq-item:last-child{margin-bottom:0}
.faq-item summary{position:relative;list-style:none;cursor:pointer;font-weight:600;padding:.9rem 2.6rem .9rem 1.1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover,
.faq-item summary:focus-visible{color:var(--green)}
.faq-item summary::before,
.faq-item summary::after{content:'';position:absolute;right:1.3rem;top:50%;width:.85rem;height:2px;background:var(--green)}
.faq-item summary::before{transform:translateY(-50%)}
.faq-item summary::after{transform:translateY(-50%) rotate(90deg)}
.faq-item[open] summary::after{opacity:0}
.faq-a{padding:0 1.1rem 1rem}
.faq-a p{color:var(--text-2)}
@media(prefers-reduced-motion:no-preference){
	.faq-item summary::after{transition:opacity .15s,transform .15s}
}

/* Інлайн-спасылкі ў сказах/спісах — падкрэслены. Глабальны a{text-decoration:none} у
   style.css пакідае толькі колер — гэтага мала для axe link-in-text-block (WCAG 1.4.1),
   той жа ўрок, што ў clubs.css (.club-checked/.club-bib-link). Кнопкі (.btn), загалоўкі
   карт (examtrack-card h2 a) і прававыя якары-пілюлі — увесь блок і так толькі спасылка
   (не змешаны з іншым тэкстам), таму сюды не трапляюць.*/
#dokumentai p a,
#darbas p a,
.exam-why-list a,
.exam-source a,
#exam-register-title ~ ul a,
#exam-noplace-title ~ ul a{
	text-decoration:underline;
	text-underline-offset:.15em;
}

@media(min-width:640px){
	.exam-tracks{grid-template-columns:repeat(2,1fr)}
	.exam-centers-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
	.exam-centers-grid{grid-template-columns:repeat(3,1fr)}
}