/* Additional layout for practical guides; uses the existing guide palette. */
.resource-page a:not(.nav-brand):not(.nav-cta):not(.btn-primary):not(.btn-secondary) { text-decoration: underline; text-underline-offset: .18em; }
.resource-page :focus-visible { outline: 3px solid var(--action); outline-offset: 4px; }
.resource-skip { position: fixed; top: -100px; left: 16px; z-index: 200; padding: 12px 18px; background: var(--elevated); color: var(--text); }
.resource-skip:focus { top: 12px; }
.resource-page .article-body { min-width: 0; }
.resource-page section[id] { scroll-margin-top: 100px; }
.resource-table { overflow-x: auto; margin: 1.5rem 0; border: 1px solid var(--border); border-radius: 12px; }
.resource-table table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.resource-table-comparison table { min-width: 680px; }
@media print { .resource-table-comparison table { min-width: 0; } }
.resource-table th, .resource-table td { padding: 14px; text-align: left; vertical-align: top; min-width: 100px; border-bottom: 1px solid var(--border); }
.resource-table th { background: var(--elevated); font-weight: 600; }
.resource-table caption { padding: 16px; text-align: left; font-weight: 600; }
.resource-figure { margin: 2rem auto; text-align: center; }
.resource-figure img { width: min(100%, 300px); height: auto; border-radius: 24px; }
.resource-figure figcaption { margin-top: .75rem; color: var(--text-muted); font-size: .85rem; }
.resource-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; padding: 32px 20px; border-top: 1px solid var(--border); }
.resource-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.resource-sources { font-size: .9rem; }
@media (max-width: 480px) { .resource-page .site-nav { padding: 0 16px; } .resource-page .nav-inner { gap: 12px; } .resource-page .nav-cta { padding: 10px 14px; } }
@media print { .resource-page .site-nav, .resource-footer, .resource-skip, .resource-page .cta-block, .resource-page .toc { display: none; } .resource-page { background: white; color: black; } .resource-page .hero { padding: 20px 0; } .resource-page .article-body { max-width: none; } .resource-table { overflow: visible; break-inside: avoid; } .resource-figure img { max-height: 280px; width: auto; } }

.resource-page .nav-cta { display: inline-flex; align-items: center; min-height: 44px; }
.resource-page .nav-inner > a { min-height: 44px; display: inline-flex; align-items: center; }

/* Native disclosure keeps every translated article reachable without JavaScript. */
.resource-languages { position: relative; margin-left: auto; flex-shrink: 0; }
.resource-languages summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 8px; }
.resource-languages summary::after { content: '▾'; }
.resource-languages summary::-webkit-details-marker { display: none; }
.resource-languages > div { position: absolute; right: 0; top: 100%; z-index: 20; min-width: 160px; padding: 8px; border: 1px solid var(--border); border-radius: 12px; background: var(--elevated); box-shadow: 0 8px 24px rgb(0 0 0 / .12); }
.resource-languages a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; border-radius: 6px; }
.resource-languages a[aria-current="page"] { font-weight: 700; background: var(--surface); }
@media (max-width: 380px) { .resource-page .nav-brand-text { display: none; } .resource-page .nav-inner { gap: 6px; } }

.resource-page h1, .resource-page h2, .resource-page h3 { overflow-wrap: anywhere; hyphens: auto; }