/* Commercial Lease Term Extractor landing page.
   Loaded only by /tools/commercial-lease-term-extractor. */

/* Price line under the drop zone */
.cl-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;max-width:680px;margin:14px 0 0;padding:14px 16px;border:1px solid #c9d6e8;border-radius:14px;background:#fff;color:var(--ink,#071b35);font-size:.95rem;line-height:1.45}
.cl-price strong{font-size:1.05rem}
.cl-price span{color:var(--muted,#52647b)}
.cl-price-links{display:flex;flex-wrap:wrap;gap:4px 20px;width:100%}
.cl-price-links a,.cl-links a{display:inline-flex;align-items:center;min-height:40px;color:#1548c7;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.cl-price-links a:focus-visible,.cl-links a:focus-visible,.cl-preview:focus-visible{outline:3px solid #1f5cf0;outline-offset:2px;border-radius:4px}

/* Result preview card */
.cl-preview{min-width:0;padding:18px 22px 22px}
.cl-source{margin:0 0 16px;padding:12px 14px;border-left:4px solid #3159b8;border-radius:0 10px 10px 0;background:#f2f6fd;color:var(--ink,#071b35);font:600 .86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.cl-source small{display:block;margin-bottom:4px;font:700 .74rem/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#3159b8}
.cl-sheet{margin:0 0 14px}
.cl-sheet h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 6px;font-size:.92rem}
.cl-sheet h3 span{color:var(--muted,#52647b);font-size:.8rem;font-weight:600}
.cl-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.86rem;line-height:1.4}
.cl-table th,.cl-table td{padding:8px 8px;border-bottom:1px solid #dfe7f2;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.cl-table thead th{border-bottom:2px solid #c9d6e8;color:var(--muted,#52647b);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.cl-table th[scope=row]{font-weight:750;color:var(--ink,#071b35)}
.cl-table .cl-col-term{width:30%}
.cl-table .cl-col-page{width:16%}
.cl-table q{display:block;margin-top:3px;color:var(--muted,#52647b);font-size:.8rem}
.cl-empty{margin:0;padding:10px 12px;border:1px dashed #b9c8dc;border-radius:10px;color:var(--muted,#52647b);font-size:.85rem;line-height:1.5}
.cl-files{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.cl-files li{padding:5px 10px;border:1px solid #9bc7b0;border-radius:999px;background:#effaf4;color:#065f3c;font-size:.8rem;font-weight:700}

/* What fits in one job */
.cl-fit-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}
.cl-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--line,#d7e1ee);border-radius:16px;background:var(--line,#d7e1ee);overflow:hidden}
.cl-limits div{min-width:0;padding:16px 18px;background:#fff}
.cl-limits dt{margin:0 0 4px;color:var(--muted,#52647b);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cl-limits dd{margin:0;color:var(--ink,#071b35);font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.cl-limits dd small{display:block;margin-top:2px;color:var(--muted,#52647b);font-size:.84rem;font-weight:500}
.cl-long{min-width:0;padding:20px;border:1px solid #c9d6e8;border-radius:16px;background:#f7faff}
.cl-long h3{margin:0 0 8px;font-size:1.05rem}
.cl-long p{margin:0 0 10px;color:var(--ink,#071b35);line-height:1.6}
.cl-long p:last-child{margin-bottom:0}
.cl-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:18px}

@media (max-width:900px){
  .cl-fit-grid{grid-template-columns:minmax(0,1fr)}
  .mt-public .mt-hero .mt-promise>.cl-price{order:5}
}
@media (max-width:520px){
  .cl-limits{grid-template-columns:minmax(0,1fr)}
  .cl-preview{padding:16px 14px 18px}
  .cl-table{font-size:.82rem}
  .cl-table th,.cl-table td{padding:7px 5px}
  .cl-table .cl-col-term{width:28%}
  .cl-table .cl-col-page{width:18%}
}