/* Reworked port of docs/redesign-mockups/ask-mockup.html (owner-approved rev-2), scoped under
   body[data-theme=gemini] #view .ak-page (matches the specificity themes.css itself uses, so
   source order wins). Prefix ak- is exclusive to this file — see page-ask.js header for why.
   Hard corners throughout (border-radius:0) per desk convention; Latin UI text inherits the
   sitewide JetBrains Mono body font, no local font-family needed.

   Four sections, each its own ak-sec: hero (console + stat rail), what-it-reads (file map),
   how-it-answers (pipeline + rule chips), side-rail (preview card). The Q&A console reuses
   global .card/.ph-in (themes.css + pages-tools.css) where noted; askThreadHtml()'s own
   answer/question markup (.ans-q/.ans-block/.ans-foot etc.) is NOT redefined here — untouched
   app.js plumbing owns it. */

body[data-theme=gemini] #view .ak-page{--px-card:var(--today-paper);--px-inset:var(--paper-3);--px-edge:var(--today-rule);padding:10px 16px 26px}
body[data-theme=gemini] #view .ak-page *{min-width:0}
body[data-theme=gemini] #view .ak-page button{font:inherit;background:none;border:none;border-radius:0;color:inherit;text-align:left;cursor:pointer;padding:0}
body[data-theme=gemini] #view .ak-page .ak-sub{max-width:64ch}
body[data-theme=gemini] #view .ak-page .ak-sec{margin-top:30px}
body[data-theme=gemini] #view .ak-page .ak-sec-hero{margin-top:4px}


/* ---- hero: console + stat rail ---- */
body[data-theme=gemini] #view .ak-page .ak-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;margin-top:14px;align-items:start}
body[data-theme=gemini] #view .ak-page .ak-term{background:var(--px-card);border:1px solid var(--px-edge);padding:12px 13px}

body[data-theme=gemini] #view .ak-page .ak-bar{font-size:10.5px;letter-spacing:.03em;color:var(--ink3);padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--px-edge)}
body[data-theme=gemini] #view .ak-page .ak-bar b{color:var(--ink1)}

body[data-theme=gemini] #view .ak-page #ask-out:empty::before{content:"Ask about a ticker, a sector, or the day. Answers come only from the desk's own files — any gap is called \"unknown\", not guessed.";display:block;font-size:12px;color:var(--ink3);padding:10px 0 16px}

body[data-theme=gemini] #view .ak-page .ak-in{display:flex;align-items:center;gap:8px;margin-top:10px;border:1px solid var(--px-edge);background:var(--px-inset);padding:8px 10px}
body[data-theme=gemini] #view .ak-page .ak-in .ak-prompt{color:var(--ink3);font-weight:700}
body[data-theme=gemini] #view .ak-page .ak-in input{flex:1;background:none;border:none;color:var(--ink1);font:inherit;font-size:12.5px;min-width:0}
body[data-theme=gemini] #view .ak-page .ak-in input:focus{outline:none}
body[data-theme=gemini] #view .ak-page .ak-send{font-size:11px;font-weight:700;letter-spacing:.03em;padding:5px 11px;border:1px solid var(--px-edge);background:var(--px-card);color:var(--ink1);white-space:nowrap}
body[data-theme=gemini] #view .ak-page .ak-send:hover{border-color:var(--accent, var(--ink1));color:var(--accent, var(--ink1))}

body[data-theme=gemini] #view .ak-page .ak-hint{display:flex;justify-content:space-between;gap:10px;font-size:9.5px;color:var(--ink3);margin-top:6px}

body[data-theme=gemini] #view .ak-page .ak-try{margin-top:14px}
body[data-theme=gemini] #view .ak-page .ak-try>p{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:0 0 7px}
body[data-theme=gemini] #view .ak-page .ak-chips{display:flex;flex-wrap:wrap;gap:6px}
body[data-theme=gemini] #view .ak-page .ak-chip{font-size:11px;padding:5px 10px;border:1px solid var(--px-edge);background:var(--px-inset);color:var(--ink2)}
body[data-theme=gemini] #view .ak-page .ak-chip:hover{border-color:var(--accent, var(--ink1));color:var(--ink1)}

