/* E-invoicing readiness: additions on top of ../tax-health-check/assets/app.css (same look) */
.deadline{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.deadline .dl{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}
.deadline .dl b{color:var(--navy)}.deadline .dl.hot{border-color:var(--orange);background:#FFF8F2}.deadline .dl.hot b{color:#A64500}
.step2 small{font:500 14px Inter,sans-serif;color:var(--muted)}
.howto{margin-top:10px;max-width:1100px}.howto summary{cursor:pointer;font-weight:700;color:var(--blue)}
.howto pre{background:var(--navy);color:#E6EEF8;border-radius:12px;padding:14px 16px;overflow-x:auto;font-size:12.5px;line-height:1.5;white-space:pre}
.howto code{background:var(--mist);padding:1px 6px;border-radius:6px;font-size:12.5px}
.sheetkind{margin-left:auto;width:auto;min-width:170px;margin-top:0}
.map h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.story{font-size:17px;line-height:1.65;max-width:120ch;margin:6px 0 18px;color:#24324A}
.story b{color:var(--navy)}
.funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.funnel div{background:var(--mist);border-radius:12px;padding:12px 14px}.funnel b{display:block;font:800 26px Sora,sans-serif;color:var(--navy)}.funnel span{font-size:13.5px;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 22px}
.tile{border-radius:16px;padding:18px 20px;border:2px solid var(--line);background:#fff}
.tile b{display:block;font:800 40px Sora,sans-serif;line-height:1.1}.tile h3{font-size:17px;margin:4px 0 6px}.tile p{margin:0;font-size:14px;color:var(--muted)}
.tile.ok{border-color:#BFE3C9}.tile.ok b{color:var(--ok)}.tile.fix{border-color:#BFD3EE}.tile.fix b{color:var(--blue)}.tile.bad{border-color:#F3C7C6}.tile.bad b{color:var(--bad)}
.fixed{background:#F1FAF3;border-radius:14px;padding:14px 18px;margin:0 0 22px}.fixed h3{font-size:17px;color:var(--navy);margin-bottom:6px}.fixed ul{margin:0;padding-left:20px}.fixed li{margin:4px 0}
.act{border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:var(--r);padding:16px 20px;margin-bottom:12px;background:#fff}
.act.review{border-left-color:var(--blue)}
.act .ah{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.act .ah h3{font-size:17.5px;color:var(--navy);flex:1;min-width:220px;margin:0}
.act .n{font:800 20px Sora,sans-serif;color:var(--navy);background:var(--mist);border-radius:10px;padding:2px 12px}
.act .stepno{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font:700 14px Inter,sans-serif}
.act p{margin:6px 0}.act .src{color:var(--muted);font-size:13.5px}
.units-card{margin-top:26px;border:2px solid var(--navy)}
.unitgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 14px}
.unitgrid div{background:var(--mist);border-radius:12px;padding:10px 14px}.unitgrid b{display:block;font:800 24px Sora,sans-serif;color:var(--navy)}.unitgrid span{font-size:13.5px;color:var(--muted)}
td code,.code{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--mist);border-radius:6px;padding:1px 6px;font-size:12.5px}
.einv-calc{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.funnel,.unitgrid{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr}}
@media(max-width:640px){.funnel,.unitgrid,.einv-calc{grid-template-columns:1fr}.tile b{font-size:32px}}
.hero .lead{max-width:120ch}.hero .drop{max-width:1200px}