/* Founding Chronicles: illustrated cards and compact, optional guidance. */
.charter-tradeoff { margin-top:13px;padding:11px 12px;background:#eee4dc;border-radius:13px;text-align:left;display:grid;gap:6px; }
.charter-tradeoff>span { color:#8b4b3d;font-size:10px;line-height:1.5; }
.charter-tradeoff strong { font:600 15px Georgia,serif;color:#344e58; }
.charter-tradeoff small { font-size:10px;line-height:1.5;color:#677174; }
.origin-card { align-self:stretch; }
.origin-seal { pointer-events:none; }
.founding-preview { background:#e7ece8;border-radius:18px;padding:16px;margin:16px 0; }
.founding-preview p { font-size:12px;line-height:1.6; }
.founding-preview>small { display:block;font-size:10px;color:#617075;margin-top:12px; }
.supply-preview { display:flex;flex-wrap:wrap;gap:20px;margin:12px 0; }
.supply-preview span { display:grid;font-size:10px;color:#617075; }
.supply-preview strong { font:26px Georgia,serif;color:#304a54; }
.charter-signatures { display:flex;gap:7px;flex-wrap:wrap; }
.charter-signatures span { font-size:10px;border:1px solid #a8b4b2;padding:6px 9px;border-radius:20px;background:#ffffff80; }
.command-dock { height:210px; }
.action-card { padding:8px 10px 10px;min-width:112px; }
.action-card:before { display:none; }
.card-illustration { position:relative;display:block;height:62px;margin:0 -3px 9px;border-radius:12px;overflow:hidden;background:#d4ded6; }
.card-illustration>img { display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%; }
.card-illustration:after { content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#172a3844); }
.card-illustration .card-symbol { position:absolute;left:5px;bottom:4px;margin:0;width:25px;height:25px;z-index:1; }
.card-illustration .card-symbol svg { width:17px;height:17px; }
.card-cost { z-index:2;top:11px;right:12px;background:#fffaf0; }
.card-title { font-size:16px;line-height:1.15;margin-bottom:5px; }
.card-type { font-size:6px;letter-spacing:.6px; }
.card-text { font-size:10px;line-height:1.4; }
.signature-mark { position:absolute;bottom:7px;right:5px;z-index:1;background:#fff6e9e8;color:#8b473a;font-size:6px;letter-spacing:.6px;border-radius:12px;padding:3px 5px; }
.combo-benefit { color:#a53e31;font-size:9px; }
.market-card { overflow:hidden; }
.market-art { display:block;width:calc(100% + 40px);height:110px;object-fit:cover;margin:-20px -20px 14px; }
.card-detail-art { object-fit:cover; }
.signature-collection { display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr)); }
.signature-collection article { overflow:hidden;border:1px solid #cfcfc3;border-radius:18px;background:#fffaf1; }
.signature-collection img { width:100%;height:100px;object-fit:cover; }
.signature-collection article>div { padding:14px; }
.signature-collection h3 { margin:8px 0;font:22px Georgia,serif; }
.signature-collection p { font-size:12px;line-height:1.6; }
.specialisation-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0; }
.specialisation-family { border:1px solid #d6d1c6;background:#efece2;border-radius:20px;padding:17px; }
.specialisation-family h3 { font:23px Georgia,serif;margin:0 0 14px; }
.specialisation-option { width:100%;text-align:left;border:1px solid #c9cec6;border-radius:14px;background:#fffdf5;padding:12px;margin-top:8px;display:grid;gap:6px;color:#344b52;cursor:pointer; }
.specialisation-option strong { font:18px Georgia,serif; }
.specialisation-option span { font-size:12px;line-height:1.6; }
.specialisation-option small { font-size:8px;letter-spacing:.5px; }
.specialisation-option:disabled { cursor:default;opacity:.58; }
.specialisation-option.adopted { opacity:1;background:#dce7e7;border-color:#79979e; }
.combo-list { display:grid;gap:10px; }
.combo-list>div { padding:14px 17px;border-radius:16px;background:#e9ede7;display:grid;gap:6px; }
.combo-list span { font-size:12px; }
.combo-list em { color:#a14b3c;font-size:12px; }
.leader-heading { display:flex;gap:17px;align-items:center;margin-bottom:18px; }
.leader-heading img { width:112px;height:128px;object-fit:cover;object-position:50% 25%;border-radius:24px;box-shadow:0 7px 17px #30404820; }
.leader-heading h3 { margin:10px 0;font-size:25px; }
.leader-heading .eyebrow { line-height:1.7; }
.leader-ambition { font:italic 20px/1.4 Georgia,serif;color:#3c5860; }
.diplomacy-reasons { padding-left:18px;font-size:12px;line-height:1.65;margin:18px 0; }
.diplomacy-reasons li { margin-bottom:9px; }
.campaign-guidance { position:absolute;right:18px;top:157px;width:290px;z-index:6;display:grid;gap:8px; }
.guide-chip,.report-chip { background:#faf7edf0;border:1px solid #fff9;border-radius:18px;box-shadow:0 5px 16px #34474e14;color:#334f59; }
.guide-chip { display:flex;align-items:center;padding:6px; }
.guide-chip>button:first-child { border:0;background:none;color:inherit;padding:8px;text-align:left;display:grid;gap:7px;flex:1;cursor:pointer; }
.guide-chip strong { font:18px Georgia,serif; }
.guide-chip .eyebrow { font-size:7px;letter-spacing:.7px; }
.report-chip { padding:12px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer;font-size:12px; }
.report-chip svg { width:19px;height:19px;flex-shrink:0; }
.report-chip span { flex:1; }
.report-chip small { display:block;margin-top:5px;font-size:9px;color:#637377; }
.guide-lessons { display:grid;gap:12px;margin:22px 0; }
.guide-lesson { display:flex;gap:20px;text-align:left;border:1px solid #d4d6cd;border-radius:20px;background:#faf7ee;padding:18px;color:#3b5158;cursor:pointer; }
.guide-lesson.current { border-color:#a76550;background:#f1e4d8; }
.guide-lesson .chapter-mark { font-size:28px;flex-shrink:0; }
.guide-lesson>span:last-child { display:grid;gap:8px; }
.guide-lesson strong { font:22px Georgia,serif; }
.guide-lesson small { font-size:12px;line-height:1.6; }
.guide-lesson em { font-size:12px;color:#9e4736; }
.report-income { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0; }
.report-income>div { display:grid;gap:7px;background:#e5eae4;padding:16px;border-radius:17px; }
.report-income small { font-size:8px; }
.report-income strong { font:30px Georgia,serif; }
.report-income span { font-size:10px;color:#68767b; }
.report-sections { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 28px; }
.report-sections section { border:1px solid #d5d4c9;border-radius:18px;padding:18px; }
.report-sections h3 { font:23px Georgia,serif;margin:0 0 12px; }
.report-sections ul { padding-left:18px;font-size:12px;line-height:1.7; }
.report-sections p { font-size:12px;line-height:1.6; }
@media(max-width:1199px){.inspector{bottom:250px}.command-dock{height:210px}.campaign-guidance{width:260px}.card-illustration{height:58px}}
@media(max-width:760px){.signature-collection{grid-template-columns:1fr}.signature-collection article{display:flex}.signature-collection img{width:110px;height:auto;object-fit:cover}.specialisation-grid,.report-sections{grid-template-columns:1fr}.leader-heading img{width:92px;height:112px}.market-art{height:85px}.campaign-guidance{width:240px}.report-income{gap:5px}.report-income>div{padding:12px 7px}.report-income strong{font-size:24px}}
@media(max-width:600px){
  .campaign-guidance{left:12px;right:12px;top:178px;width:auto;display:flex;align-items:stretch;gap:7px;pointer-events:none}
  .campaign-guidance>*{pointer-events:auto;flex:1;min-width:0;border-radius:14px}.guide-chip{padding:2px}.guide-chip strong{font-size:13px}.guide-chip .eyebrow{font-size:6px}.guide-chip .icon-btn{width:24px;height:24px;padding:4px}.guide-chip>button:first-child{padding:7px;gap:5px}.report-chip{padding:8px;font-size:10px}.report-chip small{display:none}.report-chip svg{width:14px;height:14px}.compass{display:none}
  .command-dock{height:228px}.inspector{bottom:251px;max-height:168px}.action-card{min-width:138px;max-width:156px;padding:7px 9px}.card-illustration{height:47px;margin-bottom:7px}.card-title{font-size:15px;margin-bottom:4px}.card-text{font-size:9px}.card-cost{top:9px;right:10px}.card-type{font-size:6px}.card-illustration .card-symbol{width:22px;height:22px}.card-illustration .card-symbol svg{width:15px;height:15px}
  .charter-tradeoff{padding:10px;margin-top:10px}.origin-body{padding-bottom:14px}.charter-tradeoff small{font-size:9px}.supply-preview{gap:18px}.guide-lesson{gap:12px;padding:14px}.guide-lesson strong{font-size:20px}.leader-heading h3{font-size:23px}.report-income small{font-size:6px}
}
@media(max-height:740px) and (max-width:600px){.inspector{max-height:110px}.campaign-guidance{top:170px}.command-dock{height:211px}.card-illustration{height:37px}.inspector{bottom:233px}}