body[data-theme=gemini] #view .ak-page .ak-stat{display:flex;flex-direction:column;gap:10px}
body[data-theme=gemini] #view .ak-page .ak-tile{border:1px solid var(--px-edge);background:var(--px-card);padding:10px 11px}
body[data-theme=gemini] #view .ak-page .ak-tile small{display:block;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
body[data-theme=gemini] #view .ak-page .ak-tile-line{font-size:10.5px;color:var(--ink2);line-height:1.4;margin:6px 0 0}
body[data-theme=gemini] #view .ak-page .ak-tile-big{font-size:15px;font-weight:700;color:var(--ink1)}

body[data-theme=gemini] #view .ak-page .ak-lamp{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border:1px solid var(--px-edge);background:var(--px-inset);color:var(--ink1)}
body[data-theme=gemini] #view .ak-page .ak-lamp[data-status=ok]{border-color:var(--accent, var(--ink1));color:var(--accent, var(--ink1))}
body[data-theme=gemini] #view .ak-page .ak-lamp[data-status=degraded]{border-color:#b45309;color:#b45309}
body[data-theme=gemini] #view .ak-page .ak-lamp[data-status=stale_calendar]{border-color:#b45309;color:#b45309}

body[data-theme=gemini] #view .ak-page .ak-fb{display:flex;height:6px;border:1px solid var(--px-edge);overflow:hidden}
body[data-theme=gemini] #view .ak-page .ak-fb i{display:block}
body[data-theme=gemini] #view .ak-page .ak-fb i.t{background:var(--accent, var(--ink1))}
body[data-theme=gemini] #view .ak-page .ak-fb i.o{background:var(--ink3)}
body[data-theme=gemini] #view .ak-page .ak-fb i.u{background:transparent}
body[data-theme=gemini] #view .ak-page .ak-lgd{display:flex;flex-direction:column;gap:3px;margin-top:7px;font-size:9.5px;color:var(--ink3)}
body[data-theme=gemini] #view .ak-page .ak-lgd i{display:inline-block;width:7px;height:7px;margin-right:5px;border:1px solid var(--px-edge)}
body[data-theme=gemini] #view .ak-page .ak-lgd i.t{background:var(--accent, var(--ink1))}
body[data-theme=gemini] #view .ak-page .ak-lgd i.o{background:var(--ink3)}
body[data-theme=gemini] #view .ak-page .ak-lgd i.u{background:transparent}

body[data-theme=gemini] #view .ak-page .ak-lim{display:flex;flex-direction:column;gap:6px;margin:0}
body[data-theme=gemini] #view .ak-page .ak-lim dt{font-size:13px;font-weight:700;color:var(--ink1)}
body[data-theme=gemini] #view .ak-page .ak-lim dd{font-size:10px;color:var(--ink3);margin:0}

/* ---- what it reads: file map ---- */
body[data-theme=gemini] #view .ak-page .ak-map{margin-top:14px;display:flex;flex-direction:column;gap:16px}
body[data-theme=gemini] #view .ak-page .ak-mk{font-size:11px;color:var(--ink2);margin:0 0 9px}
body[data-theme=gemini] #view .ak-page .ak-mk b{color:var(--ink1)}
body[data-theme=gemini] #view .ak-page .ak-fgrid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:9px}
body[data-theme=gemini] #view .ak-page .ak-fgrid-1col{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}

body[data-theme=gemini] #view .ak-page .ak-ft{border:1px solid var(--px-edge);background:var(--px-card);padding:9px 10px;display:flex;flex-direction:column;gap:5px}
body[data-theme=gemini] #view .ak-page .ak-ft.req{border-color:var(--accent, var(--ink1))}
body[data-theme=gemini] #view .ak-page .ak-ft b{font-size:11px;color:var(--ink1)}
body[data-theme=gemini] #view .ak-page .ak-ft b span{font-weight:400;color:var(--ink3)}
body[data-theme=gemini] #view .ak-page .ak-ft p{font-size:10px;color:var(--ink2);margin:0;line-height:1.35}
body[data-theme=gemini] #view .ak-page .ak-ft small{font-size:9px;letter-spacing:.02em;color:var(--ink3)}

