.extra-tool-page .tool-card { display:block; }
.extra-tool-page .tool-input { padding: clamp(1.25rem,3vw,2rem); }
.extra-tool-page .tool-input h2 { margin-bottom: 1.2rem; }
.extra-tool-app { display:block; }
.extra-tool-head { min-width:0; }
.extra-tool-head > .field { margin-bottom:1rem; }
.extra-tool-head [data-fields] { gap:.85rem; }
.extra-tool-head textarea { min-height:145px; }
.extra-output-wrap { min-width:0; margin-top:1.25rem; padding:1.1rem 0 0; border:0; border-top:1px solid #dce5e6; background:transparent; color:var(--ink); }
.extra-output-wrap .result-label { margin:0 0 .65rem; color:var(--muted); font-size:.72rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.extra-output { min-height:70px; margin:0; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink); font:600 .94rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }
.extra-output-wrap canvas { max-width:100%; height:auto; border-radius:10px; }
.extra-note { grid-column:1/-1; margin:.1rem 0 0; }
@media(max-width:760px){.extra-output{min-height:60px}}

/* Catálogo editorial: vitrines úteis, atalhos por assunto e pesquisa sem esconder o conteúdo dos motores. */
.catalog-search-shell{margin:0 0 2rem;padding:1rem;display:grid;grid-template-columns:1fr;gap:.8rem;border:1px solid #cedbdd;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(9,31,46,.07)}
.catalog-search-shell label{font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.catalog-search-shell input{min-height:58px;padding-inline:1rem;font-size:1rem}
.category-menu{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 0}
.category-menu a{padding:.48rem .72rem;border:1px solid #d5e0e1;border-radius:99px;background:#f6f9f8;color:#24465a;font-size:.78rem;font-weight:800;text-decoration:none}
.category-menu a:hover,.category-menu a:focus-visible{border-color:var(--accent);background:#fff2eb;color:var(--accent-dark)}
.showcase{padding:1.2rem 0 2rem}
.showcase-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.9rem}
.showcase-head h2{font-size:clamp(1.5rem,2.8vw,2.15rem)}
.showcase-head p{margin:0;color:var(--muted);font-size:.82rem}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.showcase-card{min-height:155px;padding:1.15rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;border:1px solid #cedbdd;border-radius:17px;background:linear-gradient(145deg,#fff,#f1f7f5);text-decoration:none;box-shadow:0 8px 24px rgba(9,31,46,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.showcase-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 14px 28px rgba(9,31,46,.1)}
.showcase-card small{color:var(--accent-dark);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.showcase-card strong{color:var(--ink);font:700 1.28rem/1.15 Georgia,serif;letter-spacing:-.025em}
.showcase-card span{color:var(--muted);font-size:.83rem}
.tool-link[hidden]{display:none!important}
@media(max-width:850px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.showcase-grid{grid-template-columns:1fr}.showcase-head{align-items:start;flex-direction:column}.catalog-search-shell{padding:.8rem}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}}

/* Navegacao lateral do catalogo: categorias persistentes no desktop e compactas no mobile. */
.catalog-layout{display:grid;grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:clamp(1.2rem,3vw,2.25rem);align-items:start}
.category-sidebar{position:sticky;top:1rem;align-self:start;padding:1rem;border:1px solid #cbd7d9;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(9,31,46,.07)}
.sidebar-kicker{margin:0 0 .4rem;color:var(--accent-dark);font:800 .68rem/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.category-sidebar>label{display:block;margin:0 0 .45rem;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.category-sidebar input{width:100%;min-height:46px;padding:.55rem .7rem;font-size:.9rem}
.category-sidebar .help{min-height:2.5em;margin:.45rem 0 .85rem;font-size:.72rem}
.category-menu{display:grid;gap:.35rem;margin:0}
.category-menu a{display:grid;gap:.12rem;padding:.58rem .65rem;border-left:3px solid transparent;border-radius:0 8px 8px 0;color:#24465a;text-decoration:none;transition:background .15s,border-color .15s}
.category-menu a span{font-size:.84rem;font-weight:850;line-height:1.25}
.category-menu a small{color:var(--muted);font-size:.68rem;line-height:1.25}
.category-menu a:hover,.category-menu a:focus-visible{border-left-color:var(--accent);background:#fff4ee;color:var(--accent-dark)}
.catalog-content{min-width:0}
@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.category-sidebar{position:static}.category-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.category-menu{grid-template-columns:1fr}.showcase-grid{grid-template-columns:1fr}.showcase-head{align-items:start;flex-direction:column}}