/* Tools page: the "Big type" banner (owner's choice, 12 Nov 2026). Static, site colours. See big-type.js. */
#eb-app [data-page=tools].has-big-type>.eyebrow{display:none}
#big-type{margin:0 0 20px;padding:clamp(16px,3.2vw,36px);box-sizing:border-box;border:1px solid var(--line);border-radius:22px;background:var(--bg-sunk);color:var(--text-primary);font-family:var(--font-body)}
#big-type .bt-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.14em}
#big-type .bt-head span:first-child{color:var(--wine,var(--accent-crimson))}
#big-type .bt-head span:last-child{white-space:nowrap}
#eb-app #big-type h1{margin:12px 0 0;font-family:var(--font-body);font-weight:800;font-size:clamp(31px,10vw,112px);line-height:.98;letter-spacing:-.035em;color:var(--text-primary);animation:none}
#eb-app #big-type h1 em{font-style:normal;font-weight:800;color:var(--accent-crimson)}
#big-type .bt-index{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px;margin-top:22px}
#big-type .bt-index a{display:flex;flex-direction:column;min-width:0;min-height:44px;padding:0 0 4px;color:inherit;text-decoration:none;border-radius:8px}
#big-type .bt-seg{display:block;height:6px;margin-bottom:10px;border-radius:3px;background:var(--text-primary);transition:background-color .2s ease}
#big-type .bt-index a:hover .bt-seg,#big-type .bt-index a:focus-visible .bt-seg{background:var(--accent-crimson)}
#big-type .bt-num{font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.14em;color:var(--text-muted)}
#big-type .bt-name{margin-top:2px;font-size:clamp(15px,1.9vw,20px);line-height:1.2;font-weight:700;overflow-wrap:break-word}
#big-type .bt-kind{margin-top:2px;font-size:13px;line-height:1.3;color:var(--text-muted)}
#eb-app #big-type .bt-index a:focus-visible{outline:3px solid var(--accent-gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#big-type .bt-seg{transition:none}}
#eb-app.quiet #big-type .bt-seg{transition:none}