body[data-theme=gemini] #view .ak-page .ak-age{display:flex;align-items:center;gap:6px;min-width:0;font-size:9.5px;color:var(--ink3)}
body[data-theme=gemini] #view .ak-page .ak-age-track{position:relative;flex:1;height:6px;background:var(--px-inset);border:1px solid var(--px-edge)}
body[data-theme=gemini] #view .ak-page .ak-age i{position:absolute;top:0;left:0;height:100%;background:var(--accent, var(--ink1))}
body[data-theme=gemini] #view .ak-page .ak-age.unk .ak-age-track{border-style:dashed}
body[data-theme=gemini] #view .ak-page .ak-age b{font-weight:400;white-space:nowrap}

/* ---- how it answers: pipeline + rules ---- */
body[data-theme=gemini] #view .ak-page .ak-pipe{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:10px}
body[data-theme=gemini] #view .ak-page .ak-pipe li{border:1px solid var(--px-edge);background:var(--px-card);padding:10px 11px;display:flex;flex-direction:column;gap:5px}
body[data-theme=gemini] #view .ak-page .ak-pipe li.hold{border-color:var(--accent, var(--ink1))}
body[data-theme=gemini] #view .ak-page .ak-pipe small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
body[data-theme=gemini] #view .ak-page .ak-pipe b{font-size:12px;color:var(--ink1)}
body[data-theme=gemini] #view .ak-page .ak-pipe p{font-size:10.5px;color:var(--ink2);margin:0;line-height:1.4}

body[data-theme=gemini] #view .ak-page .ak-rt{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
body[data-theme=gemini] #view .ak-page .ak-rt span{font-size:9.5px;padding:3px 7px;border:1px solid var(--px-edge);background:var(--px-inset);color:var(--ink2)}

body[data-theme=gemini] #view .ak-page .px-more{margin-top:14px;border-top:1px solid var(--px-edge);padding-top:10px}
body[data-theme=gemini] #view .ak-page .px-more summary{font-size:11px;font-weight:700;color:var(--ink1);cursor:pointer}
body[data-theme=gemini] #view .ak-page .ak-rules{list-style:decimal;margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:8px}
body[data-theme=gemini] #view .ak-page .ak-rules li span{display:block;font-size:11px;color:var(--ink2);line-height:1.45}
body[data-theme=gemini] #view .ak-page .ak-rules li span b{display:block;font-size:11px;color:var(--ink1)}

/* ---- side rail: explanatory card ---- */
body[data-theme=gemini] #view .ak-page .ak-railwrap{margin-top:14px}
body[data-theme=gemini] #view .ak-page .ak-rail-card{border:1px solid var(--px-edge);background:var(--px-card);padding:14px 15px;max-width:56ch}
body[data-theme=gemini] #view .ak-page .ak-rail-k{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:0 0 8px}
body[data-theme=gemini] #view .ak-page .ak-rail-card p{font-size:11.5px;color:var(--ink2);line-height:1.5;margin:0 0 8px}
body[data-theme=gemini] #view .ak-page .ak-rail-card p:last-child{margin-bottom:0}
body[data-theme=gemini] #view .ak-page .ak-rail-card code{font-size:10.5px;background:var(--px-inset);padding:1px 4px;border:1px solid var(--px-edge)}
body[data-theme=gemini] #view .ak-page .ak-rail-note{color:var(--ink3);font-size:10.5px}

@media (max-width:900px){
  body[data-theme=gemini] #view .ak-page .ak-pipe{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:760px){
  body[data-theme=gemini] #view .ak-page .ak-hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  body[data-theme=gemini] #view .ak-page .ak-pipe{grid-template-columns:minmax(0,1fr)}
  body[data-theme=gemini] #view .ak-page .ak-hint{flex-direction:column;gap:2px}
  body[data-theme=gemini] #view .ak-page .ak-fgrid,body[data-theme=gemini] #view .ak-page .ak-fgrid-1col{grid-template-columns:minmax(0,1fr)}
}