/* Article presentation follows the site's ivory, ink and muted gold palette. */
.dr-guide { color:#202622; font:inherit; line-height:1.75; }
.dr-guide * { box-sizing:border-box; }
.dr-guide a { color:#806638; text-decoration:underline; text-underline-offset:3px; }
.dr-guide a:hover { color:#202622; }
.dr-guide a:focus-visible { outline:3px solid #b5904b; outline-offset:4px; }
.dr-guide .dr-hero { background:#eee9de; border:1px solid #d8d1c2; border-radius:8px; padding:26px 30px; margin:28px 0 40px; }
/* The theme already displays the article title above its cover image. */
.dr-guide .dr-hero :is(h1,h2) { display:none; }
.dr-guide .dr-kicker { display:block; color:#806638; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }
.dr-guide .dr-hero p { margin:0; max-width:90ch; color:#444e43; }
.dr-guide .dr-hero p + .dr-kicker { margin:12px 0 0; }
.dr-guide .dr-section { margin:0; padding:36px 0; border:0; border-bottom:1px solid #d8d1c2; background:transparent; border-radius:0; box-shadow:none; scroll-margin-top:50px; }
.dr-guide .dr-section:first-of-type { padding-top:0; }
.dr-guide .dr-section h2 { font-size:clamp(27px,2.6vw,36px); font-weight:500; letter-spacing:-.04em; line-height:1.18; color:#202622; margin:0 0 24px; }
.dr-guide .dr-section h3 { font-size:23px; font-weight:500; letter-spacing:-.025em; line-height:1.3; margin:28px 0 14px; }
.dr-guide .dr-section p { margin:0 0 20px; }
.dr-guide .dr-section > :last-child { margin-bottom:0; }
.dr-guide nav { border-top:1px solid #d8d1c2; padding-top:18px; margin-top:26px; font-size:14px; line-height:2; }
.dr-guide nav a { display:inline-block; }
.dr-guide .dr-table-wrap { width:100%; max-width:100%; overflow-x:auto; margin:26px 0; border:1px solid #d8d1c2; border-radius:8px; }
.dr-guide .dr-table { width:100%; margin:0; border-collapse:collapse; background:#fffdf8; font-size:14px; line-height:1.6; }
.dr-guide .dr-table caption { text-align:left; padding:15px 18px; background:#eee9de; color:#656b60; font-size:12px; }
.dr-guide .dr-table :is(th,td) { padding:14px 18px; border-bottom:1px solid #ded8cb; text-align:left; vertical-align:top; overflow-wrap:normal; }
.dr-guide .dr-table th { background:#e9e4d8; color:#202622; font-weight:600; }
.dr-guide .dr-table tbody tr:last-child td { border-bottom:0; }
.dr-guide .dr-table tbody tr:nth-child(even) { background:#f7f5ef; }
.dr-guide #community-pick .dr-table :is(th,td):not(:first-child) { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.dr-guide .dr-winner-box { display:grid; grid-template-columns:minmax(220px,320px) minmax(0,1fr); gap:32px; align-items:start; padding:24px; margin:26px 0; border:1px solid #d8d1c2; border-radius:8px; background:#fffdf8; box-shadow:none; }
.dr-guide .dr-winner-box > * { min-width:0; }
.dr-guide .dr-winner-box h3 { margin-top:0; }
.dr-guide .dr-winner-box p:last-child { margin-bottom:0; }
.dr-guide .dr-image-placeholder { min-width:0; background:#eee9de; border:1px solid #d8d1c2; border-radius:6px; overflow:hidden; text-align:center; color:#73766b; font-size:12px; overflow-wrap:anywhere; }
.dr-guide .dr-image-placeholder:not(:has(.dd-imported-product)) { display:grid; place-items:center; min-height:140px; padding:20px; border-style:dashed; }
.dr-guide .dr-image-placeholder > a { display:block; width:100%; min-width:0; text-decoration:none; }
.dr-guide .dd-imported-image { max-height:400px!important; }
.dr-guide .dd-imported-price { background:#eee9de!important; color:#202622!important; padding:12px!important; font-weight:600; font-variant-numeric:tabular-nums; }
.dr-guide .dr-final { background:#eee9de; border:1px solid #d8d1c2; border-radius:8px; padding:28px 30px; margin:36px 0; }
@media(max-width:700px) {
 .dr-guide .dr-hero { padding:20px; margin:22px 0 28px; }
 .dr-guide .dr-section { padding:28px 0; }
 .dr-guide .dr-section h3 { font-size:21px; }
 .dr-guide .dr-winner-box { grid-template-columns:minmax(0,1fr); gap:22px; padding:18px; }
 .dr-guide .dr-image-placeholder { width:100%; max-width:360px; margin-inline:auto; }
 .dr-guide .dr-table :is(th,td) { padding:12px; }
 .dr-guide #owner-reports .dr-table { min-width:580px; }
 .dr-guide .dr-final { padding:22px 20px; }
}