﻿:root{
  --bg:#1c1725;
  --panel:#f0e5c9;
  --panel2:#e5d5ad;
  --text:#2a1d16;
  --muted:#6a5844;
  --accent:#6c3926;
  --accent2:#a85e38;
  --border:#5a3a25;
  --button:#5f3b8f;
  --button2:#8f5fc5;
  --danger:#b64a4a;
  --success:#3e7b4a;
  --focus:#0b77a8;
  --shadow:rgba(0,0,0,.25);
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#473452 0,#1c1725 55%,#100d15 100%);color:var(--text);font-family:Georgia,'Times New Roman',serif;font-size:18px}
button,input,select,textarea{font:inherit}
.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#3a2946,#1e1727);color:#fff;border-bottom:3px solid #b99561;box-shadow:0 3px 12px var(--shadow)}
.topbar h1{margin:0;font-size:30px;letter-spacing:.3px}.subtitle{margin:4px 0 0;color:#f1d9a8}.topnav{display:flex;gap:8px;flex-wrap:wrap}.topnav a{color:#fff;text-decoration:none;padding:10px 14px;border:2px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(255,255,255,.08)}.topnav a.active,.topnav a:hover{background:#f1d9a8;color:#241a10;border-color:#f1d9a8}
.version-badge{display:inline-block;margin-top:7px;padding:4px 10px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.12);color:#fff6df;font-family:Arial,sans-serif;font-size:13px;font-weight:bold;letter-spacing:.2px}.version-badge.version-mismatch{background:#8f2424;border-color:#ffb3a8;color:#fff}.version-badge.version-ok{background:rgba(56,126,70,.65);border-color:#bde2b9;color:#fff}
.layout{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:16px}.workspace.single{padding:16px;max-width:1100px;margin:auto}.steps{position:sticky;top:92px;align-self:start;background:var(--panel);border:3px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 3px 10px var(--shadow)}.step,.wide,button{cursor:pointer;border:none;border-radius:12px;padding:12px 14px;background:linear-gradient(#6d55b2,#3f357b);color:#fff;font-weight:bold;box-shadow:0 3px 0 #211b4e}.step{display:block;width:100%;margin-bottom:8px;text-align:left}.step.active{background:linear-gradient(#c37944,#7e3c25)}.wide{display:block;width:100%;margin:8px 0;text-align:center}.muted{background:linear-gradient(#777,#555)}.danger{background:linear-gradient(#d96a68,#9c3131)}button:hover{filter:brightness(1.08)}button:active{transform:translateY(2px);box-shadow:0 1px 0 #211b4e}.small-label{font-weight:bold;display:block;margin-top:12px}
.workspace{min-width:0}.panel,.notice{background:linear-gradient(180deg,var(--panel),#eadbb8);border:3px solid var(--border);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 4px 10px var(--shadow)}.notice{font-size:16px;background:#fff4d6}.step-panel{display:none}.step-panel.active{display:block}.panel h2{margin:0 0 14px;text-align:center;font-size:30px}.panel h3{margin:18px 0 10px;color:#442a17}.hint{color:var(--muted);font-style:italic}.messages{background:#fff3cc;border:2px solid #ba7b22;padding:10px;border-radius:12px;margin-bottom:12px}
.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(220px,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(120px,1fr))}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:bold;color:#3b2b20}input,select,textarea{width:100%;padding:10px;border:2px solid #6e5a8f;border-radius:10px;background:#fffdf6;color:#261b13}textarea{resize:vertical}.tools-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.tools-row label{min-width:260px}.stat-grid input{text-align:center;font-size:24px;font-weight:bold}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.skill-row{display:grid;grid-template-columns:1fr 70px 70px;gap:8px;align-items:center;padding:10px;border:2px solid #b49b73;border-radius:12px;background:rgba(255,255,255,.35)}.skill-row strong{display:block}.skill-row span{color:var(--muted);font-size:14px}.skill-row input{text-align:center}.class-card,.option-card{border:2px solid #8d6a47;border-radius:14px;padding:14px;margin:10px 0;background:rgba(255,255,255,.35)}.meta-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.meta{border:1px solid #ad956a;border-radius:10px;padding:8px;background:#fff9e7}.feature-list{display:grid;gap:8px}.feature{border-left:8px solid #8d4129;background:#fff7e2;border-radius:10px;padding:10px}.feature strong{font-size:20px}.option-list{display:grid;gap:10px}.choice{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border:2px solid #9c805b;border-radius:12px;padding:10px;background:#fff8df}.choice input[type="checkbox"]{width:24px;height:24px}.choice input[type="text"]{width:100%;height:auto}.choice h4{margin:0}.choice p{margin:5px 0;color:#3e3024}.summary-output{white-space:pre-wrap;background:#171320;color:#f3e9d0;border-radius:14px;border:2px solid #7b65ad;padding:16px;min-height:240px;font-family:Consolas,monospace;font-size:15px}.references-layout{padding:16px;display:grid;grid-template-columns:360px 1fr;gap:16px}.search-panel{position:sticky;top:92px;align-self:start}.ref-source.active{background:linear-gradient(#c37944,#7e3c25)}.ref-results{min-height:70vh}.ref-card{border:2px solid #92744f;border-radius:14px;background:#fff9e8;margin-bottom:12px;padding:14px}.ref-card h3{margin:0 0 8px}.ref-meta{font-size:14px;color:var(--muted);font-weight:bold}.mark{background:#ffe45e;padding:0 2px;border-radius:3px;color:#000}.pill{display:inline-block;background:#e4d0a8;border:1px solid #9d7b4c;border-radius:999px;padding:3px 9px;margin:2px;font-size:14px;font-weight:bold}.section-title{padding:8px 12px;background:#3b2b20;color:#fff;border-radius:10px;margin:18px 0 8px}
.choice select[data-choice-free]{min-height:44px}.choice select[data-choice-free] option:disabled{color:#8a8a8a}
@media(max-width:900px){.layout{grid-template-columns:1fr}.steps{position:static}.grid.two,.grid.four,.split,.references-layout{grid-template-columns:1fr}.topbar{position:static;align-items:flex-start;flex-direction:column}.search-panel{position:static}.panel h2{font-size:26px}}

input[readonly]{background:#eee7d8;color:#4f4437;cursor:not-allowed}
.autosave-status{font-size:14px;font-weight:bold;color:#4d3d2a;background:#f8edc9;border:1px solid #b99561;border-radius:10px;padding:8px;margin:8px 0;text-align:center;line-height:1.25}.autosave-status.saving{background:#dcefff;color:#17496b}.autosave-status.ok{background:#e5f6df;color:#235d2f}.autosave-status.dirty{background:#fff2c5;color:#7a4c00}.autosave-status.error{background:#ffe2df;color:#8a1b11}
.print-sheet{background:#fffdf4;border:2px solid #8d6a47;border-radius:16px;padding:14px}.sheet-page{background:#fffdf4;color:#1d1712;max-width:980px;margin:auto;padding:18px;border:3px double #8d6a47;border-radius:12px}.sheet-header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:3px solid #8d6a47;padding-bottom:10px;margin-bottom:12px}.sheet-header h1{margin:0;font-size:36px}.sheet-header p{margin:4px 0 0;font-weight:bold}.sheet-badge{border:2px solid #8d6a47;border-radius:999px;padding:12px 18px;font-weight:bold;background:#f3e4bf;white-space:nowrap}.sheet-section{border:1px solid #c3aa7e;border-radius:12px;padding:12px;margin:12px 0;background:#fff8e7}.sheet-section h2{font-size:22px;text-align:left;margin:0 0 8px;color:#3b2616}.sheet-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sheet-stat{border:2px solid #8d6a47;border-radius:10px;text-align:center;padding:10px;background:#f6e9c7}.sheet-stat span{display:block;font-weight:bold;color:#5d4631}.sheet-stat strong{font-size:28px}.sheet-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin-top:10px}.sheet-meta-grid>div{border:1px solid #c3aa7e;border-radius:8px;padding:8px;background:#fffdf4}.sheet-trackers{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.sheet-trackers>div{border:1px solid #c3aa7e;border-radius:8px;padding:8px;background:#fffdf4}.sheet-trackers b{display:block}.write-line{display:inline-block;min-width:58px;height:24px;border-bottom:2px solid #3b2b20;margin:0 5px}.tracker-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.tracker-box{display:inline-flex;width:30px;height:30px;border:2px solid #6e573c;border-radius:6px;align-items:center;justify-content:center;background:#fff}.tracker-box.fury{width:42px;font-size:13px;font-weight:bold}.two-col-print{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sheet-table{width:100%;border-collapse:collapse}.sheet-table th,.sheet-table td{border:1px solid #b99f71;padding:6px;text-align:left}.sheet-table th{background:#f0dfb6}.sheet-feature{break-inside:avoid;border-left:6px solid #7d3b28;padding:8px;margin:8px 0;background:#fffdf4}.sheet-feature p{margin:5px 0}.sheet-section ul{margin:6px 0 0 20px;padding:0}.preserve-lines{white-space:pre-wrap}.no-print{display:initial}
@media(max-width:900px){.two-col-print{grid-template-columns:1fr}.sheet-stats{grid-template-columns:repeat(2,1fr)}.sheet-trackers{grid-template-columns:repeat(2,1fr)}.sheet-header{align-items:flex-start;flex-direction:column}.sheet-header h1{font-size:30px}.sheet-badge{white-space:normal}}
@media(max-width:520px){.sheet-stats,.sheet-trackers{grid-template-columns:1fr}.layout{padding:8px}.panel,.notice{padding:12px}.steps{border-radius:12px}.sheet-page{padding:10px}}
@media print{
  @page{size:auto;margin:10mm}
  body{background:#fff!important;font-size:10.5pt;color:#000}.topbar,.steps,.notice,.messages,.no-print{display:none!important}.layout{display:block;padding:0}.workspace{padding:0;margin:0}.panel{display:none!important;border:none!important;box-shadow:none!important;background:#fff!important}.panel#step-sheet{display:block!important;padding:0;margin:0}.print-sheet{border:none;padding:0;background:#fff}.sheet-page{border:none;border-radius:0;max-width:none;padding:0}.sheet-section{break-inside:avoid;background:#fff}.sheet-header{break-inside:avoid}.sheet-badge{background:#fff}.two-col-print{grid-template-columns:1fr 1fr}.sheet-stats{grid-template-columns:repeat(4,1fr)}.sheet-trackers{grid-template-columns:repeat(4,1fr)}
}
.version-loading{background:#64577c;color:#fff;border-color:#bca7dd}
.boot-error{background:#ffe7e7;border:3px solid #b73131;color:#681010;padding:14px;border-radius:14px;margin-bottom:16px;font-weight:bold;white-space:pre-wrap}
select{min-height:44px}

/* CrÃ©ateur Nimble 1.1.8 */
.web-sheet-launch{display:inline-block;padding:12px 14px;border-radius:12px;background:linear-gradient(#a36735,#71371f);color:#fff;text-decoration:none;font-weight:bold;box-shadow:0 3px 0 #432213}

/* v1.3.1 â€” contrÃ´les agrandis pour iPad et basse vision */
input,select,textarea{
  min-height:64px;
  padding:14px 16px;
  font-size:26px;
  line-height:1.25;
}
select{
  min-height:72px;
  font-size:28px;
  font-weight:700;
  border-width:3px;
  border-radius:14px;
}
select option{
  font-size:28px;
  padding:14px;
}
#classId,#subclassId,#speciesSelect,#ancestrySelect,#backgroundSelect,#motivationSelect{
  min-height:78px;
  font-size:30px;
  font-weight:800;
  background:#fffdf6;
  color:#1f160f;
}
label{font-size:22px;line-height:1.25}
.tools-row label{min-width:300px}
@media(max-width:900px){
  input,select,textarea{font-size:28px;min-height:70px}
  select,#classId,#subclassId,#speciesSelect,#ancestrySelect,#backgroundSelect,#motivationSelect{font-size:32px;min-height:82px}
  select option{font-size:32px}
}

.weapon-builder,.armor-builder,.equipment-use-builder,.equipment-effect-builder{border:2px solid #9c805b;border-radius:14px;background:rgba(255,255,255,.28);padding:14px;margin-bottom:16px}
.weapon-builder .section-heading-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.weapon-builder .section-heading-inline h3{margin:0 0 4px}
.weapon-builder #addWeaponBtn{min-width:180px}
.section-heading-inline h3{margin-top:0}
.equipment-use-builder .section-heading-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.equipment-use-builder .section-heading-inline p{margin-bottom:8px}
.equipment-use-builder #addEquipmentUseBtn{min-width:190px}
.equipment-use-rows{display:grid;gap:10px}
.equipment-use-row{display:grid;grid-template-columns:minmax(180px,1.1fr) 120px minmax(180px,.9fr) minmax(200px,1.2fr) 48px;gap:10px;align-items:end;padding:12px;border:2px solid #8d6a47;border-radius:8px;background:#fff8df}
.equipment-use-row label{min-width:0}
.equipment-use-row input,.equipment-use-row select{width:100%;min-width:0}
.equipment-use-remove{width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:8px;background:linear-gradient(#d96a68,#9c3131);font-size:28px}
.equipment-use-empty{margin:8px 0 0;text-align:center}
@media(max-width:1050px){.equipment-use-row{grid-template-columns:1fr 120px 1fr 48px}.equipment-use-row label:nth-child(4){grid-column:1/4}}
@media(max-width:700px){.equipment-use-builder .section-heading-inline{display:grid}.equipment-use-builder #addEquipmentUseBtn{width:100%}.equipment-use-row{grid-template-columns:1fr 1fr}.equipment-use-row label:nth-child(1),.equipment-use-row label:nth-child(4){grid-column:1/-1}.equipment-use-remove{grid-column:2;justify-self:end}}
.equipment-effect-builder .section-heading-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.equipment-effect-builder #addEquipmentEffectItemBtn{min-width:220px}
.equipment-effect-items{display:grid;gap:12px}
.equipment-effect-item{border:2px solid #8d6a47;border-radius:8px;background:#fff8df;padding:12px}
.equipment-effect-item-head{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,.65fr) minmax(220px,1.15fr) 48px;gap:10px;align-items:end}
.equipment-effect-item-head input{width:100%;min-width:0}
.equipment-effect-equipped{display:flex;align-items:center;gap:8px;min-height:48px;font-weight:700}
.equipment-effect-equipped input{width:24px;height:24px;margin:0}
.equipment-effect-list{display:grid;gap:8px;margin-top:12px}
.equipment-effect-row{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(220px,1fr) 110px 48px;gap:10px;align-items:end;padding:10px;background:#f1e4c4;border:1px solid #a98a5e;border-radius:8px}
.equipment-effect-row [hidden]{display:none}
.equipment-effect-row select,.equipment-effect-row input{width:100%;min-width:0}
.equipment-effect-remove,.equipment-effect-item-remove{width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:8px;background:linear-gradient(#d96a68,#9c3131);font-size:26px}
.equipment-effect-add{margin-top:10px}
.equipment-effect-empty{margin:8px 0 0;text-align:center}
.inventory-builder{border:2px solid #9c805b;border-radius:8px;background:rgba(255,255,255,.28);padding:14px;margin-bottom:16px}
.inventory-builder .section-heading-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.inventory-builder .section-heading-inline h3{margin:0 0 4px}
.inventory-builder #addInventoryItemBtn{min-width:180px}
.inventory-item-rows{display:grid;gap:12px}
.inventory-item-row{display:grid;gap:12px;padding:13px;border:2px solid #8d6a47;border-radius:8px;background:#fff8df}
.inventory-item-head{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(190px,.8fr) minmax(150px,.65fr) 48px;gap:10px;align-items:end}
.inventory-item-head input,.inventory-item-head select,.inventory-note input,.inventory-uses input,.inventory-uses select,.inventory-effect-row input,.inventory-effect-row select{width:100%;min-width:0}
.inventory-equipped,.inventory-toggle{display:flex!important;align-items:center;gap:8px;min-height:48px;font-weight:800}
.inventory-equipped input,.inventory-toggle input{width:24px!important;height:24px;margin:0;flex:0 0 auto}
.inventory-note{display:grid;gap:5px}
.inventory-uses,.inventory-effects{display:grid;gap:9px;padding:10px;border:1px solid #a98a5e;border-radius:8px;background:#f1e4c4}
.inventory-uses-fields{display:grid;grid-template-columns:130px minmax(190px,1fr);gap:10px;max-width:520px}
.inventory-uses-fields[hidden],.inventory-effect-row [hidden]{display:none!important}
.inventory-effects-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inventory-effects-head strong{font-size:18px;color:#4b2f1d}
.inventory-effect-list{display:grid;gap:8px}
.inventory-effect-row{display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(220px,1fr) 110px 48px;gap:10px;align-items:end}
.inventory-icon-button{width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:8px;font-size:27px}
.inventory-icon-button.danger{background:linear-gradient(#d96a68,#9c3131)}
.inventory-item-empty{margin:10px 0 0;text-align:center}
.equipment-equipped-inline{display:flex;align-items:center;gap:7px;margin-top:7px;font-weight:800}
.equipment-equipped-inline input{width:22px;height:22px;margin:0}
@media(max-width:1050px){.inventory-item-head{grid-template-columns:1fr 1fr 48px}.inventory-equipped{grid-column:1/3}.inventory-effect-row{grid-template-columns:1fr 1fr 100px 48px}}
@media(max-width:700px){.inventory-builder .section-heading-inline{display:grid}.inventory-builder #addInventoryItemBtn{width:100%}.inventory-item-head,.inventory-effect-row{grid-template-columns:1fr 48px}.inventory-item-head label,.inventory-effect-row label,.inventory-equipped{grid-column:1}.inventory-item-head .inventory-icon-button,.inventory-effect-row .inventory-icon-button{grid-column:2;grid-row:1}.inventory-uses-fields{grid-template-columns:1fr}.inventory-effects-head{align-items:stretch;flex-direction:column}}
.hit-dice-summary{grid-column:1/-1;margin:6px 0 0;font-weight:700;color:#4f3825}
.choice-over-limit{outline:3px solid #bd4b37;background:#fff0ea}
.choice-over-limit::after{content:'Conservé, mais inactif';display:inline-block;margin:4px 0 0;padding:3px 7px;border-radius:6px;background:#8f2f24;color:#fff;font-size:.78rem;font-weight:700}
@media(max-width:1050px){.equipment-effect-item-head{grid-template-columns:1fr 160px 48px}.equipment-effect-item-head label:nth-child(3){grid-column:1/3}.equipment-effect-row{grid-template-columns:1fr 1fr 100px 48px}}
@media(max-width:700px){.equipment-effect-builder .section-heading-inline{display:grid}.equipment-effect-builder #addEquipmentEffectItemBtn{width:100%}.equipment-effect-item-head,.equipment-effect-row{grid-template-columns:1fr 48px}.equipment-effect-item-head label,.equipment-effect-row label{grid-column:1}.equipment-effect-equipped{grid-column:1}.equipment-effect-item-remove,.equipment-effect-remove{grid-column:2;grid-row:1;align-self:end}}
.weapon-slots{display:grid;gap:12px}
.weapon-card{border:2px solid #8d6a47;border-radius:12px;background:#fff8df;padding:12px}
.weapon-card-head{display:grid;grid-template-columns:1fr auto 48px;gap:12px;align-items:center;margin-bottom:10px}
.weapon-card h4{margin:0;color:#442a17}
.weapon-card-head .equipment-equipped-inline{margin:0}
.weapon-remove{width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:8px;background:linear-gradient(#d96a68,#9c3131);font-size:28px}
.weapon-empty{margin:10px 0 0;text-align:center}
.weapon-fields{margin-top:10px}
.weapon-sheet-table th,.weapon-sheet-table td{font-size:.92em}
@media(max-width:700px){.weapon-builder .section-heading-inline{display:grid}.weapon-builder #addWeaponBtn{width:100%}.weapon-card-head{grid-template-columns:1fr 48px}.weapon-card-head .equipment-equipped-inline{grid-column:1}.weapon-remove{grid-column:2;grid-row:1/3}}
.armor-summary{margin:.65rem 0 0;font-weight:800;color:#3f2918}
.armor-print-card{border:1px solid #8d6a47;background:#fff8df;padding:10px 12px;margin-bottom:12px;border-radius:8px;line-height:1.5}
.portrait-builder{border:2px solid #9c805b;border-radius:14px;background:rgba(255,255,255,.28);padding:14px;margin:16px 0}
.portrait-builder .section-heading-inline h3{margin:0 0 4px}
.portrait-builder .section-heading-inline p{margin:0 0 14px}
.portrait-workspace{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:18px;align-items:start}
.portrait-canvas-wrap{display:grid;place-items:center;min-height:390px;border:3px solid #6e5a8f;border-radius:14px;background:#171320;padding:10px;outline:none}
.portrait-canvas-wrap:focus{border-color:var(--focus);box-shadow:0 0 0 4px rgba(11,119,168,.24)}
#portraitCanvas{display:block;width:100%;height:auto;max-height:460px;aspect-ratio:4/5;object-fit:contain;background:#171320}
.portrait-controls{display:grid;gap:12px}
.portrait-source-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.portrait-controls button{min-height:64px}
.portrait-status{margin:0;padding:10px 12px;border:1px solid #b99561;border-radius:10px;background:#fff8df;color:#3f2918;font-weight:700}
@media(max-width:900px){.portrait-workspace{grid-template-columns:1fr}.portrait-canvas-wrap{min-height:320px}.portrait-source-buttons{grid-template-columns:1fr}}

/* v1.4.50 class-specific resource summary */
.class-resource-summary{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1fr);gap:5px 16px;align-items:center;padding:14px 16px;border:2px solid rgba(111,73,154,.34);border-radius:8px;background:linear-gradient(135deg,#fff9e8,#efe5ff)}
.class-resource-summary[hidden],[data-berserker-resource][hidden]{display:none!important}
.class-resource-summary span{grid-column:1/-1;color:#6b4a2c;font-size:13px;font-weight:900;text-transform:uppercase}
.class-resource-summary strong{color:#27172f;font-size:24px;line-height:1.1}
.class-resource-summary small{color:#543d63;font-size:15px;font-weight:800;text-align:right}
.class-resource-summary p{grid-column:1/-1;margin:4px 0 0;color:#493b4d;line-height:1.35}
@media(max-width:700px){.class-resource-summary{grid-template-columns:1fr}.class-resource-summary small{text-align:left}}

