/* Standalone resource opened from the skills menu. */
.featured-assistant, .assistant-dialog { --assistant-muted:#aaa; }
.featured-assistant { margin:44px 0 56px; border-top:1px solid #555; border-bottom:1px solid #555; scroll-margin-top:24px; }
.featured-assistant .assistant-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:56px; padding:44px 0 36px; align-items:center; }
.featured-assistant .resource-label { color:#aaa; margin-bottom:20px; font-size:20px; }
.featured-assistant :is(h1,h2) { font:clamp(19px,2.1vw,27px)/1.8 'Press Start 2P',monospace; color:#fff; letter-spacing:-.03em; margin:0 0 22px; }
.featured-assistant .hero-description { color:#fff; font-size:30px; line-height:1.15; margin-bottom:16px; }
.featured-assistant .hero-detail { max-width:43ch; color:#aaa; font-size:23px; margin-bottom:24px; }
.featured-assistant .assistant-includes { max-width:40ch; font-size:18px; color:#aaa; margin-top:14px; }
.featured-assistant .assistant-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; list-style:none; padding:28px 0 32px; border-top:1px solid #333; }
.featured-assistant .assistant-steps li { display:flex; gap:12px; }
.featured-assistant .assistant-steps li>span { width:26px; height:26px; flex-shrink:0; border:1px solid #777; text-align:center; color:#fff; }
.featured-assistant .assistant-steps p { color:#fff; font-size:23px; }
.featured-assistant .assistant-steps small { font-size:19px; color:#aaa; }
:is(.featured-assistant, .assistant-dialog) button, .assistant-dialog input { font:inherit; border-radius:0; }
:is(.featured-assistant, .assistant-dialog) [hidden] { display:none !important; }
:is(.featured-assistant, .assistant-dialog) :focus-visible { outline:2px solid #fff; outline-offset:5px; }
body.assistant-gate-open { overflow:hidden; }
:is(.featured-assistant, .assistant-dialog) .assistant-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:52px; padding:12px 24px; border:1px solid #fff; background:#fff; color:#0a0a0a; font:24px/1.2 'VT323','Courier New',monospace; text-decoration:none; transition:background .15s,color .15s; }
:is(.featured-assistant, .assistant-dialog) .assistant-button:hover { background:#0a0a0a; color:#fff; text-decoration:none; }
:is(.featured-assistant, .assistant-dialog) .assistant-button:disabled { cursor:not-allowed; background:#242424; border-color:#555; color:#aaa; }
.featured-assistant .availability { font-size:18px; margin:12px 0 10px; min-height:24px; color:var(--assistant-muted); }
.featured-assistant .quiet-link { font-size:20px; text-decoration:underline; text-underline-offset:4px; }
.featured-assistant .assistant-preview { border:1px solid #555; background:#101010; box-shadow:8px 8px 0 #1b1b1b; }
.featured-assistant .preview-title { display:flex; align-items:center; padding:12px 18px; border-bottom:1px solid #444; font-size:20px; color:#fff; gap:10px; }
.featured-assistant .status-light { width:7px; height:7px; background:#fff; flex-shrink:0; }
.featured-assistant .example-label { margin-left:auto; color:var(--assistant-muted); font-size:17px; }
.featured-assistant .preview-window { padding:24px; }
.featured-assistant .message-label { display:block; font-size:18px; color:var(--assistant-muted); margin-bottom:6px; }
.featured-assistant .preview-request { color:#fff; font-size:27px; }
.featured-assistant .preference-choice { border:0; padding:0; margin:24px 0; display:flex; gap:8px; flex-wrap:wrap; }
.featured-assistant .preference-choice legend { margin-bottom:10px; color:var(--assistant-muted); font-size:19px; }
.featured-assistant .preference-choice button { font-size:20px; background:transparent; color:#bbb; border:1px solid #555; min-height:44px; padding:8px 12px; }
.featured-assistant .preference-choice button[aria-pressed=true] { background:#fff; color:#0a0a0a; border-color:#fff; }
.featured-assistant .saved-preference { border-left:2px solid #777; padding-left:14px; font-size:22px; margin-bottom:26px; min-height:95px; }
.featured-assistant .assistant-reply { border-top:1px dashed #444; padding-top:20px; min-height:155px; font-size:24px; color:#fff; }
.featured-assistant .preview-caption { padding:14px 24px; font-size:18px; color:var(--assistant-muted); border-top:1px solid #333; }
.assistant-dialog { margin:auto; padding:36px; width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow-y:auto; border:1px solid #888; background:#111; color:#ddd; font:22px/1.35 'VT323',monospace; }
.assistant-dialog::backdrop { background:rgba(0,0,0,.85); }
.gate-close { position:absolute; right:12px; top:8px; width:44px; height:44px; background:transparent; color:#fff; border:0; font-size:36px !important; }
.gate-mark { font-size:30px; color:#fff; margin-bottom:22px; }
.assistant-dialog h2 { font:18px/1.7 'Press Start 2P',monospace; color:#fff; margin-bottom:18px; }
#gate-description { color:var(--assistant-muted); margin-bottom:26px; }
.assistant-dialog label { display:grid; gap:6px; font-size:20px; color:#ddd; margin-bottom:16px; }
.gate-names { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.assistant-dialog input { min-width:0; width:100%; min-height:48px; background:#1c1c1c; color:#fff; border:1px solid #666; padding:10px 12px; border-radius:0; font-size:22px; }
.gate-privacy { color:var(--assistant-muted); font-size:18px; margin:0 0 22px; }
.gate-privacy a { text-decoration:underline; }
.assistant-dialog .assistant-button { width:100%; }
.gate-status { margin-top:18px; color:var(--assistant-muted); }
.gate-status[data-tone=error] { color:#fff; }
.quiet-button { background:transparent; border:0; padding:10px 0; color:#fff; text-decoration:underline; min-height:44px; }

@media(max-width:900px) { .featured-assistant .assistant-hero { gap:28px; } .featured-assistant :is(h1,h2) { font-size:21px; } }
@media(max-width:700px) { .featured-assistant { margin:32px 0 40px; } .featured-assistant .assistant-hero { grid-template-columns:1fr; padding:32px 0; gap:32px; } .featured-assistant :is(h1,h2) { font-size:clamp(17px,4.5vw,25px); } .featured-assistant .hero-description { font-size:28px; } .featured-assistant .assistant-steps { grid-template-columns:1fr; gap:20px; } .featured-assistant .preview-window { padding:20px; } .assistant-dialog { padding:30px 22px; } .assistant-dialog .gate-names { grid-template-columns:1fr; gap:0; } .assistant-dialog h2 { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .featured-assistant *, .assistant-dialog * { animation:none !important; transition:none !important; } }


.assistant-resource-page { cursor:auto; }
.assistant-resource-page button, .assistant-resource-page a { cursor:pointer; }
.assistant-resource-page .featured-assistant { margin:0; border-top:0; }