/* Screen UI only. Print generation, paper CSS and analytics consent are unchanged. */
@media screen {
 :root{--ui-text:var(--ink);--ui-muted:var(--muted);--ui-link:var(--green);--ui-number:#4e7149;--ui-error:#a02424;--ui-surface:var(--white);--ui-tint:#edf1e8;--ui-border:var(--line)}
 main,footer{color:var(--ui-text)}
 main .hint,main .tag,main .breadcrumbs,main .tool-card p,main .hero p,main .steps p,footer .copyright{color:var(--ui-muted)}
 main .number{color:var(--ui-number)}
 main .error{color:var(--ui-error)}
 .tool-category{margin:28px 0 40px}
 .tool-category>h3{display:flex;align-items:center;gap:12px;font-size:20px;margin:0 0 16px}
 .tool-category>h3::before{content:"";width:5px;height:22px;background:var(--ui-link);border-radius:4px}
 .home-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
 .home-tool-card{padding:0;overflow:hidden;transition:border-color .15s,box-shadow .15s}
 .home-tool-card:hover{border-color:var(--ui-link);box-shadow:0 4px 16px #203a3212}
 .tool-thumbnail{display:block;width:100%;height:auto;aspect-ratio:3/2;background:var(--ui-tint);object-fit:contain}
 .home-tool-card .tool-card-copy{padding:18px 20px 20px}
 .home-tool-card h4{font-size:18px;line-height:1.65;margin:6px 0 8px}
 .home-tool-card p{font-size:14px;line-height:1.8;margin:0}
 .tool-card-copy{min-width:0}
 .title-tail{white-space:nowrap}
 .related-tools .tool-card-copy h3{margin-top:8px}
 .mobile-tool-bar{display:none}
 @media(max-width:767px){
  main .hint,main .status,main .breadcrumbs,main .tag,main .eyebrow,main .preview-caption,main .tool-card p,main .steps p,footer .copyright,footer .footer-links{font-size:14px}
  main .hero>div>.eyebrow{font-size:12px}
  .wrap{padding-left:18px;padding-right:18px}
  .topbar{min-height:78px;gap:12px}.topbar nav .desktop{display:none}
  .topbar nav{font-size:14px}
  body[data-tool] .floor-cards span,body[data-tool] .floor-cards small,body[data-tool] .floor-details{font-size:14px}
  .hero{position:relative;display:block;padding:26px 0 22px;min-height:0}
  .hero h1{font-size:32px;margin:10px 0 14px;line-height:1.5}
  .hero p{font-size:15px;margin:12px 0 0;line-height:1.8;padding-right:84px}
  .hero-art{position:absolute;right:0;bottom:24px;width:72px;height:80px;border-radius:44% 44% 22% 22%}
  .section-head{display:block}.section-head h2{font-size:24px;margin:10px 0 2px}.section-head .tag{display:block;margin-bottom:16px}
  .tool-category{margin:20px 0 28px}.tool-category>h3{font-size:18px;margin-bottom:10px}
  .home-cards{grid-template-columns:1fr;gap:10px}
  .home-tool-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;border-radius:12px;min-height:0}
  .home-tool-card .tool-thumbnail{width:96px;height:auto;aspect-ratio:3/2;min-height:0;margin-left:8px;border-radius:6px;object-fit:contain}
  .home-tool-card .tool-card-copy{padding:10px 12px}
  .home-tool-card .eyebrow{font-size:14px;letter-spacing:.04em}
  .home-tool-card h4{font-size:16px;line-height:1.5;margin:2px 0 3px}
  .home-tool-card p{font-size:14px;line-height:1.55;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .tool-layout{grid-template-columns:1fr}
  .mobile-basic-heading{font-size:19px;margin:0 0 16px;color:var(--ui-text)}
  .mobile-advanced{padding:14px 0;margin:12px 0 16px;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
  .mobile-advanced>summary{font-size:15px;color:var(--ui-link);line-height:1.7}
  .mobile-advanced[open]>summary{margin-bottom:18px}
  .mobile-advanced .field:last-child{margin-bottom:0}
  body.has-mobile-tool-bar{padding-bottom:var(--mobile-bar-clearance,84px)}
  .mobile-tool-bar{display:flex;align-items:center;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:0 -3px 18px #203a3210;z-index:5}
  .mobile-tool-bar button{flex:1;min-width:0;min-height:48px;font-size:14px;padding:10px 8px;line-height:1.6}
  .mobile-tool-bar button:disabled{opacity:1;background:var(--ui-tint);color:var(--ui-muted);cursor:default}
  .mobile-scroll-target{scroll-margin-top:16px;scroll-margin-bottom:100px}
 }
 @media(prefers-reduced-motion:reduce){.home-tool-card{transition:none}}
}
@media print{.mobile-tool-bar,.mobile-basic-heading{display:none!important}}
