/* OK2ZIL Deník – vzhled navazuje na šablonu Green Hill Web (proměnné --ghw-*), funguje i bez ní */
.ok2d {
	--d-ink: var(--ghw-ink, #202321);
	--d-text: var(--ghw-text, #2B2F2A);
	--d-muted: var(--ghw-muted, #6B705F);
	--d-acc: var(--ghw-olive, #505A38);
	--d-acc-dark: var(--ghw-olive-dark, #3A4229);
	--d-acc-soft: var(--ghw-olive-soft, #8E9870);
	--d-tint: var(--ghw-tint, #E9EBE0);
	--d-tint-2: var(--ghw-tint-2, #F0F1EA);
	--d-line: var(--ghw-line, #E0E2D6);
	--d-card: var(--ghw-card, #FFFFFF);
	--d-rust: #A4552F;
	--d-sea: #EEF0E8;
	color: var(--d-text);
	font-variant-numeric: tabular-nums;
}
.ok2d *, .ok2d *::before, .ok2d *::after { box-sizing: border-box; }
.ok2d .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* hledání */
.ok2d-search { background: var(--d-tint); border-radius: 14px; padding: 22px 24px 16px; margin: 0 0 28px; }
.ok2d-intro { margin: -12px 0 28px; font-size: 1.02rem; }
.ok2d-search__label { display: block; font-weight: 600; color: var(--d-ink); margin: 0 0 10px; font-size: 1.05rem; }
.ok2d-search__row { display: flex; gap: 10px; flex-wrap: wrap; }
.ok2d-search input[type=search] {
	flex: 1 1 220px; min-width: 0; font-size: 1.15rem; letter-spacing: .04em; text-transform: uppercase;
	padding: 11px 14px; border: 1px solid var(--d-line); border-radius: 10px; background: var(--d-card); color: var(--d-ink);
}
.ok2d-search input[type=search]::placeholder { text-transform: none; letter-spacing: 0; color: var(--d-muted); }
.ok2d-search input[type=search]:focus { outline: 2px solid var(--d-acc); outline-offset: 1px; border-color: var(--d-acc); }
.ok2d-search button, .ok2d-btn {
	appearance: none; border: 0; cursor: pointer; background: var(--d-acc); color: #fff; font-weight: 600;
	padding: 11px 20px; border-radius: 10px; font-size: 1rem; line-height: 1.3; display: inline-block;
}
.ok2d-search button:hover, .ok2d-btn:hover { background: var(--d-acc-dark); color: #fff; }
/* tlačítko jako odkaz: barva odkazu šablony nesmí přebít bílý text (světlý i tmavý režim) */
.ok2d a.ok2d-btn, .ok2d-help a.ok2d-btn { background: #505A38; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.28); }
.ok2d a.ok2d-btn:hover, .ok2d-help a.ok2d-btn:hover { background: #3A4229; color: #fff; text-decoration: none; }
.ok2d-search__hint { margin: 10px 0 0; font-size: .86rem; color: var(--d-muted); }
.ok2d-search--compact { padding: 18px 20px 12px; }

.ok2d-h { margin: 0 0 6px; }
.ok2d-lead { color: var(--d-muted); margin: 0 0 18px; }
.ok2d-foot { color: var(--d-muted); font-size: .9rem; margin-top: 18px; }
.ok2d-muted { color: var(--d-muted); font-weight: 400; }
.ok2d-empty { color: var(--d-muted); }

.ok2d-notice { border-radius: 10px; padding: 12px 16px; margin: 0 0 18px; font-weight: 500; }
.ok2d-notice--ok { background: #E3EBD5; color: #2F3D1A; border-left: 4px solid var(--d-acc); }
.ok2d-notice--err { background: #F6E6DD; color: #6B2C12; border-left: 4px solid var(--d-rust); }

/* skupina podle naší značky */
.ok2d-group { background: var(--d-card); border: 1px solid var(--d-line); border-radius: 14px; padding: 20px 22px; margin: 18px 0 22px; }
.ok2d-group__head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.ok2d-group__head h3 { margin: 0; font-size: 1.35rem; }
.ok2d-x { color: var(--d-acc-soft); font-weight: 400; margin: 0 4px; }
.ok2d-group__label { background: var(--d-tint); color: var(--d-acc-dark); border-radius: 99px; padding: 2px 10px; font-size: .8rem; font-weight: 500; vertical-align: 3px; margin-left: 2px; }
.ok2d-group__top { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 1.6fr); gap: 18px; align-items: start; margin-bottom: 14px; }
.ok2d-facts { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.ok2d-facts div { min-width: 0; }
.ok2d-facts dt { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--d-muted); margin: 0; }
.ok2d-facts dd { margin: 2px 0 0; font-weight: 600; color: var(--d-ink); }

/* mapa */
.ok2d-map { margin: 0; border-radius: 10px; overflow: hidden; background: var(--d-sea); line-height: 0; }
.ok2d-map__svg { width: 100%; height: auto; display: block; }
.ok2d-map__sea { fill: var(--d-sea); }
.ok2d-map__land { fill: #C9CFB4; }
.ok2d-map__borders { fill: none; stroke: #fff; stroke-width: 1.2px; stroke-opacity: .85; }
.ok2d-map__line { fill: none; stroke: var(--d-rust); stroke-linecap: round; stroke-dasharray: none; }
.ok2d-map__dot { fill: var(--d-acc); stroke: #fff; fill-opacity: .9; }
.ok2d-map__dot.is-home { fill: var(--d-rust); }
.ok2d-map__dot.is-dx { fill: #4E6A7A; }
.ok2d-map__dot.is-conf { fill: var(--d-acc); }
.ok2d-map__dot.is-unc { fill: #C0392B; }
.ok2d-map__note { font-size: .82rem; color: var(--d-muted); margin: 6px 0 0; line-height: 1.4; }

/* tabulka */
.ok2d-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ok2d .ok2d-table { width: 100%; border-collapse: collapse; font-size: .88rem; margin: 0; border: 0; }
.ok2d .ok2d-table th { text-align: left; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--d-muted); font-weight: 600; padding: 8px 6px; border: 0; border-bottom: 2px solid var(--d-line); white-space: nowrap; background: none; }
.ok2d .ok2d-table td { padding: 7px 6px; border: 0; border-bottom: 1px solid var(--d-line); vertical-align: top; }
.ok2d .ok2d-table td[data-l="QTH"] { min-width: 9em; }
.ok2d-table tbody tr:nth-child(even) td { background: var(--d-tint-2); }
.ok2d-table .num { text-align: right; }
.ok2d-nw { white-space: nowrap; }
.ok2d-freq { display: block; font-size: .78rem; color: var(--d-muted); white-space: nowrap; }
.ok2d-c-check { width: 28px; }
.ok2d-c-check input { width: 18px; height: 18px; accent-color: var(--d-acc); margin: 2px 0 0; }
.ok2d-c-act a { font-size: .82rem; color: var(--d-muted); white-space: nowrap; }
.ok2d-c-act a:hover { color: var(--d-acc); }
.ok2d-qsl span { display: block; white-space: nowrap; font-size: .84rem; }
.ok2d-qsl-s.is-yes { color: var(--d-acc); font-weight: 600; }
.ok2d-qsl-s.is-yes::before { content: "✓ "; }
.ok2d-qsl-s.is-no { color: var(--d-rust); }
.ok2d-qsl-s.is-wait { color: #8A6A1F; }
.ok2d-qsl-r { color: var(--d-muted); }

/* formuláře */
.ok2d-req { margin-top: 16px; }
.ok2d-req > summary { list-style: none; }
.ok2d-req > summary::-webkit-details-marker { display: none; }
.ok2d-req[open] > summary { background: var(--d-acc-dark); }
.ok2d-form { background: var(--d-tint-2); border: 1px solid var(--d-line); border-radius: 12px; padding: 18px 20px 6px; margin-top: 12px; }
.ok2d-req--fix { background: var(--d-card); border: 2px solid var(--d-acc-soft); border-radius: 14px; padding: 18px 22px; margin: 16px 0 22px; scroll-margin-top: 90px; }
.ok2d-req--fix h3 { margin: 0 0 6px; }
.ok2d-req--fix .ok2d-form { margin-top: 8px; }
.ok2d-fix-qso { margin: 0 0 4px; }
.ok2d-form__intro { margin: 0 0 14px; color: var(--d-muted); font-size: .92rem; }
.ok2d-form p { margin: 0 0 14px; }
.ok2d-form label { display: block; font-weight: 600; font-size: .9rem; margin: 0 0 4px; color: var(--d-ink); }
.ok2d-form input[type=text], .ok2d-form input[type=email], .ok2d-form textarea, .ok2d-form select {
	width: 100%; padding: 9px 12px; border: 1px solid var(--d-line); border-radius: 8px; background: var(--d-card); font: inherit; color: var(--d-text);
}
.ok2d-form input:focus, .ok2d-form textarea:focus, .ok2d-form select:focus { outline: 2px solid var(--d-acc); outline-offset: 0; border-color: var(--d-acc); }
.ok2d-form .req { color: var(--d-rust); }
.ok2d-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.ok2d-grid--3 { grid-template-columns: 1fr 1fr 1fr; }
.ok2d-via { border: 0; padding: 0; margin: 0 0 14px; }
.ok2d-via legend { font-weight: 600; font-size: .9rem; color: var(--d-ink); padding: 0; margin-bottom: 4px; }
.ok2d-via label { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; margin-right: 18px; }
.ok2d-via input { accent-color: var(--d-acc); }
.ok2d-form .ok2d-check label { font-weight: 400; display: flex; gap: 8px; align-items: flex-start; }
.ok2d-form .ok2d-check input { accent-color: var(--d-acc); margin-top: 4px; }
.ok2d-privacy { font-size: .82rem; color: var(--d-muted); }
.ok2d-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ok2d-cancel { margin-left: 10px; color: var(--d-muted); }

/* statistika */
.ok2d-stats { margin-top: 10px; }
.ok2d-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 18px; }
.ok2d-tabs a { padding: 6px 14px; border-radius: 99px; background: var(--d-tint); color: var(--d-acc-dark); text-decoration: none; font-weight: 600; font-size: .9rem; }
.ok2d-tabs a[aria-current] { background: var(--d-acc); color: #fff; }
.ok2d-kpi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0 0 18px; }
.ok2d-kpi div { background: var(--d-card); border: 1px solid var(--d-line); border-radius: 12px; padding: 14px 16px; }
.ok2d-kpi dt { color: var(--d-muted); font-size: .85rem; margin: 0; }
.ok2d-kpi dd { margin: 0; font-size: 1.9rem; font-weight: 700; color: var(--d-ink); line-height: 1.2; order: -1; }
.ok2d-kpi div { display: flex; flex-direction: column; }
.ok2d-kpi small { display: block; font-size: .8rem; font-weight: 500; color: var(--d-acc); }
.ok2d-card { background: var(--d-card); border: 1px solid var(--d-line); border-radius: 14px; padding: 16px 18px; margin: 0 0 16px; min-width: 0; }
.ok2d-card h3 { margin: 0 0 12px; font-size: 1.05rem; }
.ok2d-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.ok2d-legend { font-size: .82rem; color: var(--d-muted); margin: 8px 0 0; }
.ok2d-legend__dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: -1px; margin-left: 6px; }
.ok2d-legend__dot.is-conf { background: var(--d-acc); }
.ok2d-legend__dot.is-unc { background: #C0392B; }
.ok2d-bars { list-style: none; margin: 0; padding: 0; }
.ok2d-bars li { display: grid; grid-template-columns: 7.5em 1fr 3.4em; gap: 8px; align-items: center; margin: 0 0 6px; font-size: .9rem; }
.ok2d-bars__k { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ok2d-bars__bar { background: var(--d-tint-2); border-radius: 4px; height: 12px; overflow: hidden; }
.ok2d-bars__bar i { display: block; height: 100%; background: var(--d-acc-soft); border-radius: 4px; }
.ok2d-bars li:first-child .ok2d-bars__bar i { background: var(--d-acc); }
.ok2d-bars__v { text-align: right; color: var(--d-muted); }
.ok2d-years { display: flex; align-items: flex-end; gap: 2px; height: 170px; padding-bottom: 20px; position: relative; }
.ok2d-years__c { flex: 1 1 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; min-width: 0; }
.ok2d-years__b { display: block; background: var(--d-acc-soft); border-radius: 3px 3px 0 0; min-height: 0; }
.ok2d-years__c:hover .ok2d-years__b { background: var(--d-acc); }
.ok2d-years__y { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); font-size: .7rem; color: var(--d-muted); white-space: nowrap; }
.ok2d-list { margin: 0; padding-left: 1.1em; }
.ok2d-list li { margin: 0 0 6px; }
.ok2d-dxcc > summary { cursor: pointer; list-style: none; }
.ok2d-dxcc > summary::-webkit-details-marker { display: none; }
.ok2d-dxcc > summary h3 { display: inline; margin: 0; }
.ok2d-dxcc > summary::after { content: " ▾"; color: var(--d-muted); }
.ok2d-dxcc[open] > summary { margin-bottom: 10px; }
.ok2d-flag { font-family: "Twemoji Country Flags", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }

/* mobil */
@media (max-width: 760px) {
	.ok2d-group { padding: 16px 14px; }
	.ok2d-group__top { grid-template-columns: 1fr; }
	.ok2d-grid, .ok2d-grid--3 { grid-template-columns: 1fr; }
	.ok2d-kpi { grid-template-columns: 1fr 1fr; }
	.ok2d-cols { grid-template-columns: 1fr; }
	.ok2d-kpi dd { font-size: 1.5rem; }
	/* tabulka spojení jako karty */
	.ok2d-group .ok2d-table thead { display: none; }
	.ok2d-group .ok2d-table, .ok2d-group .ok2d-table tbody, .ok2d-group .ok2d-table tr, .ok2d-group .ok2d-table td { display: block; width: 100%; }
	.ok2d-group .ok2d-table tr { position: relative; border: 1px solid var(--d-line); border-radius: 10px; padding: 8px 12px 6px 12px; margin: 0 0 10px; background: var(--d-card); }
	.ok2d-group .ok2d-table tbody tr:nth-child(even) td { background: none; }
	.ok2d-group .ok2d-table td { border: 0; padding: 3px 0 3px 7.2em; position: relative; min-height: 1.6em; white-space: normal; }
	.ok2d-group .ok2d-table td::before { content: attr(data-l); position: absolute; left: 0; top: 4px; color: var(--d-muted); font-size: .8rem; }
	.ok2d-group .ok2d-table td.ok2d-c-act { padding-left: 0; }
	.ok2d-qsl span { display: inline; margin-right: 8px; }
	.ok2d-group .ok2d-table td:empty { display: none; }
	.ok2d-group .ok2d-table td.ok2d-c-check { position: absolute; top: 8px; right: 12px; width: auto; display: block; padding: 0; }
	.ok2d-group .ok2d-table td.ok2d-c-check::before, .ok2d-group .ok2d-table td.ok2d-c-act::before { content: none; }
	.ok2d-group .ok2d-table td.ok2d-c-act { display: block; text-align: right; }
	.ok2d-freq { display: inline; margin-left: 6px; }
	/* tabulka zemí DXCC na telefonu: každá země jako dvouřádková položka (bez posouvání do stran) */
	.ok2d-table--dxcc thead { display: none; }
	.ok2d-table--dxcc, .ok2d-table--dxcc tbody { display: block; width: 100%; }
	.ok2d .ok2d-table--dxcc tr { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: baseline; gap: 2px 14px; padding: 9px 2px; border-bottom: 1px solid var(--d-line); }
	.ok2d .ok2d-table--dxcc tbody tr:nth-child(even) td { background: none; }
	.ok2d .ok2d-table--dxcc td { display: block; border: 0; padding: 0; font-size: .82rem; color: var(--d-muted); }
	.ok2d .ok2d-table--dxcc td::before { content: attr(data-l) " "; font-size: .74rem; }
	.ok2d .ok2d-table--dxcc td[data-l="Země"] { order: 1; grid-column: 1 / 4; min-width: 0; font-size: 1rem; font-weight: 600; color: var(--d-ink); }
	.ok2d .ok2d-table--dxcc td[data-l="Země"]::before, .ok2d .ok2d-table--dxcc td[data-l="Spojení"]::before { content: none; }
	.ok2d .ok2d-table--dxcc td[data-l="Spojení"] { order: 2; grid-column: 4; font-size: 1rem; font-weight: 700; color: var(--d-ink); text-align: right; }
	.ok2d .ok2d-table--dxcc td[data-l="Spojení"]::after { content: " spojení"; font-size: .74rem; font-weight: 400; color: var(--d-muted); }
	.ok2d .ok2d-table--dxcc td[data-l="Prefix"], .ok2d .ok2d-table--dxcc td[data-l="Kontinent"], .ok2d .ok2d-table--dxcc td[data-l="První spojení"], .ok2d .ok2d-table--dxcc td[data-l="Potvrzeno"] { order: 3; }
	.ok2d .ok2d-table--dxcc td[data-l="Prefix"]::before, .ok2d .ok2d-table--dxcc td[data-l="Kontinent"]::before { content: none; }
	.ok2d .ok2d-table--dxcc td[data-l="První spojení"]::before { content: "od "; }
	.ok2d .ok2d-table--dxcc td[data-l="První spojení"], .ok2d .ok2d-table--dxcc td[data-l="Potvrzeno"] { white-space: nowrap; }
}
}

.ok2d-qsl-want { color: #8A6A1F; font-weight: 600; }
.ok2d-want { background: #FBF3DC; border-left: 4px solid #C9A227; border-radius: 8px; padding: 10px 14px; margin: 0 0 14px; font-size: .92rem; }

.ok2d-pend { background: var(--d-tint); border-left: 4px solid var(--d-acc); border-radius: 8px; padding: 10px 14px; margin: 0 0 14px; font-size: .92rem; }
.ok2d-qsl-s.is-wait { font-weight: 600; }

/* pruh s hledáním na úvodní stránce */
.ok2d-strip { max-width: var(--global-content-width, 1200px); margin: 36px auto; padding: 0 var(--global-content-edge-padding, 1.5rem); }
.ok2d-strip__form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 14px 28px; align-items: center; background: var(--d-tint); border-radius: 16px; padding: 22px 26px; }
.ok2d-strip__text { display: flex; flex-direction: column; gap: 2px; }
.ok2d-strip__title { font-size: 1.3rem; font-weight: 700; color: var(--d-ink); }
.ok2d-strip__text span { color: var(--d-muted); font-size: .95rem; }
.ok2d-strip input[type=search] {
	flex: 1 1 200px; min-width: 0; font-size: 1.05rem; letter-spacing: .04em; text-transform: uppercase;
	padding: 11px 14px; border: 1px solid var(--d-line); border-radius: 10px; background: var(--d-card); color: var(--d-ink);
}
.ok2d-strip input[type=search]::placeholder { text-transform: none; letter-spacing: 0; color: var(--d-muted); }
.ok2d-strip input[type=search]:focus { outline: 2px solid var(--d-acc); outline-offset: 1px; }
.ok2d-strip button { appearance: none; border: 0; cursor: pointer; background: var(--d-acc); color: #fff; font-weight: 600; padding: 11px 20px; border-radius: 10px; font-size: 1rem; }
.ok2d-strip button:hover { background: var(--d-acc-dark); }
@media (max-width: 760px) {
	.ok2d-strip__form { grid-template-columns: 1fr; padding: 18px; }
}

.ok2d-ref { display: inline-block; margin: 3px 4px 0 0; padding: 0 7px; border-radius: 99px; font-size: .72rem; font-weight: 700; white-space: nowrap; background: var(--d-tint); color: var(--d-acc-dark); }
.ok2d-ref--sota { background: #F6DD9B; color: #3A2B00; }
.ok2d-ref--wwff { background: #CDE8D2; color: #12361B; }
.ok2d-ref--pota { background: #D4E4F6; color: #12304F; }
.ok2d-ref--their { background: none; border: 1px solid var(--d-line); color: var(--d-muted); font-weight: 600; }
.ok2d-ref-lbl { display: inline-block; margin: 3px 4px 0 2px; font-size: .7rem; color: var(--d-muted); }

.ok2d .ok2d-table th.num { text-align: right; }
.ok2d-acts .ok2d-map { max-height: 460px; }
.ok2d-acts .ok2d-map__svg { max-height: 460px; }

/* nápověda */
.ok2d-help__menu { list-style: none; padding: 0; }
.ok2d-help__menu li { margin: .8rem 0; padding: .8rem 1rem; border: 1px solid rgba(128,128,128,.35); border-radius: 8px; }
.ok2d-help__nav { margin: 0 0 1rem; }
.ok2d-help__pdf { margin: 0 0 1rem; }
.ok2d-help__pdf { margin: 0 0 1rem; }
.ok2d-help table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95em; }
.ok2d-help th, .ok2d-help td { border: 1px solid rgba(128,128,128,.4); padding: .45rem .6rem; text-align: left; vertical-align: top; }
.ok2d-help th { background: rgba(43,117,166,.1); }

/* MANUAL-START – vzhled manuálu (web i PDF, generuje nastroje/manual-vse.py; PDF si tento blok vezme odsud) */
.ok2d-help { --m-acc: var(--d-acc-dark, #3A4229); --m-line: var(--d-line, #E0E2D6); --m-muted: var(--d-muted, #6B705F); line-height: 1.6; }
.ok2d-help h1 { font-size: 1.9rem; color: var(--m-acc); margin: 0 0 .4rem; padding-bottom: .4rem; border-bottom: 1px solid var(--m-line); }
.ok2d-help h2 { font-size: 1.35rem; color: var(--m-acc); margin: 2.2rem 0 .3rem; padding-bottom: .3rem; border-bottom: 1px solid var(--m-line); }
.ok2d-help h2.toc-h { border: 0; margin-top: 1.6rem; }
.ok2d-help h3 { font-size: 1.02rem; color: var(--m-acc); margin: 1.1rem 0 .3rem; }
.ok2d-help .cil { margin: .3rem 0 .9rem; color: var(--m-muted); }
.ok2d-help ol.toc { list-style: none; padding: 0; margin: 0 0 1rem; columns: 2 18rem; column-gap: 2rem; counter-reset: none; }
.ok2d-help ol.toc li { padding: 0; margin: .15rem 0; break-inside: avoid; }
.ok2d-help ol.toc li::before { content: none; }
.ok2d-help ol { list-style: none; padding-left: 0; counter-reset: k; margin: .4rem 0 .8rem; }
.ok2d-help ol > li { counter-increment: k; position: relative; padding-left: 1.9rem; margin: .4rem 0; }
.ok2d-help ol > li::before { content: counter(k) "."; position: absolute; left: 0; font-weight: 700; color: var(--d-acc, #505A38); }
.ok2d-help ol[start="3"] { counter-reset: k 2; } .ok2d-help ol[start="4"] { counter-reset: k 3; } .ok2d-help ol[start="5"] { counter-reset: k 4; } .ok2d-help ol[start="6"] { counter-reset: k 5; } .ok2d-help ol[start="7"] { counter-reset: k 6; } .ok2d-help ol[start="8"] { counter-reset: k 7; } .ok2d-help ol[start="9"] { counter-reset: k 8; }
.ok2d-help ul { padding-left: 1.3rem; }
.ok2d-help .box { margin: .9rem 0; padding: .55rem .9rem; border-radius: 4px; border-left: 4px solid transparent; break-inside: avoid; }
.ok2d-help .box > .t { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; margin-right: .5rem; }
.ok2d-help .box p { display: inline; margin: 0; }
.ok2d-help .box p + p, .ok2d-help .box ul, .ok2d-help .box ol { display: block; margin-top: .4rem; }
.ok2d-help .box.pozn { background: rgba(80,90,56,.10); border-left-color: rgba(80,90,56,.45); }
.ok2d-help .box.pozn > .t { color: var(--m-acc); }
.ok2d-help .box.dul { background: rgba(201,146,42,.16); border-left-color: #C9922A; }
.ok2d-help .box.dul > .t { color: #9A6A12; }
.ok2d-help .box.tip { background: rgba(79,138,58,.14); border-left-color: #4F8A3A; }
.ok2d-help .box.tip > .t { color: #3F7A2A; }
.ok2d-help .dva { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 1rem 0; }
.ok2d-help .dva > div { border: 1px solid var(--m-line); border-radius: 6px; padding: .2rem .9rem .5rem; }
.ok2d-help .dva h3 { margin-top: .6rem; }
@media (max-width: 640px) { .ok2d-help .dva { grid-template-columns: 1fr; } }
.ok2d-help figure.ok2d-shot { margin: 1.1rem 0; text-align: center; break-inside: avoid; }
.ok2d-help figure.ok2d-shot img { max-width: min(100%, 460px); height: auto; border: 1px solid var(--m-line); border-radius: 6px; }
.ok2d-help figure.ok2d-shot figcaption { font-size: .85rem; font-weight: 700; color: var(--m-muted); margin-top: .35rem; }
.ok2d-help table.slovnik { width: 100%; table-layout: fixed; }
.ok2d-help table.slovnik th:first-child, .ok2d-help table.slovnik td:first-child { width: 28%; }
.ok2d-help table.slovnik th { text-align: left; background: none; border: 0; border-bottom: 2px solid var(--m-line); color: var(--m-acc); font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; }
.ok2d-help table.slovnik td { vertical-align: top; border: 0; border-bottom: 1px solid var(--m-line); padding: .4rem .6rem .4rem 0; }
.ok2d-help table.slovnik td:first-child { font-weight: 700; color: var(--m-acc); }
.ok2d-help table.slovnik tr { break-inside: avoid; }
/* MANUAL-END */