/* Choice first, then the tool, with optional explanation. Shared across the utility sites. */
body.quick-ui{--bg:#f7f9fc;--bg2:#fff;--panel:#fff;--panel2:#edf3f7;--line:#d8e2ec;--ink:#14253a;--muted:#526278;--accent:#007c88;--accent2:#006a79;--danger:#a52a46;--warn:#885500;--max:1120px;color-scheme:light}
.quick-ui .pagegrid{display:block}.quick-ui .page{min-width:0}.quick-ui main{padding-top:30px}
.quick-ui h1{font-weight:650;letter-spacing:-.035em;max-width:850px}
.quick-ui .lede{max-width:780px;font-size:16px}.quick-ui .tool{padding:24px;border-radius:16px;scroll-margin-top:85px}
.quick-ui .grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.quick-ui .tool input,.quick-ui .tool select{min-width:0;max-width:100%}
.quick-ui .btn{color:#fff}.quick-ui .btn.ghost{color:var(--ink)}
.quick-ui .seg{display:flex;flex-wrap:wrap}.quick-ui .seg button{flex:1}
.quick-ui button,.quick-ui summary{touch-action:manipulation}
.quick-ui :focus-visible{outline:3px solid #087f9b;outline-offset:3px}
.quick-ui .skip-link{position:fixed;top:-90px;left:14px;z-index:50;background:#fff;padding:14px;border:2px solid #087f9b}
.quick-ui .skip-link:focus{top:8px}
.quick-ui .nav{height:auto;min-height:64px}.quick-ui .brand{white-space:nowrap}
.quick-ui .menu a[aria-current=page]{color:var(--accent2);background:var(--panel2)}
.quick-choices{margin:26px 0 18px}.quick-choices h2{font-size:19px;margin:0 0 12px}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.choice-card{display:flex;flex-direction:column;gap:8px;color:var(--ink);border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px}
.choice-card:hover{text-decoration:none;border-color:var(--accent);background:#f0f8fa}
.choice-card strong{font-size:18px}.choice-card>span{font-size:14px;color:var(--muted)}
.choice-card .choice-action{color:var(--accent2);font-weight:600;margin-top:auto;padding-top:8px}
.quick-ui summary{cursor:pointer;font-weight:600;color:var(--accent2);padding:14px 0;min-height:44px}
.more-tools{margin-top:8px}.tool-intro{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tool-intro h2{margin:12px 0;font-size:21px}.tool-intro p,.tool-shortcuts{font-size:13px;color:var(--muted)}
.more-info{max-width:850px}.more-info h2{font-size:22px}
.info-section,.method-details{border-top:1px solid var(--line)}
.info-section>div{padding:4px 0 16px;color:var(--muted)}
.method-details{margin:22px 0;font-size:14px}.method-details p{max-width:800px}
.quick-ui .results .stat:first-child{border-color:var(--accent);background:#eaf6f5}
.quick-ui .results .stat:first-child .v{font-size:32px}
.quick-ui .results{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.quick-ui .note{max-width:850px}.quick-ui .tablewrap{max-width:100%}
.quick-ui .advanced-inputs{margin:16px 0;border-top:1px solid var(--line)}
.quick-ui footer .links{display:flex;flex-wrap:wrap;gap:2px 14px;max-width:600px}
.quick-ui footer .links a{display:inline-flex;align-items:center;min-height:44px;margin:0}
.quick-ui .wordle{grid-template-columns:repeat(5,minmax(0,56px));max-width:100%;gap:6px}
.quick-ui .wordle input{width:100%}
@media(max-width:900px){.quick-ui .menu{display:none;position:absolute;left:0;right:0;top:64px;background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 16px 12px;flex-direction:column}.quick-ui .menu.open{display:flex}.quick-ui .menu-toggle{display:block}}
@media(max-width:620px){.choice-grid{grid-template-columns:1fr}.choice-card{padding:15px;gap:4px}.choice-card .choice-action{padding-top:3px}.quick-ui main{padding-top:18px}.quick-ui .tool{padding:16px}.quick-ui .tool>.grid{grid-template-columns:1fr!important}.quick-ui .results{grid-template-columns:1fr 1fr}.quick-ui .stat{padding:12px}.quick-ui .stat .v{font-size:22px}.quick-ui .results .stat:first-child{grid-column:1/-1}.quick-ui .seg button{font-size:14px;padding:10px}.quick-ui .lede{margin-bottom:14px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* A single manual ad region, separated from inputs, results and action buttons. */
.manual-ad-placement[hidden]{display:none!important}
.manual-ad-placement{clear:both;max-width:850px;margin:40px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.manual-ad-label{margin:0 0 12px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.manual-ad-content{width:100%;min-height:250px;overflow:hidden}