/* Compact ASK layout */
header{height:56px;padding-inline:5%}
header .brand{font-size:20px}
.hero{padding:14px 5% 16px;border-bottom-width:4px}
.hero-top,.hero-bottom{display:none}
.hero h1{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;font-size:56px;line-height:.95;letter-spacing:-1.3px;margin:0}
.hero h1 span{display:inline;margin-left:10px}
.page{padding:22px 5% 0;display:flex;flex-direction:column}
.ask{order:0;padding:0 0 28px}
.news{order:1;padding:16px 20px;margin-bottom:24px}
.principles{order:2;padding:20px 0 28px}
.ask-heading{grid-template-columns:1.2fr .8fr;gap:20px}
.ask-heading .eyebrow{display:none}
.ask-heading h2{font-size:30px;letter-spacing:-1px;line-height:1.15}
.ask-heading>p{font-size:12px}
.settings{display:flex;justify-content:flex-end;margin:0;padding:12px 0 16px;gap:0}
.settings label:first-child{display:flex;align-items:center;gap:10px}
.settings label:first-child>span{margin:0;white-space:nowrap}
.settings select{height:36px;width:150px}
.settings label:nth-child(2),.settings>p{display:none}
.workspace{padding-top:20px;gap:28px;align-items:start}
.faq{order:0;padding:0}
.composer{order:1;padding:22px}
.composer h3{font-size:28px;margin:0 0 14px}
.composer .eyebrow{display:none}
.composer textarea{min-height:110px;height:110px}
.privacy{margin:12px 0;font-size:10px}
.connection{padding-top:9px}
.helper{font-size:11px;margin:10px 0}
.faq-button{padding:13px 0;font-size:12px}
.answer{margin-top:20px}
.answer [role="log"]{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.answer [role="log"] p{margin:0 0 14px}
.answer [role="log"] .ask-sources{font-size:12px;line-height:1.6;white-space:normal}
@media(max-width:800px){
 header{height:52px}
 .hero{padding:12px 5%}
 .hero h1{font-size:43px;line-height:1;letter-spacing:-1px}
 .hero h1 span{display:inline;margin-left:7px}
 .page{padding-top:16px}
 .ask-heading{display:block}
 .ask-heading h2{font-size:23px;letter-spacing:-.8px}
 .ask-heading>p{display:none}
 .settings{padding:10px 0 12px}
 .settings label:first-child{width:100%;justify-content:space-between}
 .settings label:first-child>span{font-size:10px}
 .settings select{height:33px;width:140px}
 .workspace{display:flex;flex-direction:column;padding-top:14px;gap:24px}
 .composer{order:0;width:100%;padding:16px}
 .faq{order:1;width:100%}
 .composer h3{font-size:23px;margin-bottom:10px}
 .composer textarea{height:82px;min-height:82px;padding:10px;font-size:14px}
 .form-bottom{margin-top:8px}
 .form-bottom button{min-height:40px;padding-inline:12px}
 .privacy{font-size:9px;line-height:1.5;margin:9px 0}
 .connection{font-size:9px;padding-top:7px}
 .faq-button{padding:12px 0;font-size:12px}
 .news{padding:14px;margin-bottom:18px}
 .news-copy{font-size:11px}
 .news-empty{font-size:10px}
 .principles{gap:8px}
 footer{padding:20px 5%}
}
/* ASK appearance refinements */
.ask-subtitle{display:none}
/* The localized subtitle is rendered as HTML, not generated CSS content. */
.settings select:focus{
  outline:none;
  box-shadow:none;
}
.settings select:focus-visible{
  outline:1px solid #777;
  outline-offset:2px;
}
.composer{
  background:#fff;
  border:1px solid #ddd7cd;
}
.composer textarea{
  background:#fff;
  border:1px solid #bbb;
  color:#171717;
}
.composer textarea::placeholder{color:#888}
.composer .privacy,
.composer .form-bottom>span,
.composer .connection{color:#777}
.composer .connection{border-top-color:#ddd}
@media(max-width:800px){
  .hero::after{font-size:10px;margin-top:6px}
}
.composer{background:var(--yellow);border-color:#d7b51c}
.composer textarea{background:#fff}
.composer textarea:focus,
.composer textarea:focus-visible{
  outline:none;
  box-shadow:none;
  border-color:#555;
}

/* Neutral selection border and readable status */
.settings select,
.settings select:focus,
.settings select:focus-visible{
  outline:none;
  box-shadow:none;
  border:1px solid #bdb6aa;
}
.composer .privacy,
.composer .connection{color:#403710}
.composer .connection{
  border-top:1px solid rgba(23,23,23,.35);
}
.composer .connection .dot{background:#403710}
.ask-validation{
  margin:10px 0 0;
  color:#8a1724;
  font-size:12px;
  font-weight:600;
}
.ask-validation[hidden]{display:none}
.composer textarea[aria-invalid="true"]{border-color:#8a1724}

.official-news-list{list-style:none;margin:14px 0 0;padding:0}.official-news-list li{padding:10px 0;border-top:1px solid var(--line);font-size:13px}.official-news-list a{text-decoration:underline;text-underline-offset:3px}.official-news-list small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}

.ask-loading{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(244,240,230,.85);color:#171717;font:600 16px/1.5 Arial,sans-serif;backdrop-filter:blur(2px);pointer-events:auto}
.ask-loading[hidden]{display:none}
.ask-loading-spinner{width:46px;height:46px;border:4px solid #d8d2c7;border-top-color:#ff6600;border-radius:50%;animation:ask-loading-spin 1s linear infinite}
@keyframes ask-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ask-loading-spinner{animation:none;border-top-color:#ff6600;border-right-color:#ff6600}}