html:root{--faqc-paper: #f8f4ec;--faqc-paper-2: #ece7df;--faqc-ink: #241b13;--faqc-line: #d9d0c4;--faqc-muted: #655b50;--faqc-accent: #f4c97e;--faqc-blue: #2457ff;--faqc-hub-wijnstijlen: #621d30;--faqc-hub-druiven: #3d4a2a;--faqc-hub-regios: #2b3d55;--faqc-hub-pairing: #6a3420;--faqc-hub-proeven-serveren: #4b2c4e;--faqc-hub-bewaren-praktisch: #4a3f35;--faqc-on-dark-2: rgba(248, 244, 236, .78);--faqc-on-dark-line: rgba(248, 244, 236, .16);--faqc-on-dark-hover: rgba(248, 244, 236, .05);--faqc-on-light-hover: rgba(36, 27, 19, .04);--faqc-display: "Averia Serif Libre", Georgia, serif;--faqc-body: Poppins, Arial, sans-serif;--faqc-dur: .22s;--faqc-ease: cubic-bezier(.22, 1, .36, 1)}:root,html:root body{overflow-x:clip}html:root .dg-faq-index,html:root .wga-faq-inner{--faqc-num-col: 3.75rem;--faqc-ic-col: 2.75rem;--faqc-gap: .75rem;--faqc-n-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);--faqc-q-size: clamp(1.125rem, 1rem + .6vw, 1.5rem);font-family:var(--faqc-body)}html:root .dg-faq,html:root .wga-faq-inner{counter-reset:faqc}html:root .dg-faq details,html:root details.wga-q{counter-increment:faqc;margin:0;padding:0;background:transparent;border:0;border-bottom:1px solid var(--faqc-band-line);border-radius:0;box-shadow:none;transform:none}html:root .dg-faq details:hover,html:root details.wga-q:hover{transform:none;box-shadow:none}html:root .dg-faq{border-top:1px solid var(--faqc-band-line)}html:root details.wga-q:first-of-type{border-top:1px solid var(--faqc-band-line)}html:root .dg-index .dg-faq-index .dg-faq details summary,html:root details.wga-q summary{display:grid;grid-template-columns:var(--faqc-num-col) minmax(0,1fr) var(--faqc-ic-col);column-gap:var(--faqc-gap);align-items:baseline;min-height:0;padding:1.25rem .5rem;margin-inline:-.5rem;list-style:none;cursor:pointer;border-radius:8px;color:var(--faqc-fg);font-family:var(--faqc-display);font-weight:700;font-size:var(--faqc-q-size);line-height:1.25;letter-spacing:0;transition:background-color var(--faqc-dur) var(--faqc-ease)}html:root .dg-faq summary::-webkit-details-marker,html:root details.wga-q summary::-webkit-details-marker{display:none}html:root .dg-faq summary:hover,html:root details.wga-q summary:hover{background:var(--faqc-hover)}html:root .dg-faq summary:active,html:root details.wga-q summary:active{background:var(--faqc-hover);transition:none}html:root .dg-faq summary:focus-visible,html:root details.wga-q summary:focus-visible{outline:2px solid var(--faqc-ring);outline-offset:2px}html:root .dg-faq summary:focus:not(:focus-visible),html:root details.wga-q summary:focus:not(:focus-visible){outline:none}html:root .dg-faq summary:before,html:root details.wga-q summary:before{content:counter(faqc,decimal-leading-zero);font-size:var(--faqc-n-size);line-height:1;color:var(--faqc-num);font-variant-numeric:tabular-nums}html:root .dg-faq summary>span:first-child{display:block;min-width:0;overflow-wrap:anywhere;text-wrap:pretty}html:root .dg-faq .dg-faq-toggle,html:root details.wga-q summary:after{content:"";display:block;align-self:start;flex:none;width:auto;height:calc(var(--faqc-q-size) * 1.25);border-radius:0;background:linear-gradient(currentColor,currentColor) center / 14px 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 14px no-repeat;font-size:0;transition:transform var(--faqc-dur) var(--faqc-ease)}html:root .dg-faq .dg-faq-toggle:before,html:root .dg-faq .dg-faq-toggle:after,html:root .dg-faq details[open] .dg-faq-toggle:after{content:none}html:root .dg-faq details[open] .dg-faq-toggle,html:root details.wga-q[open] summary:after{transform:rotate(45deg)}html:root .faqc-body{padding-inline:calc(var(--faqc-num-col) + var(--faqc-gap)) var(--faqc-ic-col)}html:root .faqc-body-in{min-height:0;overflow:hidden;max-width:62ch;padding-bottom:1.75rem}html:root .dg-faq-index .dg-faq p,html:root details.wga-q .wga-q-body{margin:0;max-width:none;font-size:.9375rem;line-height:1.65;color:var(--faqc-fg-2);text-wrap:pretty}html:root .faqc-lead{display:block;margin-bottom:.5rem;font-weight:600;font-size:1.0625rem;line-height:1.5;color:var(--faqc-fg)}html:root .dg-faq-index .dg-faq .dg-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.25rem;margin-top:.75rem;padding:0}html:root .dg-faq-index .dg-faq .dg-links:empty{display:none}html:root .dg-faq-index .dg-faq .dg-links:before{content:"Lees verder";font-size:.875rem;color:var(--faqc-fg-2)}html:root .dg-faq-index .dg-faq .dg-links a,html:root .dg-index .dg-faq-intro .dg-text-link{display:inline-flex;align-items:center;gap:.4em;min-height:2.75rem;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--faqc-fg);font-family:var(--faqc-body);font-size:.9375rem;font-weight:500;text-decoration:none}html:root .dg-faq-index .dg-faq .dg-links a>span,html:root .dg-index .dg-faq-intro .dg-text-link{text-decoration:underline;text-decoration-color:var(--faqc-accent);text-decoration-thickness:2px;text-underline-offset:.22em}html:root .dg-faq-index .dg-faq .dg-links a:after{content:"\2192";transition:transform var(--faqc-dur) var(--faqc-ease)}html:root .dg-index .dg-faq-intro .dg-text-link svg{transition:transform var(--faqc-dur) var(--faqc-ease)}html:root .dg-faq-index .dg-faq .dg-links a:hover:after,html:root .dg-index .dg-faq-intro .dg-text-link:hover svg{transform:translate(3px)}html:root .dg-faq-index .dg-faq .dg-links a:hover>span,html:root .dg-index .dg-faq-intro .dg-text-link:hover{text-decoration-thickness:3px}html:root .dg-faq-index .dg-faq .dg-links a:active,html:root .dg-index .dg-faq-intro .dg-text-link:active{opacity:.75}html:root .dg-faq-index .dg-faq .dg-links a:focus-visible,html:root .dg-index .dg-faq-intro .dg-text-link:focus-visible{outline:2px solid var(--faqc-ring);outline-offset:2px}html:root.faqc-js .faqc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--faqc-dur) var(--faqc-ease)}html:root.faqc-js details.is-open>.faqc-body{grid-template-rows:1fr}html:root .dg-index .dg-faq-index{--faqc-band: var(--faqc-ink);--faqc-fg: var(--faqc-paper);--faqc-fg-2: var(--faqc-on-dark-2);--faqc-num: var(--faqc-accent);--faqc-band-line: var(--faqc-on-dark-line);--faqc-ring: var(--faqc-accent);--faqc-hover: var(--faqc-on-dark-hover);margin-inline:0;padding:clamp(3rem,6vw,5.5rem) var(--dg-gutter, 20px);background:var(--faqc-band);color:var(--faqc-fg);display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}html:root main[data-guide-category=wijnstijlen] .dg-faq-index{--faqc-band: var(--faqc-hub-wijnstijlen)}html:root main[data-guide-category=druiven] .dg-faq-index{--faqc-band: var(--faqc-hub-druiven)}html:root main[data-guide-category=regios] .dg-faq-index{--faqc-band: var(--faqc-hub-regios)}html:root main[data-guide-category=pairing] .dg-faq-index{--faqc-band: var(--faqc-hub-pairing)}html:root main[data-guide-category=proeven-serveren] .dg-faq-index{--faqc-band: var(--faqc-hub-proeven-serveren)}html:root main[data-guide-category=bewaren-praktisch] .dg-faq-index{--faqc-band: var(--faqc-hub-bewaren-praktisch)}html:root .dg-index .dg-faq-intro h2{margin:0;color:var(--faqc-fg);font-family:var(--faqc-display);font-weight:700;font-size:clamp(1.875rem,1.4rem + 1.6vw,2.75rem);line-height:1.1;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;min-width:0}html:root .dg-index .dg-faq-intro h2 br{display:none}html:root .dg-index .dg-faq-intro>p{margin:1rem 0 0;max-width:38ch;color:var(--faqc-fg-2);font-size:.9375rem;line-height:1.65;text-wrap:pretty}html:root .dg-index .dg-faq-intro .dg-text-link{margin-top:.5rem}@media(max-width:59.99rem){html:root .dg-index .dg-faq-intro{display:contents}html:root .dg-index .dg-faq-intro h2{order:1}html:root .dg-index .dg-faq-intro>p{order:2;margin-top:-1.5rem}html:root .dg-index .dg-faq-index .dg-faq{order:3}html:root .dg-index .dg-faq-intro .dg-text-link{order:4;justify-self:start;margin-top:0}}@media(min-width:60rem){html:root .dg-index .dg-faq-index{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(3rem,6vw,5rem);align-items:start}html:root .dg-index .dg-faq-intro{position:sticky;top:8.5rem}html:root .dg-index .dg-faq-intro>p{padding-bottom:1.5rem;border-bottom:1px solid var(--faqc-band-line)}html:root .dg-index .dg-faq-intro .dg-text-link{margin-top:.75rem}}html:root .wga-faq{background:transparent;border:0}html:root .wga-faq-inner{--faqc-band: var(--faqc-paper-2);--faqc-fg: var(--faqc-ink);--faqc-fg-2: var(--faqc-muted);--faqc-num: var(--faqc-muted);--faqc-band-line: var(--faqc-line);--faqc-ring: var(--faqc-blue);--faqc-hover: var(--faqc-on-light-hover);--faqc-num-col: 3rem;--faqc-n-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);--faqc-q-size: clamp(1.0625rem, 1rem + .4vw, 1.25rem);padding:clamp(1.5rem,4vw,2.5rem);border-radius:16px;background:var(--faqc-band);color:var(--faqc-fg)}html:root .wga-faq-head .wga-eyebrow{display:none}html:root .wga-faq-head h2{margin:0;color:var(--faqc-fg);font-family:var(--faqc-display);font-weight:700;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.1;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;min-width:0}html:root .wga-faq-head .wga-faq-sub{margin:.75rem 0 1.25rem;color:var(--faqc-fg-2);font-size:.9375rem;line-height:1.65}html:root details.wga-q summary{color:var(--faqc-fg)}html:root details.wga-q[open] summary{color:var(--faqc-fg)}@media(max-width:40rem){html:root .dg-faq-index,html:root .wga-faq-inner{--faqc-num-col: 2.5rem;--faqc-ic-col: 1.75rem;--faqc-gap: .625rem}html:root .wga-faq-inner{--faqc-num-col: 2.25rem}html:root .faqc-body{padding-inline-end:0}html:root .faqc-lead{font-size:1rem}}@media(prefers-reduced-motion:reduce){html:root .dg-faq-index *,html:root .dg-faq-index *:before,html:root .dg-faq-index *:after,html:root .wga-faq-inner *,html:root .wga-faq-inner *:after{transition:none!important}}html:root .dg-index .dg-faq-index{box-shadow:0 0 0 100vmax var(--faqc-band);clip-path:inset(0 -100vmax)}html:root main.guide-v2:has(.dg-index .dg-faq-index){padding-bottom:0;margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/40/assets/dirt-paper-guide-faq.css.map */
