/* Tulburel page (dv-tulburel, owner "geo seo sexy" 2026-10-27). Kit tokens; after dv-guides' guides.css.
   Light green = the Doina Vin document green (--success #2D6A4F) on a pale tint. */
.pg-tb { --tb-green: var(--success, #2D6A4F); --tb-tint: #EAF1EC; --tb-line: #CFE0D4; }

/* Head: a little tighter, so the key facts and the wines (with their buy buttons) reach the first screen */
.pg-tb .pg-tb-head { padding-bottom: var(--sp-3); }
.pg-tb-head .pg-guide-lead { max-width: 62ch; }

/* Above the fold: key facts beside the three wines */
.pg-tb-buy { display: grid; gap: var(--sp-5) var(--col-gap); margin-top: var(--sp-3); align-items: start; }
@media (min-width: 960px) {
  .pg-tb-buy { grid-template-columns: minmax(260px, 1fr) minmax(0, 2.5fr); }
  .pg-tb-cards .dvh-card__well { aspect-ratio: 1 / 1; }
}
.pg-tb-brief { background: var(--tb-tint); border: 1px solid var(--tb-line); border-radius: var(--radius-media); padding: var(--sp-5); }
.pg-tb-brief__title, .pg-tb-wines__title { margin: 0 0 var(--sp-4); font-family: var(--font-display); font-weight: var(--fw-title); font-size: var(--fs-h3); line-height: 1.25; }
.pg-tb-brief__list { margin: 0; display: grid; gap: var(--sp-3); }
.pg-tb-brief__list > div { display: grid; gap: 2px; padding-top: var(--sp-3); border-top: 1px solid var(--tb-line); }
.pg-tb-brief__list > div:first-child { padding-top: 0; border-top: 0; }
.pg-tb-brief dt { font-size: var(--fs-eyebrow); letter-spacing: .12em; text-transform: uppercase; font-weight: var(--fw-strong); color: var(--tb-green); }
.pg-tb-brief dd { margin: 0; font-size: var(--fs-ui); line-height: 1.45; text-align: left; -webkit-hyphens: manual; hyphens: manual; }
.pg-tb-cards { margin: 0; }
@media (min-width: 600px) { .pg-tb-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pg-tb-note { margin: var(--sp-3) 0 0; max-width: none; font-size: var(--fs-meta); color: var(--muted); text-align: left; }
.pg-tb-note a { color: var(--link); }
.pg-tb .pg-tb-toc { margin-top: var(--sp-6); max-width: calc(var(--container) + 2 * var(--page-gutter)); }
.pg-tb-hero { margin-top: var(--sp-5); }

/* The text column: paragraphs and lists keep the reading measure; the facts grid and the tables use the full width */
.pg-tb .pg-tb-prose { max-width: none; }

/* Facts: numbered cards */
.pg-tb-prose ol.pg-tb-facts { list-style: none; padding: 0; max-width: none; counter-reset: tbf; display: grid; gap: var(--sp-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .pg-tb-prose ol.pg-tb-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pg-tb-prose ol.pg-tb-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pg-tb-prose ol.pg-tb-facts > li { margin: 0; }
.pg-tb-facts > li { counter-increment: tbf; position: relative; padding: var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-4) + 2.5rem); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-media); font-size: var(--fs-ui); line-height: 1.5; text-align: left; -webkit-hyphens: manual; hyphens: manual; }
.pg-tb-facts > li::before { content: counter(tbf, decimal-leading-zero); position: absolute; left: var(--sp-4); top: calc(var(--sp-4) - 1px); font-family: var(--font-display); font-size: 1.375rem; line-height: 1.1; color: var(--tb-green); }

/* Tables: full width of the text column, light green heads, cells from the top */
.pg-tb-prose .pg-tb-table { max-width: none; border-color: var(--tb-line); }
.pg-tb-table .dvh-table thead th { background: var(--tb-tint); color: var(--tb-green); }
.pg-tb-table .dvh-table td, .pg-tb-table .dvh-table th { vertical-align: top; }
.pg-tb-table .dvh-table tbody tr:hover { background: transparent; }
.pg-tb-table .dvh-table tbody th { color: var(--ink); font-weight: var(--fw-strong); }
@media (max-width: 599.98px) {
  .pg-tb-table thead { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .pg-tb-table .dvh-table, .pg-tb-table tbody, .pg-tb-table tr, .pg-tb-table th, .pg-tb-table td { display: block; width: auto; }
  .pg-tb-table tr { padding: var(--sp-3) var(--sp-4); border-top: 1px solid var(--tb-line); }
  .pg-tb-table tbody tr:first-child { border-top: 0; }
  .pg-tb-table tr > * { padding: 0 !important; border: 0 !important; }
  .pg-tb-table td { margin-top: var(--sp-1); }
  .pg-tb-table td[data-label]::before { content: attr(data-label); display: block; color: var(--muted); font-size: var(--fs-meta); }
}

/* Citations [n] */
.pg-tb-cite { font-size: .72em; line-height: 0; white-space: nowrap; color: var(--muted); font-weight: var(--fw-text); }
.pg-tb-cite a { color: var(--link); text-decoration: none; font-weight: var(--fw-ui); padding: 0 1px; }
.pg-tb-cite a:hover, .pg-tb-cite a:focus-visible { text-decoration: underline; }

/* Sources: folded, small, two columns on wide screens */
.pg-tb-sources { margin-top: var(--sp-7); margin-bottom: var(--sp-7); }
.pg-tb-src { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pg-tb-src > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); padding: var(--sp-4) 0; min-height: 44px; }
.pg-tb-src > summary::-webkit-details-marker { display: none; }
.pg-tb-src__title { font-family: var(--font-display); font-weight: var(--fw-title); font-size: var(--fs-h3); }
.pg-tb-src__n { color: var(--muted); font-family: var(--font-text); font-size: var(--fs-ui); font-weight: var(--fw-text); }
.pg-tb-src > summary .dvh-icon { transition: transform .2s ease; }
.pg-tb-src[open] > summary .dvh-icon { transform: rotate(180deg); }
.pg-tb-src__list { margin: 0 0 var(--sp-5); padding-left: 1.75em; font-size: var(--fs-meta); line-height: 1.45; color: var(--muted); }
@media (min-width: 760px) { .pg-tb-src__list { columns: 2; column-gap: var(--sp-7); } }
.pg-tb-src__list li { break-inside: avoid; margin: 0 0 var(--sp-2); text-align: left; -webkit-hyphens: manual; hyphens: manual; scroll-margin-top: calc(var(--header-h, 72px) + var(--sp-5)); }
.pg-tb-src__list li:target { background: var(--tb-tint); box-shadow: 0 0 0 4px var(--tb-tint); border-radius: 2px; }
.pg-tb-src__list a { color: var(--ink); text-decoration: none; }
.pg-tb-src__host { font-weight: var(--fw-strong); color: var(--tb-green); }
.pg-tb-src__list a:hover .pg-tb-src__name, .pg-tb-src__list a:focus-visible .pg-tb-src__name { text-decoration: underline; }
@media (prefers-reduced-motion: reduce) { .pg-tb-src > summary .dvh-icon { transition: none; } }