/* Guide relationships: isolated, responsive, no fixed panels or map rules. */
.tsg-section,.tsg-facts,.tsg-sources,.tsg-quick-link{--tsg-ink:#19212b;--tsg-muted:#5b6775;--tsg-line:#dfe6eb;--tsg-accent:#087f83;box-sizing:border-box;color:var(--tsg-ink);font-family:inherit}
.tsg-section *,.tsg-facts *,.tsg-sources *,.tsg-quick-link *{box-sizing:border-box;min-width:0}
.tsg-section{margin:26px 0;padding:24px;border:1px solid var(--tsg-line);border-radius:20px;background:#fff;scroll-margin-top:100px}
.tsg-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.tsg-icon{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;color:var(--tsg-accent);background:#eaf7f6}
.tsg-heading p{margin:0 0 4px;color:var(--tsg-muted);font-size:12px;line-height:1.5}
.tsg-heading h2{margin:0;font-size:clamp(19px,2vw,25px);font-weight:800;line-height:1.4;color:var(--tsg-ink)}
.tsg-intro{margin:-6px 0 18px;color:var(--tsg-muted);font-size:14px;line-height:1.65}
.tsg-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tsg-guide-card{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid var(--tsg-line);border-radius:15px;color:var(--tsg-ink);background:#fafcfc;text-decoration:none!important;transition:border-color .16s,background .16s}
.tsg-guide-card:hover{border-color:var(--tsg-accent);background:#f0f9f8}
.tsg-guide-card>img,.tsg-guide-placeholder{flex:0 0 96px;width:96px;height:82px;object-fit:cover;border-radius:10px;background:#eaf1f3}
.tsg-guide-placeholder{display:grid;place-items:center;color:var(--tsg-accent)}
.tsg-guide-copy{display:flex;flex:1;flex-direction:column;gap:7px;overflow-wrap:anywhere}
.tsg-guide-copy small,.tsg-listing-copy small{color:var(--tsg-accent);font-size:12px;font-weight:750;line-height:1.5}
.tsg-guide-copy strong{font-size:16px;line-height:1.55}
.tsg-guide-copy>span{font-size:13px;color:var(--tsg-muted);line-height:1.7}
.tsg-guide-copy b{display:flex;align-items:center;gap:5px;color:var(--tsg-accent);font-size:13px;line-height:1.6}
.tsg-quick-link{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border:1px solid #cce4e3;border-radius:14px;background:#f0f9f8;text-decoration:none!important}
.tsg-quick-link>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}
.tsg-quick-link strong{font-size:14px;line-height:1.5;color:var(--tsg-ink)}
.tsg-quick-link small{font-size:12px;line-height:1.6;color:var(--tsg-muted)}
.tsg-quick-link>span:last-child{color:var(--tsg-accent)}
.tsg-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tsg-listing-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tsg-line);border-radius:15px;color:var(--tsg-ink);background:#fff;text-decoration:none!important;transition:border-color .16s}
.tsg-listing-card:hover{border-color:var(--tsg-accent)}
.tsg-listing-card>img,.tsg-listing-placeholder{display:block;width:100%;height:170px;object-fit:contain;background:#f3f6f7}
.tsg-listing-placeholder{display:grid;place-items:center;color:var(--tsg-accent)}
.tsg-listing-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;overflow-wrap:anywhere}
.tsg-listing-copy>strong{font-size:16px;line-height:1.5}
.tsg-listing-copy>span{color:var(--tsg-muted);font-size:13px;line-height:1.6}
.tsg-listing-copy>b{margin-top:auto;padding-top:8px;font-size:17px;color:var(--tsg-ink);line-height:1.4}
.tsg-listing-copy>em{color:#8b4b21;font-size:12px;font-style:normal}
.tsg-listing-copy>em.is-available{color:#14754e}
.tsg-listing-copy .tsg-card-action{display:flex;gap:6px;align-items:center;margin-top:4px;color:var(--tsg-accent);font-weight:750}
.tsg-link-note{padding:7px 9px;border-radius:7px;background:#f2f6f6}
.tsg-facts{margin:0 0 25px;padding:22px;border:1px solid #cde4e3;border-radius:18px;background:#f1f9f8}
.tsg-facts-grid{display:flex;flex-wrap:wrap;gap:18px 30px}
.tsg-facts-grid>div{display:flex;flex-direction:column;gap:5px;max-width:100%}
.tsg-facts-grid span{font-size:12px;color:var(--tsg-muted)}
.tsg-facts-grid strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.tsg-facts p{margin:15px 0 0;font-size:14px;line-height:1.8;color:var(--tsg-muted)}
.tsg-sources{padding-top:28px;margin-top:30px;border-top:1px solid var(--tsg-line);overflow-wrap:anywhere}
.tsg-sources h2{font-size:20px!important;line-height:1.5;margin:0 0 12px!important;color:var(--tsg-ink)}
.tsg-sources h3{font-size:15px!important;line-height:1.6;margin:22px 0 8px!important;color:var(--tsg-ink)}
.tsg-sources ul{padding-left:20px;margin:10px 0;font-size:14px;line-height:1.9}
.tsg-sources a{color:var(--tsg-accent);text-decoration:underline;text-underline-offset:3px}
.tsg-reviewed,.tsg-credits{font-size:13px;color:var(--tsg-muted);line-height:1.75}
.tsg-section a:focus-visible,.tsg-sources a:focus-visible,.tsg-quick-link:focus-visible{outline:3px solid #1b888c;outline-offset:4px}
.tsg-filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:12px}
.diy-v2-page .tsg-filter-bar label{display:flex;flex:1;min-width:140px;flex-direction:column;gap:6px;color:#42515e!important;font-size:12px;font-weight:700}
.diy-v2-page .tsg-filter-bar select{width:100%;min-height:44px;padding:9px 32px 9px 12px;border:1px solid #cbd5df!important;border-radius:10px;color:#19212b!important;background-color:#f7f9fb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2342515e' stroke-width='1.8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;font:inherit;font-size:14px}
.tsg-filter-bar select option{color:#17212a;background:#fff}
.diy-v2-page .tsg-filter-bar select:focus-visible{outline:3px solid #087f83;outline-offset:2px}
.tsg-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.tsg-card-tags span{font-size:11px;font-weight:750;line-height:1.5;padding:5px 8px;border-radius:7px;color:#126e72;background:#eaf6f5}
.tsg-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 8px}
.diy-v2-page .tsg-topic{display:flex;align-items:center;gap:12px;min-width:0;padding:17px 15px;border:1px solid #dfe6eb;border-radius:15px;background:#fff!important;color:#19212b!important;text-decoration:none!important;transition:border-color .16s,background .16s}
.tsg-topic>span:last-child{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.diy-v2-page .tsg-topic strong{color:#19212b!important;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.diy-v2-page .tsg-topic small{color:#5b6775!important;font-size:12px;line-height:1.5}
.tsg-topic-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf7f6;color:#087f83!important}
.diy-v2-page .tsg-topic:hover,.diy-v2-page .tsg-topic.is-active{background:#eef8f7!important;border-color:#087f83}
.tsg-topic:focus-visible{outline:3px solid #087f83;outline-offset:3px}
#guide-results{scroll-margin-top:100px}
@media(max-width:1000px){.tsg-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.tsg-topics{gap:8px;margin-top:18px}.diy-v2-page .tsg-topic{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.diy-v2-page .tsg-topic strong{font-size:13px}.tsg-topic-icon{flex-basis:30px;width:30px;height:30px;border-radius:8px}.tsg-topic-icon svg{width:20px;height:20px}}
@media(max-width:540px){
  .diy-v2-page .diy-v2-breadcrumb{gap:8px!important}
  .diy-v2-page .diy-v2-breadcrumb>a,.diy-v2-page .diy-v2-breadcrumb>span:not(:last-child){flex-shrink:0}
  .diy-v2-detail .diy-v2-mobile-actions{position:static!important;margin:16px;transform:none!important}
  .diy-v2-page .diy-v2-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
  .diy-v2-page .diy-v2-hero__stats>div{min-width:0;padding:12px 9px}
  .diy-v2-page .diy-v2-hero__stats strong{font-size:18px}
  .diy-v2-page .diy-v2-hero__stats span{font-size:10px;line-height:1.5}
  .diy-v2-page .tsg-filter-bar label{flex-basis:100%}
  .diy-v2-page .tsg-filter-bar select{font-size:16px;padding-right:32px;padding-left:12px}
  .diy-v2-page .diy-v2-featured{min-height:260px}
  .diy-v2-page .diy-v2-featured__content strong{font-size:21px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){.tsg-topic{transition:none}}
.diy-v2-article-card .tsg-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Keep the cover inside its grid column; show editorial diagrams without cropping. */
.diy-v2-detail .diy-v2-article-cover{width:100%!important;max-width:100%!important}
.diy-v2-detail .diy-v2-article-cover[data-src$=".svg"]{height:auto!important;aspect-ratio:16/10}
.diy-v2-detail .diy-v2-article-cover[data-src$=".svg"] img{object-fit:contain!important}
/* The site's current theme makes the hero white, while the featured image
   retains its dark shade. Set both surfaces explicitly so global text rules
   cannot turn white controls pale or image-overlay text dark. */
.diy-v2-page .diy-v2-featured,
.diy-v2-page .diy-v2-featured:hover,
.diy-v2-page .diy-v2-featured:visited,
.diy-v2-page .diy-v2-featured .diy-v2-featured__content,
.diy-v2-page .diy-v2-featured .diy-v2-featured__content strong{color:#fff!important}
.diy-v2-page .diy-v2-featured .diy-v2-featured__shade{background:linear-gradient(180deg,rgba(4,14,20,.18),rgba(4,14,20,.68) 35%,rgba(4,14,20,.96) 100%)!important}
.diy-v2-page .diy-v2-featured .diy-v2-featured__content small{color:#e0ebf0!important}
.diy-v2-page .diy-v2-featured .diy-v2-featured__content>span{color:#adf4ee!important}
.diy-v2-page .diy-v2-featured .diy-v2-featured__badge{color:#19212b!important;background:#fff!important;border-color:#dfe6eb!important}
.diy-v2-page .diy-v2-search input::placeholder{color:#637080!important;opacity:1}
.diy-v2-page .diy-v2-hero__visual>span{color:#087f83!important;background:#eaf7f6!important;border-color:#cce4e3!important}
.tsg-section .tsg-guide-copy strong,
.tsg-section .tsg-listing-copy>strong,
.tsg-facts .tsg-facts-grid strong{color:#19212b!important}
.tsg-section .tsg-heading p,
.tsg-section .tsg-intro,
.tsg-section .tsg-guide-copy>span,
.tsg-section .tsg-listing-copy>span,
.tsg-facts .tsg-facts-grid span,
.tsg-facts p,
.tsg-sources .tsg-reviewed,
.tsg-sources .tsg-credits{color:#5b6775!important}
.tsg-section .tsg-guide-copy small,
.tsg-section .tsg-listing-copy small,
.tsg-section .tsg-listing-copy .tsg-card-action,
.tsg-sources a{color:#087f83!important}
@media(max-width:850px){.tsg-guide-grid{grid-template-columns:1fr}.tsg-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tsg-section{padding:20px}}
@media(max-width:540px){.tsg-section{margin:20px 0;padding:17px;border-radius:16px}.tsg-heading{gap:10px}.tsg-heading h2{font-size:19px}.tsg-heading p{font-size:11px}.tsg-guide-card{padding:12px;gap:12px}.tsg-guide-card>img,.tsg-guide-placeholder{width:68px;height:68px;flex-basis:68px}.tsg-guide-copy strong{font-size:14px}.tsg-guide-copy>span{font-size:12px}.tsg-listing-grid,.diy-v2-article-card .tsg-listing-grid{grid-template-columns:1fr}.tsg-listing-card{flex-direction:row;align-items:flex-start}.tsg-listing-card>img,.tsg-listing-placeholder{width:95px;height:110px;flex:0 0 95px;margin:12px 0 12px 12px;border-radius:9px}.tsg-listing-copy{padding:12px;gap:6px}.tsg-listing-copy>strong{font-size:14px}.tsg-listing-copy>b{font-size:15px}.tsg-facts{padding:17px}.tsg-facts-grid{gap:15px 22px}.tsg-filter-bar label{min-width:120px}.tsg-quick-link{padding:12px;gap:9px}.tsg-icon{width:38px;height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.tsg-guide-card,.tsg-listing-card{transition:none}}
@media print{.tsg-quick-link,.tsg-section{display:none}.tsg-facts,.tsg-sources{break-inside:avoid;background:#fff}.tsg-sources a{color:#111}}