.oknolit-guides [hidden] { display:none !important; }
.oknolit-guides__controls { margin-block-end:24px; }
.oknolit-guides__fields { display:flex; flex-wrap:wrap; gap:16px; align-items:end; }
.oknolit-guides__field { display:grid; gap:8px; min-inline-size:0; flex:2 1 20rem; }
.oknolit-guides__field--topic { flex:1 1 14rem; }
.oknolit-guides__field label { color:#142230; font-weight:650; line-height:1.4; }
.oknolit-guides__field input,
.oknolit-guides__field select {
  display:block; box-sizing:border-box; inline-size:100%; max-inline-size:100%; min-inline-size:0;
  min-block-size:44px; block-size:auto; padding:10px 12px;
  border:1px solid #536676; border-radius:0; background:#fff; color:#142230;
  font:inherit; font-size:1rem; line-height:1.4; box-shadow:none;
}
.oknolit-guides__field input::placeholder { color:#536676; opacity:1; }
.oknolit-guides__field input:focus-visible,
.oknolit-guides__field select:focus-visible,
.oknolit-guides__reset:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-guides__hint { margin-block-start:12px !important; color:#536676 !important; font-size:1rem; }
.oknolit-guides__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-block-start:8px; }
.oknolit-guides__reset {
  min-block-size:44px; padding:8px 0; border:0; border-radius:0; background:transparent; box-shadow:none;
  color:#075c98; font:inherit; font-weight:650; line-height:1.4; white-space:normal; cursor:pointer;
  text-decoration:underline; text-underline-offset:4px;
}
.oknolit-guides__reset:hover { color:#043f6b; }
.oknolit-guides__status { color:#243a4a !important; }
.oknolit-guides__groups { display:grid; gap:32px; }
.oknolit-guides__groups > .oknolit-content__section { min-inline-size:0; margin-block:0; }
.oknolit-guides__empty { overflow-wrap:anywhere; }
@media (forced-colors:active) {
  .oknolit-guides__field input,
  .oknolit-guides__field select { border-color:ButtonText; }
  .oknolit-guides__field input:focus-visible,
  .oknolit-guides__field select:focus-visible,
  .oknolit-guides__reset:focus-visible { outline-color:Highlight; }
}

.oknolit-guides__topics { margin-block:20px 24px; }
.oknolit-guides__topics ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.oknolit-guides__topics li { min-inline-size:0; margin:0 !important; padding:0 !important; }
.oknolit-guides__topics a {
  display:flex; flex-direction:column; gap:10px; min-block-size:144px; block-size:100%;
  padding:13px; border:1px solid #cbd5dd; border-block-start:4px solid #075c98; background:#fff;
  color:#082f4d; text-decoration:none;
}
.oknolit-guides__topics a:hover { border-color:#075c98; background:#f1f5f7; }
.oknolit-guides__topics a:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-guides__topics a span { font-weight:700; line-height:1.35; }
.oknolit-guides__topics .oknolit-guides__topic-title { font-size:1rem; text-decoration:underline; text-underline-offset:3px; }
.oknolit-guides__topics .oknolit-guides__topic-description { font-size:.9375rem; font-weight:400; line-height:1.45; color:#536676; }
.oknolit-guides__topics a small { color:#536676; font-size:.8125rem; line-height:1.35; }
.oknolit-guides__topics a small { margin-block-start:auto; }

.oknolit-guides__controls { margin-block:0 26px; padding:18px; border:1px solid #cbd5dd; border-inline-start:4px solid #075c98; background:#f1f5f7; }
.oknolit-guides__fields { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr); gap:14px; align-items:end; }
.oknolit-guides__field { min-inline-size:0; flex:none; }
.oknolit-guides__field label { color:#142230; font-weight:700; }
.oknolit-guides__field input,
.oknolit-guides__field select { border-color:#536676; background:#fff; }
.oknolit-guides__hint { margin-block-start:10px !important; color:#536676 !important; }
.oknolit-guides__actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; margin-block-start:8px; }
.oknolit-guides__status { margin:0 !important; color:#243a4a !important; }

.oknolit-guides__groups { display:grid; gap:26px; }
.oknolit-guides__groups > .oknolit-content__section { min-inline-size:0; margin-block:0; padding-block-start:18px; border-block-start:1px solid #cbd5dd; }
.oknolit-guides__groups > .oknolit-content__section > h2 { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 16px; }
.oknolit-guides__groups > .oknolit-content__section > h2 { scroll-margin-block-start:190px; }
.oknolit-guides__group-count { color:#536676; font-size:.875rem; font-weight:500; }
.oknolit-guides__entries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-block-start:14px !important; }
.oknolit-guides .oknolit-guides__entries > li + li { margin-block-start:0; }
.oknolit-guides__entry-link {
  display:grid; align-content:start; gap:8px; block-size:100%; min-block-size:142px; padding:16px;
  border:1px solid #cbd5dd; background:#fff; color:#142230; text-decoration:none;
}
.oknolit-guides__entry-link:hover { border-color:#075c98; background:#f8fafb; }
.oknolit-guides__entry-link:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-guides__entry-title { color:#075c98; font-size:1rem; font-weight:700; line-height:1.4; text-decoration:underline; text-underline-offset:3px; }
.oknolit-guides__entry-description { color:#536676; font-size:.9375rem; line-height:1.5; }
.oknolit-guides__entry-action { display:inline-flex; align-items:center; gap:6px; min-block-size:32px; margin-block-start:auto; color:#075c98; font-size:.875rem; font-weight:650; }
.oknolit-guides__empty { margin-block:20px; padding:16px; border-inline-start:3px solid #075c98; background:#f1f5f7; color:#142230; }

@media (max-width:58rem) {
  .oknolit-guides__topics ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .oknolit-guides__entries { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:44rem) {
  .oknolit-guides__topics ul,
  .oknolit-guides__fields,
  .oknolit-guides__entries { grid-template-columns:minmax(0,1fr); }
  .oknolit-guides__controls { padding:14px; }
  .oknolit-guides__topics a { min-block-size:0; gap:5px; padding:12px 14px; }
}
@media (max-width:62rem) {
  .oknolit-guides__groups > .oknolit-content__section > h2 { scroll-margin-block-start:132px; }
}
@media (max-width:24rem) {
  .oknolit-guides__topics ul { grid-template-columns:minmax(0,1fr); }
}
@media (forced-colors:active) {
  .oknolit-guides__topics a,
  .oknolit-guides__entry-link { border-color:CanvasText; }
  .oknolit-guides__topics a:focus-visible,
  .oknolit-guides__entry-link:focus-visible { outline-color:Highlight; }
}