/* The existing office-comic palette, with a compact two-level role sheet. */
.role-preview.role-preview-compact{display:block;min-height:0;padding:0;border:0;background:none}
.role-intro-v281{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:16px 14px;background:#e7d5ad;color:#253d33;border-top:3px solid #ae4933;box-shadow:3px 3px #071e1a66}
.role-intro-v281>.role-portrait{height:132px;width:88px;align-self:end;filter:drop-shadow(3px 3px #213a323b)}
.role-intro-content{min-width:0}.role-intro-content>header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #31524840;padding-bottom:8px;margin-bottom:8px}.role-intro-content h3{margin:0;font-size:19px;line-height:1.2;font-weight:950;color:#223e32}.role-intro-content h3 .role-faction{font-size:12px}
.role-intro-body{display:grid;grid-template-columns:minmax(116px,1fr) minmax(110px,1fr);gap:14px;align-items:center}.role-intro-tip{font-size:12px;line-height:1.55}.role-intro-tip p{margin:5px 0;color:#263f34}.role-hp{color:#665a43;font-size:11px;font-weight:800}.role-intro-tip .text-btn{font-size:11px;padding:2px 0;color:#9a3c2c;font-weight:900;min-height:28px}
.role-difficulty{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;white-space:nowrap;color:#6e5a3e;font-weight:800}.role-difficulty>span{display:inline-flex;gap:2px}.role-difficulty i{display:block;width:5px;height:11px;transform:skewX(-14deg);background:#b7b49f}.role-difficulty i.on{background:#a24732}
.role-ability-axis{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:center;margin:4px 0}.role-ability-axis>span{font-size:10px;font-weight:800;color:#344d3d}.role-ability-track{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.role-ability-track i{height:6px;background:#b8bd9f;transform:skewX(-13deg)}.role-ability-track i.on{background:#39735e}.role-ability-graph>small{font-size:8px;letter-spacing:.03em;color:#7a705a}
.role-quick-v281{color:#e5dcc3}.role-quick-head{display:flex;align-items:center;gap:14px;min-height:98px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #92a59055}.role-quick-head>.role-portrait{height:100px;width:74px;flex:none}.role-quick-head h3{margin:5px 0;font-size:26px;font-weight:950;line-height:1.1}.role-quick-head p{font-size:12px;line-height:1.5;margin:4px 0;color:#c5c8ac}.role-quick-head .eyebrow{font-size:10px;line-height:1.5}.role-quick-head .role-difficulty{color:#d6c894}
.role-note-title{display:block;color:#e8bc68;font-size:11px;font-weight:900;letter-spacing:.06em;margin-bottom:8px}.role-key-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:9px 0;border-top:1px solid #879b7e33;line-height:1.6;font-size:13px}.role-key-note>i{font-style:normal;font-size:10px;font-weight:900;color:#c7a35f;flex:none;line-height:21px}.role-key-note.is-primary{background:#e2c992;color:#263e31;padding:10px;border:0;box-shadow:3px 3px #0c231f;margin-bottom:6px;font-size:15px;font-weight:900}.role-key-note.is-primary>i{color:#a64832}.role-state-details{margin-top:13px;border-top:1px solid #8b9c8055;padding-top:12px}.role-state-details>summary{font-size:12px;color:#cfcca9;cursor:pointer;min-height:30px}.role-state-details .status-detail-list{margin-block:8px}.role-state-details .file-rows{margin:8px 0}.role-quick-v281 .modal-actions{margin-top:16px}.role-quick-v281 .modal-actions .btn{min-height:44px;font-size:12px}.role-quick-v281 .identity-notebook{margin-top:12px;padding:8px}.role-quick-v281 .identity-mark-options{gap:4px}.role-quick-v281 .identity-mark-option{padding:6px 3px;min-height:34px}.role-quick-v281 .identity-mark-option strong{font-size:13px}.role-quick-v281 .identity-mark-option span{font-size:9px}
.action-risk-card{padding:14px;background:#e8d5ac;color:#2b3c2f;border-left:5px solid #b44832;line-height:1.7}.action-risk-card b{display:block;font-size:19px;color:#9f382a;margin-bottom:8px}.action-risk-card p{margin:0;font-size:14px}.action-risk-foot{font-size:11px;color:#c2c3ab;line-height:1.7;margin-top:12px}
@media(max-width:600px){.role-intro-v281{grid-template-columns:64px minmax(0,1fr);gap:9px;padding:12px 9px}.role-intro-v281>.role-portrait{height:118px;width:64px}.role-intro-content h3{font-size:17px}.role-intro-content>header{gap:4px;margin-bottom:5px;padding-bottom:5px}.role-intro-body{grid-template-columns:minmax(95px,1fr) minmax(92px,1fr);gap:9px}.role-intro-tip{font-size:11px;line-height:1.5}.role-intro-tip p{margin:4px 0}.role-ability-axis{margin:5px 0;grid-template-columns:24px 1fr;gap:4px}.role-ability-axis>span{font-size:9px}.role-ability-track{gap:2px}.role-ability-track i{height:6px}.role-ability-graph>small{font-size:8px}.role-difficulty{font-size:9px}.role-quick-head{gap:10px;min-height:90px;margin-bottom:12px}.role-quick-head>.role-portrait{height:90px;width:66px}.role-quick-head h3{font-size:23px}.role-key-note{font-size:12px}.role-key-note.is-primary{font-size:14px;line-height:1.65}.role-quick-v281 .modal-actions{gap:8px}}
.role-intro-v281>.role-portrait{object-fit:contain;object-position:center bottom}
@media(max-width:600px){.role-intro-tip{font-size:12px}.role-ability-axis>span{font-size:10px}.role-ability-graph>small{font-size:9px}}
@media(orientation:landscape) and (max-height:500px){.role-quick-head{min-height:70px}.role-quick-head>.role-portrait{height:70px;width:55px}.role-key-note{padding:6px 0}.role-key-note.is-primary{padding:8px}.role-quick-v281 .modal-actions{margin-top:10px}}