/* Home + Client stories: Sourced answers (sections/answers.blade.php, motion/answers.js).
   Layout from the approved /kit/motion draft; light surface. Text roles = kit 31:
   title (question) --t-row 700 ink · emphasis (team names, decision) --t-lede 700 ink · body (points) --t-prose --c-body ·
   meta (context line, working steps, sources) --t-note --c-gray · label (decision label) mono eyebrow --c-gray ·
   index (footnote numbers) mono eyebrow --c-primary. Card: white, kit line, no drop shadow (31 shadow rule). */
#answers{--mo-ease:cubic-bezier(.22,.61,.36,1);--mo-in-t:.42s;--ans-ok:#1F7A45}
#answers .mo-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:32px;align-items:start}
#answers .mo-split .head{margin-bottom:24px}
/* picker: kit 31 "select" rows */
#answers .mo-pick{display:grid;gap:4px}
#answers .mo-pickrow.iconrow{width:100%;padding:12px;border:0;border-radius:var(--card-r-m);background:none;color:var(--c-ink);text-align:left;font:inherit;cursor:pointer;transition:background-color .3s var(--mo-ease),box-shadow .3s var(--mo-ease)}
#answers .mo-pickrow.is-on{background:#fff;box-shadow:var(--card-line-white)}
#answers .mo-pickrow:not(.is-on):hover{background:rgba(6,18,52,.03)}
#answers .mo-pickrow:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
#answers .mo-pickrow .iconrow__t{font-family:var(--font-h);font-size:var(--t-lede);font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--c-ink)}
#answers .mo-pickrow:not(.is-on) .iconrow__t{color:var(--c-body)}
#answers .mo-pickrow .iconrow__d{font-family:var(--font);font-size:var(--t-note);line-height:1.45;color:var(--c-gray)}
/* memo card */
#answers .mo-memo{display:grid;align-content:start;gap:16px;padding:var(--card-p-m);overflow:hidden;border-radius:var(--card-r-l);background:#fff;box-shadow:var(--card-line-white);color:var(--c-ink)}
#answers .mo-memo .tbl-title .iconrow__d{font-size:var(--t-note);color:var(--c-gray)}
#answers .mo-memo__body{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;align-items:start}
#answers .mo-memo__main{display:grid;gap:16px}
#answers .mo-trace{display:grid;gap:4px;font-family:var(--font);font-size:var(--t-note);line-height:1.5;color:var(--c-gray)}
#answers .mo-trace>div{display:grid;grid-template-columns:18px minmax(0,1fr)}
#answers .mo-trace .ok{color:var(--ans-ok)}
#answers .mo-trace .spin{color:var(--c-gray)}
#answers .mo-points{display:grid;gap:8px}
#answers .mo-points p{margin:0;font-family:var(--font);font-size:var(--t-prose);line-height:1.6;color:var(--c-body)}
#answers .mo-nw{white-space:nowrap}
#answers .mo-points sup{font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:0;color:var(--c-primary)}
#answers .mo-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.15em;background:var(--c-primary)}
#answers .mo-dec{display:grid;gap:8px;min-height:120px;align-content:start;padding-left:24px;border-left:1px solid var(--c-rule)}
#answers .mo-dec:empty{border-left-color:transparent}
#answers .mo-dec__l{font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray)}
#answers .mo-dec__t{font-family:var(--font-h);font-size:var(--t-lede);font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--c-ink)}
#answers .mo-doc__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:auto calc(var(--card-p-m)*-1) calc(var(--card-p-m)*-1);padding:16px var(--card-p-m);border-top:1px solid var(--c-rule)}
#answers .mo-srcs span{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:var(--t-note);line-height:1.4;color:var(--c-gray)}
#answers .mo-doc__foot .ic{flex:none;width:16px;height:16px;color:var(--c-gray)}
#answers .mo-in{animation:ans-rise var(--mo-in-t) var(--mo-ease) both}
@keyframes ans-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#answers .mo-in{animation:none}}
@media (max-width:1100px){#answers .mo-split{grid-template-columns:1fr}}
@media (max-width:640px){
  #answers .mo-memo__body{grid-template-columns:1fr}
  #answers .mo-dec{padding-left:0;border-left:0;min-height:0}
}
/* kit 17 icon box: neutral (paper) by default, soft blue + primary when picked (.is-on) and on the memo title */
#view-home #answers .mo-pickrow.is-on .iconrow__box,#view-home #answers .mo-memo .iconrow__box,#answers .mo-pickrow.is-on .iconrow__box,#answers .mo-memo .iconrow__box{color:var(--c-primary);background:var(--c-soft);box-shadow:none}
/* Decision: under the points, full width, in its own soft box (not a side column) */
#answers .mo-memo__body{grid-template-columns:1fr;gap:16px}
#answers .mo-dec{min-height:0;padding:16px 20px;border:0;border-radius:var(--card-r-m);background:var(--c-paper)}
#answers .mo-dec:empty{display:none}
@media (max-width:640px){#answers .mo-dec{padding:16px}}