/* Mission Control v9: Summary + Ask pages (summary.js, ask.js), and phone fixes for older pages. Hugo 2026-11-03. */

/* ---- Summary */
.bp{max-width:760px;display:flex;flex-direction:column;gap:22px}
.bp-brief{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px 14px}
.bp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.bp-head{font-family:var(--font-display);font-size:21px;line-height:1.3;font-weight:600;margin:4px 0 12px;color:var(--ink)}
.bp-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bp-pt{display:flex;gap:11px;align-items:flex-start}
.bp-pt .dot{margin-top:6px}
.bp-pt b{display:block;font-size:13px;letter-spacing:.02em;color:var(--ink-2)}
.bp-pt p{margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--ink)}
.bp-needs{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--amber-bg);color:var(--ink)}
.bp-needs .eyebrow{color:var(--amber);padding:0;margin-bottom:6px}
.bp-needs ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:14.5px;line-height:1.4}
.bp-foot{margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.bp-sec .section-h h2{font-size:17px}
.bp-sec .sub{font-size:13px;color:var(--ink-3)}
.bp-rows{display:flex;flex-direction:column;gap:8px}
.bp-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px 14px;color:var(--ink);min-width:0}
.bp-row:hover{border-color:var(--line-strong)}
.bp-row .dot{flex:none}
.bp-rt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.bp-ra{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.bp-rt b{font-size:15.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.bp-rs{font-size:13.5px;line-height:1.35;color:var(--ink-2);overflow-wrap:anywhere}
.bp-chev{width:16px;height:16px;flex:none;color:var(--ink-3)}
.bp-ask{display:flex;gap:8px;align-items:center}
.bp-ask input{flex:1;min-width:0;height:46px;border-radius:var(--pill);border:1px solid var(--field-line);background:var(--field);padding:0 16px;font-size:16px;color:var(--ink)}
.bp-ask .btn{height:46px}

/* ---- What people are telling us (digest.js) */
.bp-digest .bp-head{font-size:19px}
.dg-sec{margin-top:14px}
.dg-sec .eyebrow{padding:0;margin-bottom:8px}
.dg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dg-it details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}
.dg-it details[open]{background:var(--panel)}
.dg-it summary{list-style:none;cursor:pointer;padding:11px 13px;display:flex;flex-direction:column;gap:5px}
.dg-it summary::-webkit-details-marker{display:none}
.dg-t{font-size:15px;line-height:1.45;color:var(--ink);margin:0}
.dg-it>p.dg-t{padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}
.dg-n{font-size:13px;font-weight:600;color:var(--accent)}
.dg-n::after{content:" \203A"}
.dg-it details[open] .dg-n::after{content:" \2039"}
.dg-it .srcs{padding:0 10px 10px}

/* ---- Ask */
.ask{max-width:760px;display:flex;flex-direction:column;gap:14px}
.ask-f{display:flex;gap:8px;align-items:flex-end}
.ask-f textarea{flex:1;min-width:0;resize:vertical;min-height:52px;max-height:40vh;border-radius:18px;border:1px solid var(--field-line);background:var(--field);padding:13px 16px;font:inherit;font-size:16px;line-height:1.4;color:var(--ink)}
.ask-f .btn{height:52px;flex:none}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px}
.ask-chips .chip{white-space:normal;text-align:left;line-height:1.3}
.ask-status{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--blue-bg);color:var(--blue);font-weight:500;font-size:14px}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;flex:none;animation:mcspin .8s linear infinite}
@keyframes mcspin{to{transform:rotate(360deg)}}
.ask-err{padding:12px 14px;border-radius:var(--radius-sm);background:var(--red-bg);color:var(--red);font-size:14px;margin:0}
.ask-new{align-self:flex-start}
.ask-turn{display:flex;flex-direction:column;gap:8px}
.ask-q{align-self:flex-end;max-width:88%;background:var(--bub-out);color:var(--on-ink);padding:10px 14px;border-radius:18px 18px 4px 18px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.ask-a{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;font-size:15.5px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.ask-a p{margin:0 0 10px}
.ask-a ul{margin:0 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.ask-sh{padding:0;margin:14px 0 8px}
.cite{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;margin:0 1px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--accent);font-size:11.5px;font-weight:700;vertical-align:1px;line-height:1}
.srcs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.src{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);transition:box-shadow .3s}
.src.flash{box-shadow:0 0 0 2px var(--accent)}
.src-n{flex:none;min-width:22px;height:22px;border-radius:11px;background:var(--ink);color:var(--on-ink);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.src-b{min-width:0;flex:1}
.src-h{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
.src-h b{font-size:14px}
.src-h span{font-size:12.5px;color:var(--ink-3)}
.src-b p{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.src-a{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--accent)}
.srcs-more{margin-top:10px}
.srcs-more summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:13.5px;margin-bottom:8px}
.ask-meta{margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.ask-foot{font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:4px 0 0}

/* ---- Phone fixes for the older pages */
.fcards{grid-template-columns:minmax(0,1fr)}
.fcard{min-width:0;overflow-wrap:anywhere}
@media (max-width: 600px){
  .fb-alert{font-size:13.5px}
  .fb-alert .fb-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .pill,.badge,.stamp,.cat-pill,.who-l,.who-r,.msg .when,.num small,.call-when span,.tk,.conf,.q-gh,.receipt{font-size:12px}
  .pri,.brand-t small{font-size:11px}
  .bp-head{font-size:19px}
  .ask-f .btn,.bp-ask .btn{padding:0 16px}
}