/* Scoped tool styles (generators.css); every rule is limited to .tools-page so it never touches the site chrome. */
.tools-page .tool-controls .mode-group{flex-wrap:wrap;}
.tools-page #outputText{min-height:360px;
    white-space:pre-wrap;}
.tools-page .code-output #outputText{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;
    font-size:13.5px;
    line-height:1.55;
    white-space:pre;
    overflow:auto;
    tab-size:4;}
.tools-page .headline-output #outputText{min-height:320px;
    line-height:1.9;
    font-size:16px;}
.tools-page .article-render{min-height:360px;
    max-height:70vh;
    overflow:auto;
    white-space:normal;
    padding:20px 22px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--panel);
    color:var(--ink);
    font-size:15.5px;
    line-height:1.7;
    word-wrap:break-word;}
.tools-page .article-render:empty::before{content:attr(data-empty);
    color:var(--slate-light);}
.tools-page .article-render h1,.tools-page .article-render h2,.tools-page .article-render h3,.tools-page .article-render h4{line-height:1.3;
    font-weight:700;
    color:var(--ink);
    margin:1.1em 0 .5em;}
.tools-page .article-render h1{font-size:1.7em; margin-top:.2em;}
.tools-page .article-render h2{font-size:1.35em;}
.tools-page .article-render h3{font-size:1.15em;}
.tools-page .article-render h4{font-size:1.02em;}
.tools-page .article-render p{margin:0 0 1em;}
.tools-page .article-render ul,.tools-page .article-render ol{margin:0 0 1em;
    padding-left:1.5em;}
.tools-page .article-render li{margin:.3em 0;}
.tools-page .article-render blockquote{margin:0 0 1em;
    padding:.4em 1em;
    border-left:3px solid var(--primary);
    background:var(--primary-light);
    color:var(--ink-2);
    border-radius:0 8px 8px 0;}
.tools-page .article-render a{color:var(--primary); text-decoration:underline;}
.tools-page .article-render code{background:var(--line);
    padding:.12em .4em;
    border-radius:5px;
    font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;
    font-size:.88em;}
.tools-page .article-render strong{font-weight:700;}
.tools-page .article-render > *:last-child{margin-bottom:0;}
.tools-page .tool-note{text-align:center;
    color:var(--slate);
    font-size:13px;
    margin:-6px 0 22px;}