/* Sekce Průvodce: odborné články (jen na stránkách pruvodce*.html). Samostatný soubor, aby se nepřetahoval se style.css. */
.gd-article { max-width: 46rem; margin: 0 auto; }
.gd-article h2 { margin: 2.2rem 0 .7rem; font-size: clamp(1.35rem, 1.1rem + 1vw, 1.8rem); line-height: 1.25; scroll-margin-top: 90px; }
.gd-article h3 { margin: 1.6rem 0 .5rem; font-size: 1.15rem; line-height: 1.3; }
.gd-article p, .gd-article li { font-size: 1.04rem; line-height: 1.7; }
.gd-article p { margin: 0 0 1rem; }
.gd-article ul, .gd-article ol { margin: 0 0 1.2rem; padding-left: 1.3rem; }
.gd-article li { margin: .35rem 0; }
.gd-article a { text-decoration: underline; text-underline-offset: 2px; }
.gd-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 1.4rem; font-size: .88rem; color: var(--muted); }
.gd-toc { margin: 0 0 2rem; padding: 14px 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.gd-toc strong { display: block; margin-bottom: 6px; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.gd-toc ol { margin: 0; padding-left: 1.2rem; }
.gd-toc li { margin: .2rem 0; font-size: .97rem; }
.gd-note { margin: 1.4rem 0; padding: 14px 18px; background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--accent, #3f7a26); border-radius: var(--radius); }
.gd-note p { margin: 0; font-size: .98rem; }
.gd-table { width: 100%; margin: 0 0 1.4rem; border-collapse: collapse; font-size: .96rem; }
.gd-table th, .gd-table td { padding: 9px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.gd-table th { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.gd-scroll { overflow-x: auto; }
.gd-related { margin: 2.4rem 0 0; padding: 18px 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.gd-related h2 { margin-top: 0; font-size: 1.2rem; }
.gd-related ul { margin-bottom: 0; }
.gd-cards { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin: 0; padding: 0; list-style: none; }
.gd-card { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.gd-card h3 { margin: 0; font-size: 1.15rem; line-height: 1.3; }
.gd-card p { margin: 0; color: var(--muted); font-size: .97rem; line-height: 1.55; }
.gd-card .gd-more { margin-top: auto; font-weight: 600; }
.gd-card a { text-decoration: none; }
.gd-card h3 a:hover, .gd-card .gd-more:hover { text-decoration: underline; }
@media (max-width: 640px) { .gd-article p, .gd-article li { font-size: 1rem; } .gd-table { font-size: .9rem; } }
/* Druhá vlna: definice pojmu a skrytý popisek tabulky */
.gd-def { margin: 0 0 1.4rem; padding: 14px 18px; background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--accent, #3f7a26); border-radius: var(--radius); font-size: 1.08rem; line-height: 1.6; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }