/*
 * Víkingur 26: the club's laws (page-log-knattspyrnufelagsins-vikings.php),
 * after the design's LawsPage (ui_kits/web/ClubPages2.jsx). The page head is
 * shared.
 */

.vik-laws{padding-top:48px}
.vik-laws__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px}

/* ── Articles list ── */
.vik-laws-toc{position:sticky;top:100px;align-self:start;display:grid;gap:16px;max-height:calc(100vh - 124px);overflow-y:auto}
.vik-laws-toc__label{font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-laws-toc__list{display:grid;border-left:1px solid var(--border-hairline)}
.vik-laws-toc__link{display:grid;grid-template-columns:36px 1fr;margin-left:-1px;padding:7px 0 7px 16px;border-left:2px solid transparent;font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color var(--dur-fast),border-color var(--dur-fast)}
.vik-laws-toc__link:hover{color:var(--ink)}
.vik-laws-toc__link.is-active{border-left-color:var(--vik-astrida);color:var(--ink);font-weight:700}
.vik-laws-toc__link[hidden]{display:none}

/* ── Search ── */
.vik-laws__body{display:grid;gap:40px;max-width:780px;align-content:start;min-width:0}
.vik-laws-search{position:relative;display:flex;align-items:center}
.vik-laws-search[hidden]{display:none}
.vik-laws-search .vik-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none}
.vik-laws-search input{box-sizing:border-box;width:100%;height:52px;padding:0 120px 0 46px;border:1px solid var(--border-hairline);border-radius:0;background:var(--white);font-family:var(--font-body);font-size:16px;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
.vik-laws-search input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.vik-laws-search__count{position:absolute;right:16px;font-size:13px;color:var(--text-secondary)}

/* ── An article ── */
.vik-law{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding-bottom:40px;border-bottom:1px solid var(--border-hairline);scroll-margin-top:100px}
.vik-law[hidden]{display:none}
.vik-law__n{font-family:var(--font-display);font-weight:900;font-size:48px;line-height:.8;color:var(--vik-astrida);font-variant-numeric:tabular-nums}
.vik-law__body{display:grid;gap:14px;min-width:0}
.vik-law__title{margin:0;font-family:var(--font-condensed);font-weight:700;font-size:26px;line-height:1.05;text-transform:uppercase}
.vik-law__ref{margin-left:10px;font-size:14px;color:var(--text-secondary)}
.vik-law p{margin:0;font-size:17px;line-height:1.65}
.vik-law ol{display:grid;gap:6px;margin:0;padding-left:24px;font-size:17px;line-height:1.55}
.vik-law mark{padding:0 2px;background:var(--red-50);color:var(--vik-astrida)}
.vik-laws__none{margin:0;color:var(--text-secondary)}
.vik-laws__date{margin:0;font-family:var(--font-condensed);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-laws-raw{max-width:780px;font-size:17px;line-height:1.65}

@media (max-width:1180px){
	.vik-laws__grid{grid-template-columns:1fr}
	.vik-laws-toc{display:none}
}
@media (max-width:640px){
	.vik-law{grid-template-columns:48px minmax(0,1fr);gap:12px;padding-bottom:32px}
	.vik-law__n{font-size:36px}
	.vik-law__title{font-size:22px}
	.vik-law__ref{display:block;margin:4px 0 0}
	.vik-law p,.vik-law ol{font-size:16px}
}