/* /toolbox: free contractor tips hub. Loads after trd-article.css and reuses
   its article-shell tokens (--paper, --soft, --ink, --muted, --copper, --line). */
.trd .tip-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:26px 28px;margin:0 0 18px;scroll-margin-top:110px}
.trd .tip-card .tip-num{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--copper);margin:0 0 8px}
.trd .tip-card h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.trd .tip-card p{font-size:16px;line-height:1.7;margin:0 0 12px}
.trd .tip-card ol,.trd .tip-card ul{font-size:16px;line-height:1.7;margin:0 0 12px}
.trd .article-body .tip-card ol{list-style:decimal;padding-left:24px}
.trd .article-body .tip-card ol li{margin:6px 0;padding-left:4px}
.trd .article-body .tip-card ol li::marker{color:var(--copper);font-weight:700}
.trd .tip-card .tip-say{background:var(--soft);border-left:3px solid var(--copper);border-radius:4px;padding:12px 16px;font-size:16px;line-height:1.6;margin:0 0 12px}
.trd .tip-card .tip-links{font-size:14px;line-height:1.6;color:var(--muted);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}

.trd .toolbox-help{display:flex;gap:16px;align-items:flex-start;margin:6px 0 10px;padding:18px 20px;background:var(--soft);border-radius:8px;font-size:15px;line-height:1.65}
.trd .toolbox-help:before{content:"";flex:0 0 8px;height:8px;margin-top:9px;border-radius:50%;background:var(--copper)}
.trd .toolbox-help p{margin:0}

.trd .toolbox-jump{display:none;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.trd .toolbox-jump a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;color:var(--ink)}

.trd .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 28px}
.trd .article-shell .tool-grid a.tool{display:block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px 22px;text-decoration:none;color:var(--ink);transition:border-color .15s ease}
.trd .tool-grid a.tool strong{display:block;font-size:17px;line-height:1.3;margin:0 0 6px;color:var(--ink)}
.trd .tool-grid a.tool span{display:block;font-size:14px;line-height:1.6;color:var(--muted)}
.trd .tool-grid a.tool:hover,.trd .tool-grid a.tool:focus-visible{border-color:var(--copper)}

.trd .article-body .toolbox-reads{list-style:none;padding:0;margin:8px 0 28px;border-top:1px solid var(--line)}
.trd .article-body .toolbox-reads li{margin:0;border-bottom:1px solid var(--line)}
.trd .article-shell .toolbox-reads a{display:block;padding:16px 0;font-weight:650;text-decoration:none;line-height:1.4}
.trd .toolbox-reads a span{display:block;font-weight:400;font-size:15px;color:var(--muted);margin-top:3px}

.trd .toolbox-faq details{border-bottom:1px solid var(--line)}
.trd .toolbox-faq details:first-of-type{border-top:1px solid var(--line)}
.trd .toolbox-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:650;font-size:18px;line-height:1.35}
.trd .toolbox-faq summary::-webkit-details-marker{display:none}
.trd .toolbox-faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--copper)}
.trd .toolbox-faq details[open] summary:after{content:"\2212"}
.trd .toolbox-faq details p{margin:0 0 18px;font-size:16px;line-height:1.75}

.trd .article-close .toolbox-ask{font-size:15px;color:var(--muted);margin:0}

.trd .article-hero-note .toolbox-fine{font-size:12px;line-height:1.6;margin:14px 0 0}
.trd .article-aside .toolbox-aside-ask{margin-top:30px;padding:18px;background:var(--soft);border-radius:6px}
.trd .article-aside .toolbox-aside-ask p{font-size:14px;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.7;margin:0 0 8px;color:var(--ink)}
.trd .article-aside .toolbox-aside-ask a{display:inline;margin:0;font-weight:650;white-space:nowrap}

@media(max-width:760px){
  .trd .toolbox-jump{display:flex}
  .trd .tool-grid{grid-template-columns:1fr}
  .trd .tip-card{padding:22px}
}
@media(prefers-reduced-motion:reduce){.trd .tool-grid a.tool{transition:none}}
