/* One event/result surface in classic and compact careers. */
#decisionBox[data-decision-mode="event"],#decisionBox[data-decision-mode="result"]{
  --event-ink:#211718;--event-muted:#645f57;--event-line:#a49a8c;--event-accent:#aa172b;
  color:var(--event-ink);background:#f7f3ea;border-left:5px solid var(--event-accent);
  font-family:'Libre Baskerville',Georgia,serif;overflow-wrap:anywhere;
}
#decisionBox[data-decision-mode="event"] #decisionTitle,#decisionBox[data-decision-mode="result"] #decisionTitle{color:var(--event-ink);line-height:1.3;}
#decisionBox[data-decision-mode="event"] #decisionText>p{margin:0 0 12px;line-height:1.65;}
#decisionBox[data-decision-mode="event"] .choice-btn{min-height:48px;padding:14px 16px;line-height:1.5;border:1px solid var(--event-line);border-left:3px solid var(--event-accent);background:#fffdf8;color:var(--event-ink);}
#decisionBox[data-decision-mode="event"] .choice-btn:hover,#decisionBox[data-decision-mode="event"] .choice-btn:focus-visible{background:#ede6d8;outline-color:var(--event-accent);}
#decisionBox .decision-category-head>b{color:#51483f;background:#ede7db;border:1px solid #b4a898;}
#decisionBox[data-decision-mode="result"] #decisionChoices{margin-top:20px;}
#decisionBox[data-decision-mode="result"] #decisionChoices>.primary{min-height:48px;background:var(--event-accent);color:#fff;border-color:#6e1320;}
.event-outcome{min-width:0;}
#decisionBox .event-outcome-choice{margin:0 0 17px;padding:0 0 12px;border-bottom:1px solid var(--event-line);font:700 12px/1.5 'Libre Baskerville',Georgia,serif;}
.event-outcome-choice>span{display:block;margin-bottom:5px;color:var(--event-muted);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
#decisionBox .event-outcome-summary{font:700 17px/1.55 'Libre Baskerville',Georgia,serif;margin:0 0 14px;color:var(--event-ink);}
#decisionBox .event-outcome .decision-result-copy{margin:0 0 16px!important;padding:0;border:0;background:none;font:400 13px/1.65 'Libre Baskerville',Georgia,serif;color:var(--event-muted);}
.event-outcome-consequences{margin-top:18px;}
.event-outcome-consequences h4{font:700 10px/1.4 'Libre Baskerville',Georgia,serif;letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px;}
.event-outcome-effects,.event-outcome-notes{margin:0;display:grid;gap:6px;}
.event-outcome-effects>div,.event-outcome-notes>div{display:grid;grid-template-columns:minmax(105px,.35fr) minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 12px;background:#fffdf8;border-left:3px solid #9b927e;}
.event-outcome-effects dt,.event-outcome-notes dt{color:var(--event-muted);font:700 10px/1.5 'Libre Baskerville',Georgia,serif;}
.event-outcome-effects dd,.event-outcome-notes dd{margin:0;min-width:0;font:700 13px/1.55 'Libre Baskerville',Georgia,serif;color:var(--event-ink);overflow-wrap:anywhere;}
#decisionBox .event-outcome-neutral{margin:0;padding:10px 12px;background:#eee8dd;font-size:12px;}
.event-outcome-details{border-top:1px solid var(--event-line);margin-top:18px;padding-top:0;}
.event-outcome-details>summary{min-height:44px;padding:13px 0;font:700 10px/1.5 'Libre Baskerville',Georgia,serif;color:var(--event-muted);cursor:pointer;}
.event-outcome-roll{margin:0 0 13px;border:1px solid var(--event-line);background:#fffdf8;}
.event-roll-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #d5ccbc;font:700 11px/1.5 'Libre Baskerville',Georgia,serif;}
.event-roll-heading strong{font-size:25px;line-height:1.2;color:var(--event-accent);}
#decisionBox .event-roll-selected,#decisionBox .event-roll-range{margin:0;padding:10px 12px;font:400 11px/1.6 'Libre Baskerville',Georgia,serif;}
.event-roll-options{width:100%;table-layout:fixed;border-collapse:collapse;font:400 11px/1.5 'Libre Baskerville',Georgia,serif;}
.event-roll-options th,.event-roll-options td{padding:9px 12px;text-align:left;border-top:1px solid #ded5c7;vertical-align:top;overflow-wrap:anywhere;}
.event-roll-options th:first-child,.event-roll-options td:first-child{width:85px;}
.event-roll-options th{font-size:9px;color:var(--event-muted);}
.event-roll-options tr.selected{background:#eee5d3;font-weight:700;}
.event-roll-hit{display:block;color:#863226;font-size:8px;letter-spacing:.06em;margin-bottom:3px;}
@media(max-width:620px){
  #decisionBox[data-decision-mode="event"],#decisionBox[data-decision-mode="result"]{padding:16px 13px;}
  #decisionBox .event-outcome-summary{font-size:15px;}
  .event-outcome-effects>div,.event-outcome-notes>div{grid-template-columns:1fr;gap:3px;}
  .event-outcome-effects dd,.event-outcome-notes dd{font-size:12px;}
  .event-roll-options th:first-child,.event-roll-options td:first-child{width:66px;}
  .event-roll-options th,.event-roll-options td{padding:9px 8px;}
}

/* Compact careers keep their modal, with a single continuous content surface.
 * Only the text container gets the frame; nested paragraphs never do. */
body.pps-compact-ui #decisionBox:is([data-decision-mode="event"],[data-decision-mode="result"]):not(.hidden){justify-content:flex-start;}
body.pps-compact-ui #decisionBox:is([data-decision-mode="event"],[data-decision-mode="result"])>*{flex-shrink:0;margin-top:0;margin-bottom:0;background:#f7f3ea;}
body.pps-compact-ui #decisionBox:is([data-decision-mode="event"],[data-decision-mode="result"])>#decisionKicker{margin-top:auto;padding-bottom:8px;}
body.pps-compact-ui #decisionBox:is([data-decision-mode="event"],[data-decision-mode="result"])>#decisionTitle{padding-top:4px;}
body.pps-compact-ui #decisionBox:is([data-decision-mode="event"],[data-decision-mode="result"])>#decisionText{padding:18px 15px 4px;border-right:3px solid #171717;border-left:3px solid #171717;}
body.pps-compact-ui #decisionBox:is([data-decision-mode="event"],[data-decision-mode="result"])>#decisionChoices{margin-top:0;margin-bottom:auto;}
#decisionBox[data-decision-mode="result"] #decisionKicker{color:var(--event-muted);}
