/* Scoped implementation starter. Connect to templates; this is not a complete WordPress theme. */
.dd-site, .dd-site *, .dd-site *::before, .dd-site *::after { box-sizing: border-box; }
.dd-site { margin: 0; background: var(--dd-bg); color: var(--dd-ink); font-family: var(--dd-font); font-size: 16px; line-height: 1.5; font-optical-sizing: auto; }
.dd-site :is(button,input,select,textarea) { font: inherit; }
.dd-site :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid var(--dd-focus); outline-offset: 3px; }
.dd-site img { display: block; max-width: 100%; height: auto; }
.dd-site a { color: var(--dd-accent); text-underline-offset: .22em; }
.dd-site button { cursor: pointer; }
.dd-site button:disabled { cursor: not-allowed; }
.dd-site [hidden] { display: none !important; }
.dd-container { width: min(var(--dd-width), calc(100% - var(--dd-gutter) * 2)); margin-inline: auto; }
.dd-section { margin-block: var(--dd-section-gap); }
.dd-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--dd-grid-gap); }
.dd-grid > *, .dd-article-layout > * { min-width: 0; }
.dd-article-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.dd-site :is(h1, h2, h3, h4) { color: var(--dd-ink); font-family: var(--dd-font); }
.dd-site :is(h1, h2, h3, h4) a { color: inherit; text-decoration: none; }
.dd-h1 { margin: 0 0 16px; font-size: 32px; line-height: 1.12; font-weight: var(--dd-weight-heading); letter-spacing: -.035em; overflow-wrap: anywhere; }
.dd-hero-title { font-size: 36px; line-height: 1.08; }
.dd-h2 { margin: 0 0 12px; font-size: 28px; line-height: 1.15; letter-spacing: -.025em; font-weight: var(--dd-weight-heading); }
.dd-lead { margin: 0; font-size: 18px; line-height: 1.45; color: var(--dd-muted); }
.dd-muted { color: var(--dd-muted); }
.dd-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.dd-icon { flex: 0 0 auto; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }
.dd-topic-icon { width: 48px; height: 48px; }
.dd-icon-tile { flex: 0 0 auto; display: grid; place-items: center; width: 64px; height: 64px; color: #275d50; background: var(--dd-tint); border-radius: 12px; }
.dd-icon-tile .dd-topic-icon { width: 42px; height: 42px; }
.dd-button { display: inline-flex; min-height: var(--dd-touch); align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--dd-accent); border-radius: var(--dd-radius-sm); padding: 10px 18px; background: var(--dd-accent); color: #fff !important; font-weight: 600; font-size: 15px; line-height: 1.4; text-decoration: none; text-transform: none; }
.dd-button:hover { background: var(--dd-accent-hover); border-color: var(--dd-accent-hover); }
.dd-button:active { background: var(--dd-accent-active); }
.dd-button--outline { background: #fff; color: var(--dd-accent) !important; }
.dd-button--outline:hover { background: var(--dd-tint); }
.dd-button--outline:active { background: var(--dd-tint-strong); }
.dd-button--icon { width: 40px; height: 40px; min-height: 40px; padding: 0; flex: 0 0 40px; }
.dd-button:disabled { background: #e6eae7; color: #59666b !important; border-color: #cbd5ce; }
.dd-link { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; color: var(--dd-accent); font-size: 15px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.dd-link:hover { color: var(--dd-accent-hover); }
.dd-chip { display: inline-flex; align-items: center; min-height: var(--dd-touch); padding: 8px 14px; border: 1px solid transparent; border-radius: 999px; background: var(--dd-tint); color: #275d50; font-size: 13px; text-decoration: none; }
.dd-chip[aria-pressed="true"], .dd-chip[aria-current="page"] { background: var(--dd-accent); color: #fff; }
.dd-badge { display: inline-block; align-self: flex-start; padding: 4px 10px; border-radius: 999px; background: var(--dd-tint); color: #275d50; font-size: 12px; line-height: 1.3; }
.dd-input { width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid var(--dd-field-border); border-radius: 8px; background: #fff; color: var(--dd-ink); }
.dd-input::placeholder { color: #69766e; opacity: 1; }
.dd-input[aria-invalid="true"] { border-color: var(--dd-error); }
.dd-field-error { margin: 8px 0 0; color: var(--dd-error); font-size: 14px; }
.dd-search-panel { min-width: 0; max-width: 100%; position: relative; isolation: isolate; padding: 20px; border-radius: var(--dd-radius-lg); background: var(--dd-tint); }
.dd-search-panel::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; width: 112px; height: 112px; background: url("../decor/botanical-corner-soft.svg") top right / contain no-repeat; pointer-events: none; }
.dd-search-panel h2 { margin: 0 0 16px; font-size: 24px; line-height: 1.2; letter-spacing: -.025em; }
.dd-search { position: relative; min-width: 0; max-width: 100%; }
.dd-search-row { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 4px 4px 12px; background: #fff; border: 1px solid var(--dd-border); border-radius: 12px; }
.dd-search-row > .dd-icon { flex: 0 0 auto; }
.dd-search-row input { min-width: 0; flex: 1; width: 100%; padding: 8px 2px; height: 40px; border: 0; color: var(--dd-ink); background: transparent; font: inherit; }
.dd-search-row input::placeholder { color: #69766e; opacity: 1; }
.dd-search-row:focus-within { outline: 3px solid var(--dd-focus); outline-offset: 3px; }
.dd-search-row input:focus-visible { outline: none; }
.dd-search-examples { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; color: var(--dd-muted); font-size: 13px; min-width: 0; max-width: 100%; }
.dd-search-examples .dd-chip { min-height: 32px; padding: 4px 12px; }
.dd-search-examples .dd-chip { background: var(--dd-tint-strong); }
.dd-suggestions { position: absolute; z-index: var(--dd-z-suggest); top: calc(100% + 6px); left: 0; right: 0; margin: 0; padding: 6px; list-style: none; border: 1px solid var(--dd-border); border-radius: 12px; background: #fff; box-shadow: 0 12px 28px #0c202014; }
.dd-suggestions [role="option"] { padding: 12px; border-radius: 8px; cursor: pointer; }
.dd-suggestions [aria-selected="true"] { background: var(--dd-tint); }
.dd-card { display: flex; flex-direction: column; min-width: 0; padding: 5px; border: 1px solid var(--dd-border); border-radius: var(--dd-radius); background: #fff; }
.dd-card-media { overflow: hidden; display: block; border-radius: 9px; }
.dd-card-media img,
.dd-card-media .dd-ph { display: grid; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
.dd-card-body { display: flex; flex-direction: column; flex: 1; gap: 10px; padding: 14px 10px 10px; }
.dd-card h3 { margin: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.025em; }
.dd-card h3 a { color: var(--dd-ink); text-decoration: none; }
.dd-card h3 a:hover { color: var(--dd-accent); text-decoration: underline; }
.dd-card p { margin: 0; color: var(--dd-muted); font-size: 15px; }
.dd-card .dd-link { align-self: flex-start; margin-top: auto; }
.dd-topic-card { display: flex; align-items: center; gap: 16px; padding: 14px; border: 1px solid var(--dd-border); border-radius: 12px; background: #fff; color: var(--dd-ink) !important; text-decoration: none; }
.dd-topic-card > span:nth-child(2) { flex: 1; font-weight: 650; line-height: 1.3; }
.dd-topic-card > .dd-icon { color: var(--dd-accent); }
.dd-topic-card:hover { border-color: #82988d; background: #fcfefc; }
.dd-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin-block: 28px; padding: 0; list-style: none; }
.dd-pagination a { display: grid; place-items: center; min-width: var(--dd-touch); min-height: var(--dd-touch); padding: 6px; border: 1px solid var(--dd-border); border-radius: 8px; background: #fff; text-decoration: none; color: var(--dd-ink); }
.dd-pagination a[aria-current="page"] { background: var(--dd-accent); color: #fff; border-color: var(--dd-accent); }
.dd-pagination a:hover:not([aria-current="page"]) { background: var(--dd-tint); }
.dd-prose { font-size: 17px; line-height: 1.65; overflow-wrap: break-word; }
.dd-prose :is(h2,h3,h4) { line-height: 1.25; letter-spacing: -.02em; scroll-margin-top: 24px; margin: 1.5em 0 .55em; }
.dd-prose h2 { font-size: 26px; }
.dd-prose h3 { font-size: 22px; }
.dd-prose h4 { font-size: 19px; }
.dd-prose p { margin: 0 0 1em; }
.dd-prose ul { padding-left: 1.4em; }
.dd-prose ol { list-style: none; margin: 0 0 1em; padding: 0; counter-reset: dd-ol; }
.dd-prose li + li { margin-top: .35em; }
.dd-prose ol > li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 10px; }
.dd-prose ol > li::before { content: counter(dd-ol); counter-increment: dd-ol; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--dd-tint); color: var(--dd-accent); font-weight: 700; font-size: 14px; line-height: 1; }
.dd-prose img { height: auto; max-width: 100%; }
.dd-table-scroll { overflow-x: auto; border: 1px solid var(--dd-border); border-radius: 12px; max-width: 100%; }
.dd-site .dd-prose table { width: 100%; margin: 0 !important; border-collapse: collapse; border-spacing: 0; font-size: 15px; }
.dd-site .dd-prose table :is(th, td) { text-align: left; padding: 12px 16px !important; vertical-align: middle; border-bottom: 1px solid var(--dd-border); background: #fff; }
.dd-site .dd-prose table th { background: var(--dd-tint); font-weight: 650; }
.dd-site .dd-prose table tr:last-child :is(th, td) { border-bottom: 0; }
.dd-note { display: flex; align-items: flex-start; gap: 14px; margin-block: 24px; padding: 20px; border-radius: 12px; background: var(--dd-tint); }
.dd-note p:last-child { margin-bottom: 0; }
.dd-remember { display: flex; align-items: flex-start; gap: 14px; margin: 24px 0; padding: 16px 18px; border-radius: 16px; background: var(--dd-tint); }
.dd-remember-mark { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px; background: #fff; color: var(--dd-accent); }
.dd-remember-mark .dd-icon { width: 22px; height: 22px; }
.dd-remember-label { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dd-accent); }
.dd-remember p { margin: 0; }
.dd-sources { margin-top: 28px; border: 1px solid var(--dd-border); border-radius: 12px; background: #fff; }
.dd-sources summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 12px 16px; cursor: pointer; font-weight: 700; list-style: none; }
.dd-sources summary::-webkit-details-marker { display: none; }
.dd-sources summary .dd-icon { color: var(--dd-accent); transition: transform .2s; }
.dd-sources[open] summary .dd-icon { transform: rotate(180deg); }
.dd-sources ul { margin: 0; padding: 0 16px 14px 32px; }
.dd-sources li + li { margin-top: 6px; }
.dd-details { margin-block: 16px; border: 1px solid var(--dd-border); border-radius: 10px; background: #fff; }
.dd-details summary { padding: 14px 16px; min-height: 48px; cursor: pointer; font-weight: 600; }
.dd-details > div { padding: 0 16px 16px; }
.dd-ad { display: none; }
.dd-ad img { width: 300px; max-width: 100%; height: 250px; object-fit: cover; }
.dd-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 768px) {
  .dd-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dd-h1 { font-size: 40px; }
  .dd-hero-title { font-size: 44px; }
  .dd-h2 { font-size: 34px; }
  .dd-lead { font-size: 20px; }
  .dd-card h3 { font-size: 22px; }
}
@media (min-width: 1100px) {
  .dd-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dd-article-layout { grid-template-columns: minmax(0,1fr) var(--dd-sidebar); gap: 32px; }
  .dd-h1 { font-size: 48px; }
  .dd-hero-title { font-size: 56px; }
  .dd-h2 { font-size: 40px; }
  .dd-lead { font-size: 22px; }
  .dd-search-panel h2 { font-size: 34px; }
  .dd-prose { font-size: 18px; }
  .dd-prose h2 { font-size: 32px; }
  .dd-prose h3 { font-size: 24px; }
  .dd-ad { display: block; }
}
@media (prefers-reduced-motion: reduce) { .dd-site * { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }