:root{--teal:#0f766e;--teal-soft:#ccfbf1;--ink:#1d2433;--muted:#57606a;--line:#d8dee6}
body{background:#f5faf9}
main{max-width:1080px}
.lead{font-size:1.02rem}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin:.4rem 0 1rem}
.badge{display:inline-block;background:var(--teal-soft);color:#115e59;border:1px solid #5eead4;border-radius:999px;padding:1px 10px;font-size:.8rem;font-weight:600}
.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px 12px;font-size:.9rem}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:860px){.layout{grid-template-columns:minmax(0,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.card h2{margin:0 0 10px;font-size:1.12rem}
.sticky{position:sticky;top:8px}
@media(max-width:860px){.sticky{position:static}}
label{display:block;font-weight:600;margin-top:10px;font-size:.92rem}
label.inline{display:inline;margin:0;font-weight:500}
input[type=text],select,textarea{width:100%;min-height:44px;padding:8px 10px;font:inherit;border:1px solid #c6cfda;border-radius:9px;background:#fff;box-sizing:border-box}
textarea{resize:vertical;min-height:84px}
input[type=checkbox]{width:20px;height:20px;vertical-align:-4px;accent-color:var(--teal)}
button{font:inherit;cursor:pointer}
button.primary,.tool-card button.primary{min-height:46px;padding:9px 16px;font-weight:700;border-radius:9px;border:1px solid var(--teal);background:var(--teal);color:#fff}
button.ghost{min-height:44px;padding:8px 14px;border-radius:9px;border:1px solid #5eead4;background:#f0fdfa;color:#115e59;font-weight:600;margin-top:8px}
button.danger{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
button.mini{min-height:36px;min-width:44px;padding:2px 10px;border-radius:8px;border:1px solid #c6cfda;background:#fff;color:#1d2433;margin-left:4px}
button.mini.danger{border-color:#fca5a5;color:#991b1b}
button:disabled{opacity:.45;cursor:not-allowed}
button:hover:not(:disabled){filter:brightness(1.05)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.chip{min-height:44px;padding:4px 18px;border-radius:999px;border:1px solid #5eead4;background:#f0fdfa;color:#115e59;font-weight:600}
.chip[aria-pressed=true]{background:var(--teal);color:#fff;border-color:var(--teal)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.btns button{margin-top:0}
.small{font-size:.86rem;color:var(--muted)}
.error,.tool-err{color:#b91c1c;min-height:1.2em;margin:8px 0 0;font-size:.9rem}
.warn{background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;border-radius:8px;padding:8px 12px;font-size:.9rem;margin:10px 0 0}
.total{font-weight:800;margin:10px 0 0;color:#115e59}
.item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0;background:#fcfffe}
.item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.item-body{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.item-body .fld-desc,.item-body .fld-did,.item-body .fld-current,.item-body .fld-result{grid-column:1/-1}
.item-body.two{grid-template-columns:1fr 1fr}
@media(max-width:520px){.item-body,.item-body.two{grid-template-columns:1fr}}
.row-err,.row-res{margin:6px 0 0;font-size:.86rem;color:#b91c1c;min-height:1.1em}
.row-res{color:#115e59;font-weight:600}
.row-res.bad{color:#b91c1c}
.paper{background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 6px rgba(15,23,42,.12);padding:6% 7%;font-size:.86rem;line-height:1.55;min-height:260px;overflow-wrap:anywhere}
.rv-name{font-size:1.5rem;margin:0}
.rv-job{margin:.1em 0 0;font-weight:600}
.rv-contact{margin:.2em 0 .6em;color:#475569}
.rv-sec h3{font-size:.95rem;margin:.9em 0 .25em;border-bottom:1px solid #94a3b8;padding-bottom:2px}
.rv-sec ul{list-style:none;margin:0;padding:0}
.rv-sec li{margin:.3em 0}
.rv-meta{color:#64748b;font-size:.82em}
.rv-desc{margin:.15em 0 0 .6em;color:#334155}
.rv-total{font-weight:700}
.cc-grid{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:.92rem}
.cc-status{margin:4px 0 0;font-weight:700;color:#115e59}
.cc-status.over{color:#b91c1c}
.statement{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;min-height:90px;overflow-wrap:anywhere}
.statement.empty{color:#94a3b8}
.tool-out .big{font-size:1.7rem;font-weight:800;overflow-wrap:anywhere;margin:.2em 0}
table{background:#fff}
thead th{background:#ccfbf1}
.tool-card thead th,.tool-card tbody th{text-align:left}
.tool-card textarea{min-height:100px}
.tool-card .item-head b{font-size:.95rem}
@media print{
  @page{size:A4;margin:15mm}
  html,body{background:#fff!important}
  nav.chrome,footer.chrome,.editor,.badges,.lead,h1,.notice,.btns,.check-row,.small,.ad-slot,.related,.faq,.sources,.updated,.aeo,aside .sticky>h2,.no-print,#home-err,#home-msg,#copy-status{display:none!important}
  main>.card:not(:has(.paper)),main>.layout>.editor{display:none!important}
  .layout{display:block}
  .side,.sticky{position:static!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
  .card{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
  .paper{border:0;box-shadow:none;padding:0;font-size:11pt;min-height:0}
  .rv-sec,.rv-sec li{break-inside:avoid}
  .tool-card{border:0!important;padding:0!important;margin:0!important}
  .statement{border:0;padding:0;font-size:11pt}
}
