@import url('base.css');

/* CM copy type, scoped to the reviewed paragraph. */
.hero-description{font:500 20px/28px Cormorant,Georgia,serif}
.presence .nexus-figure{position:relative;overflow:clip;overflow-clip-margin:8px}
.nexus-animation{position:absolute;left:-5%;top:-5%;width:110%;height:110%;pointer-events:none;visibility:hidden}
.animation-ready .nexus-animation{visibility:visible}
.nexus-figure.animation-ready>img{visibility:hidden}
.is-animated .nexus-figure{animation:none}
.animation-control{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 15px;margin:9px auto 0;color:#b9d7eb;font:12px/16px Mono,monospace;border:1px solid #9cb1ec3c;background:#10203280;border-radius:9px}
.animation-control svg{width:16px;height:16px}
.animation-control[aria-pressed=true]{border-color:#73d5ff80;color:#d4f4ff}
.animation-control:hover{background:#1b3049b0}
.animation-controls{position:relative;z-index:3;justify-self:center}
.animation-note{display:block;max-width:280px;text-align:center;color:var(--muted);font-size:12px;line-height:18px;margin-top:6px}
@media(max-width:600px){.animation-control{font-size:11px;padding:8px 12px;margin-top:8px}.animation-note{font-size:11px}}

/* Functional states on the approved 04.1 layout. */
/* Reviewed hero: one invitation, with guidance beside the question. */
.hero-lede{margin-top:32px;max-width:480px}.hero-lede>span{display:block}
#heroForm .hero-hint{font:500 18px/1.4 Cormorant,Georgia,serif;color:#c5d4e3;margin:0 0 10px}
@media(max-width:600px){.hero-lede{margin-top:26px}#heroForm .hero-hint{font-size:18px;line-height:1.35;margin-bottom:10px}}
.shell{padding-top:10px;padding-bottom:50px}.account-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.6;padding:12px 0;color:var(--muted);border-bottom:1px solid var(--line)}
.account-notice a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px;padding:8px}.flow-notice{border:1px solid #b9a0ff50;border-radius:12px;padding:14px 16px;margin:0 0 14px;background:#28214380;font-size:14px;line-height:1.7;color:#e6dff5}.flow-notice button{display:inline-flex;margin:8px 8px 0 0}.search-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 24px 0;color:var(--muted);font-size:12px}.search-tools button{font-size:12px}.saved-state{font-size:12px;line-height:1.6;margin:0 0 10px;color:var(--muted)}
.replytext,.source-extract p,.userline p{white-space:pre-wrap;overflow-wrap:anywhere}.source-extract{border-left:2px solid #97cef970;padding:10px 16px;margin:12px 0;color:#cbd7e8;font:500 20px/28px Cormorant,Georgia,serif}.source-extract small{font:11px Mono,monospace;display:block;margin-bottom:8px}.reply-actions{display:flex;gap:16px;flex-wrap:wrap}.sourcecard span{min-width:0;overflow-wrap:anywhere}.pending-reply{font-size:15px;color:#bccef2;padding:12px 0}.savedrow>[data-load]{flex:1}.savedempty .secondary-button{margin-top:16px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.dialog-actions .primary-button{margin-left:0}.continuation-text{width:100%;min-height:200px;max-height:40vh;resize:vertical;background:#0a1424;border:1px solid var(--line);padding:14px;margin-top:14px;color:var(--ink);font:16px/1.6 var(--ui)}.info-copy p+p{margin-top:14px}.login-inline{display:inline-block;color:var(--cyan);padding:8px 0;text-decoration:underline}.saved-scope{max-width:510px}.conversation{min-width:0}.source-heading{font-size:14px;color:#c0d3ee;margin:18px 0 8px}.source-results{padding-bottom:12px}
@media(max-width:600px){.account-notice{font-size:12px}.search-tools{padding:12px 14px 0;gap:7px}.search-tools span{font-size:11px}.flow-notice{font-size:13px;padding:12px}.source-extract{font-size:18px;line-height:26px}.saved-state{font-size:11px}.reply-actions button{font-size:12px}.messages{min-height:180px}.conversation-tools{flex-wrap:wrap}.shell{padding-bottom:70px}}

.nexus-bridge{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px;margin:0 0 18px;padding:8px 0 12px;border-bottom:1px solid var(--line,rgba(160,180,220,.18));font-size:14px;line-height:1.5;color:var(--muted,#aab7cc)}.nexus-bridge a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--cyan,#8edcec);text-decoration:none}.nexus-bridge a:hover{text-decoration:underline}.nexus-bridge a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

.clarification-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.clarification-choices button{min-height:44px;max-width:100%;white-space:normal;text-align:left}.clarification-choices+small{display:block;line-height:1.5}

/* "Direkt hin" unter einer Antwort mit Seiten-Quelle (js/nexus-hilfe/page.mjs, 27.10.2026). Quellenkarten folgen darunter. */
.reply-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px}.reply-go .primary-button{width:auto;margin:0}.reply-go .primary-button svg{width:18px;height:18px}.reply-go .secondary-button{min-height:46px}
@media(max-width:600px){.reply-go .primary-button{flex:1 1 auto}}