/* Scoped to the lightweight guide; other database embeds retain their layout. */
.article-content:has(.dr-lightweight) { max-width:1120px; }
.dr-lightweight { color:#202622; line-height:1.75; }
.dr-lightweight * { box-sizing:border-box; }
.dr-lightweight > p { max-width:88ch; }
.dr-lightweight h2 { font-size:clamp(26px,2.6vw,36px); font-weight:500; letter-spacing:-.035em; line-height:1.2; margin:42px 0 22px; scroll-margin-top:50px; }
.dr-lightweight h3 { font-size:22px; font-weight:500; line-height:1.35; margin:28px 0 14px; }
.dr-lightweight p { margin:0 0 18px; }
.dr-lightweight a { color:#806638; text-underline-offset:3px; }
.dr-lightweight hr { border:0; border-top:1px solid #d8d1c2; margin:36px 0; }
.dr-lightweight .dr-light-intro { padding:24px 28px; background:#eee9de; border:1px solid #d8d1c2; border-radius:8px; margin-bottom:24px; }
.dr-lightweight .dr-light-nav { display:flex; gap:8px 18px; flex-wrap:wrap; border-block:1px solid #d8d1c2; padding:16px 0; margin:24px 0; font-size:14px; }
.dr-lightweight .editor-picks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0; max-width:none; }
.dr-lightweight .pick-box { padding:24px; margin:0; background:#fffdf8; border:1px solid #d8d1c2; border-radius:8px; font-size:15px; }
.dr-lightweight .pick-box h3 { margin-top:0; font-size:22px; }
.dr-lightweight .pick-box > :last-child { margin-bottom:0; }
.dr-lightweight .cta-button { display:inline-block; background:#202622; color:#fffdf8; border:1px solid #202622; border-radius:5px; padding:10px 16px; font-size:13px; text-decoration:none; }
.dr-lightweight .cta-button[aria-disabled="true"] { display:none; }
.dr-lightweight .dr-photo-slot { display:none; }
.dr-lightweight .dd-container { max-width:none; margin:24px 0; padding:0; font-size:14px; }
.dr-lightweight .dd-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; background:#eee9de; padding:18px; border:1px solid #d8d1c2; border-radius:8px; margin-bottom:16px; }
.dr-lightweight .dd-filters :is(input,select,button),.dr-lightweight .dd-sort-select { min-width:0; width:100%; min-height:42px; border:1px solid #c4bba8; border-radius:5px; padding:9px 12px; background:#fffdf8; color:#202622; font:inherit; font-size:13px; }
.dr-lightweight .dd-filters .dd-filter-reset { background:transparent; font-weight:500; }
.dr-lightweight .dd-weight-limit { display:flex; flex-direction:column; gap:5px; font-size:12px; color:#525b4e; }
.dr-lightweight .dd-weight-filter-message { grid-column:1/-1; margin:0; font-size:12px; color:#656b60; }
.dr-lightweight .dd-sort-controls { justify-content:flex-end; margin:0 0 14px; gap:12px; }
.dr-lightweight .dd-sort-select { width:auto; max-width:240px; }
.dr-lightweight .dd-view-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; }
.dr-lightweight .dd-result-count { color:#656b60; font-size:13px; }
.dr-lightweight .dd-view-switch { display:inline-flex; padding:3px; border:1px solid #c4bba8; border-radius:7px; background:#eee9de; }
.dr-lightweight .dd-view-switch button { padding:8px 18px; min-height:38px; border:0; border-radius:4px; background:transparent; color:#525b4e; font:inherit; font-size:13px; cursor:pointer; }
.dr-lightweight .dd-view-switch button[aria-pressed="true"] { background:#202622; color:#fffdf8; }
.dr-lightweight :is(button,input,select,a,[tabindex]):focus-visible { outline:3px solid #b5904b; outline-offset:3px; }
.dr-lightweight [hidden] { display:none!important; }
.dr-lightweight .dd-compact-wrap { max-width:100%; overflow-x:auto; border:1px solid #d8d1c2; border-radius:8px; margin-bottom:28px; }
.dr-lightweight .dd-compact-table { width:100%; min-width:760px; margin:0; border-collapse:collapse; background:#fffdf8; font-size:13px; line-height:1.5; }
.dr-lightweight .dd-compact-table caption { text-align:left; padding:12px 16px; background:#eee9de; color:#656b60; font-size:12px; }
.dr-lightweight .dd-compact-table :is(th,td) { border:0; border-bottom:1px solid #ded8cb; padding:12px 14px; text-align:left; vertical-align:top; }
.dr-lightweight .dd-compact-table thead th { font-size:12px; color:#555e50; background:#e9e4d8; font-weight:600; }
.dr-lightweight .dd-compact-table tbody th { width:27%; font-weight:600; }
.dr-lightweight .dd-compact-table small { display:block; color:#6a7164; font-size:11px; font-weight:400; margin-top:3px; }
.dr-lightweight .dd-compact-table tbody tr:nth-child(even) { background:#f3f0e8; }
.dr-lightweight .dd-compact-table tbody tr:last-child > * { border-bottom:0; }
.dr-lightweight .dd-compact-table td:nth-child(4) { width:24%; }
.dr-lightweight .dd-compact-table .dd-table-image { width:108px; min-width:108px; vertical-align:middle; color:#6a7164; font-size:11px; }
.dr-lightweight .dd-table-image a { display:block; width:80px; }
.dr-lightweight .dd-table-thumbnail { display:block; width:80px; height:100px; object-fit:contain; border-radius:4px; background:#eee9de; margin:0; }
.dr-lightweight .dd-row-details { border:0; padding:4px 0; min-height:24px; background:transparent; color:#806638; font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.dr-lightweight .dd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.dr-lightweight .dd-card { grid-template-columns:34% minmax(0,1fr); box-shadow:none; border-color:#d8d1c2; background:#fffdf8; scroll-margin-top:56px; }
.dr-lightweight .dd-card:hover { transform:none; box-shadow:none; }
.dr-lightweight .dd-card-image { min-height:200px; background:#eee9de; }
.dr-lightweight .dd-card-image img { object-fit:contain; }
.dr-lightweight .dd-card-data { padding:18px; min-width:0; }
.dr-lightweight .dd-card-name { font-size:19px; line-height:1.3; margin:0; }
.dr-lightweight .dd-card-logo { max-width:60px; max-height:36px; }
.dr-lightweight .dd-card-notes,.dr-lightweight .dd-data-row { font-size:12px; line-height:1.6; }
.dr-lightweight .dd-data-group { margin-bottom:12px; padding-bottom:12px; border-color:#ded8cb; }
.dr-lightweight .dd-label { color:#656b60; font-weight:400; }
.dr-lightweight .dd-value { overflow-wrap:anywhere; }
.dr-lightweight .dd-price { color:#202622; font-size:15px; }
.dr-lightweight .dd-btn { background:#202622; color:#fffdf8; font-size:13px; padding:9px 14px; border-radius:5px; }
@media(max-width:760px) {
 .dr-lightweight .editor-picks,.dr-lightweight .dd-grid { grid-template-columns:minmax(0,1fr); }
 .dr-lightweight .dd-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
 .dr-lightweight .dd-search-input { grid-column:1/-1; }
 .dr-lightweight .dd-filters :is(input,select),.dr-lightweight .dd-sort-select { font-size:16px; }
 .dr-lightweight .pick-box,.dr-lightweight .dr-light-intro { padding:20px; }
 .dr-lightweight .dd-card { grid-template-columns:30% minmax(0,1fr); }
 .dr-lightweight .dd-card-data { padding:14px; }
 .dr-lightweight .dd-sort-controls { flex-wrap:wrap; }
}
@media(max-width:400px) { .dr-lightweight .dd-filters { grid-template-columns:minmax(0,1fr); } }
.dr-lightweight .dd-pagination { display:flex; justify-content:center; align-items:center; gap:20px; padding:8px 0 24px; font-size:13px; color:#656b60; }
.dr-lightweight .dd-pagination button { min-height:40px; padding:8px 16px; border:1px solid #c4bba8; border-radius:5px; background:#fffdf8; color:#202622; font:inherit; cursor:pointer; }
.dr-lightweight .dd-pagination button:disabled { opacity:.4; cursor:default; }
.dr-lightweight .dd-view-toolbar { scroll-margin-top:52px; }
.dr-lightweight .dd-sort-controls { display:flex; align-items:center; padding:0; background:transparent; text-align:left; }
.dr-lightweight .dd-sort-controls label { font-size:13px; color:#656b60; font-weight:400; margin:0; }
.dr-lightweight .dd-compact-table tbody th { background:transparent; }
.dr-lightweight .dd-data-row { align-items:flex-start; gap:8px; }
.dr-lightweight .dd-label { min-width:64px; }
.dr-lightweight .dd-card:has(.dd-no-image) { grid-template-columns:minmax(0,1fr); }
.dr-lightweight .dd-card-image:has(.dd-no-image) { display:none; }
.dr-lightweight .dd-data-row { display:grid; grid-template-columns:64px minmax(0,1fr); }
.dr-lightweight .dd-value { text-align:left; }
@media(max-width:760px) { .dr-lightweight .dd-compact-table caption::after { content:' Swipe horizontally for more columns.'; } }