.search-recommendations{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
.search-recommendations[hidden]{display:none!important}
.search-recommendations ul{display:grid;grid-template-columns:1fr;gap:6px;list-style:none;margin:0;padding:0}
.search-recommendations a{display:flex;flex-direction:column;gap:4px;border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--ink)}
.search-recommendations a:hover,.search-recommendations a:focus-visible{background:var(--soft)}
.search-recommendations small{font-size:12px;color:var(--muted);line-height:1.5}
.tool-guide{margin:32px 0 12px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.tool-guide h2{font-size:22px}.tool-guide p,.tool-guide li{line-height:1.7;color:var(--muted)}
.tool-guide ul,.tool-guide ol{padding-left:22px}.related-tools{display:flex;flex-wrap:wrap;gap:10px;padding:0!important;list-style:none}
.related-tools a{display:block;padding:9px 12px;background:var(--soft);border-radius:10px;color:var(--link)}
#rewrite-app[hidden],#annotation-app[hidden]{display:none!important}
#rewrite-canvas{cursor:text}#rewrite-font-info{overflow-wrap:anywhere}
#rewrite-font-file{max-width:100%}.writer-modes{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.writer-modes button{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-weight:600;cursor:pointer}
.writer-modes [aria-selected=true]{background:var(--deep);color:white}
html[data-theme=dark] .writer-modes [aria-selected=true]{background:var(--lilac);color:#1b1150}
@media(max-width:620px){.tool-guide{padding:16px}.tool-guide h2{font-size:19px}.writer-modes button{flex:1}}
@media print{.tool-guide{display:none!important}}
/* Keep the three privacy benefits together on narrow website/PWA screens. */
.usp-pills{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:6px;max-width:600px}
.usp-pills li{justify-content:center;min-width:0;white-space:nowrap;padding:8px 9px;font-size:12px;gap:5px}
@media(max-width:620px){.usp-pills{gap:4px}.usp-pills li{padding:8px 4px;font-size:clamp(9px,2.55vw,12px);gap:4px}.usp-pills svg{width:14px;height:14px}}
.worked-example{padding:16px 18px;margin:20px 0;background:var(--soft);border-left:3px solid var(--accent);border-radius:12px}.worked-example h3{margin-top:0}.worked-example ol{margin-bottom:0}.worked-example li+li{margin-top:8px}

@media(max-width:360px){.usp-pills li{font-size:8.5px;gap:3px}.usp-pills svg{width:12px;height:12px}}