/* Instant estimate (/estimate/, estimate.js), 2026-10-02. Builds on book.css (the paper box, buttons, fields, extras)
   and brand.css (icons, tiles, category colors). */
.skl-est .es-wrap{max-width:860px;margin:36px auto 0}
.skl-est .es-progress{height:8px;background:var(--line)}
.skl-est .es-progress span{display:block;height:100%;width:0;background:var(--teal);transition:width .3s}
.skl-est .es-count{margin:10px 0 18px;font:700 12px/1.2 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.skl-est .bk-main h3{font-size:26px;font-weight:700;margin-bottom:6px}
.skl-est .bk-main h3:focus{outline:none}
.skl-est .es-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.skl-est .es-opts button{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:2px solid var(--line);padding:12px 14px;cursor:pointer;color:var(--teal);font:700 17px/1.25 Outfit,sans-serif}
.skl-est .es-opts button:hover{border-color:var(--gold)}
.skl-est .es-opts button[aria-pressed="true"]{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal)}
.skl-est .es-opts .skl-tile{flex:none;color:#fff}
.skl-est .es-opts button:nth-child(4n+1) .skl-tile{--c:#0b4c72}.skl-est .es-opts button:nth-child(4n+2) .skl-tile{--c:#1270a0}
.skl-est .es-opts button:nth-child(4n+3) .skl-tile{--c:#2196c4}.skl-est .es-opts button:nth-child(4n+4) .skl-tile{--c:#d2561c}
.skl-est .es-seg{margin-top:4px}
.skl-est .es-seg button:hover{border-color:var(--gold)}
.skl-est .es-pkg{margin-top:16px;background:#fff;border-left:4px solid var(--gold);padding:10px 14px}
.skl-est .es-one{grid-template-columns:minmax(0,320px);margin-top:22px}
.skl-est .bk-addon{grid-template-columns:auto auto minmax(0,1fr) auto}
.skl-est .bk-addon em{grid-column:4;grid-row:1}
.skl-est .es-total{margin-top:16px;background:#fff;border:2px solid var(--gold);padding:18px 20px;text-align:center}
.skl-est .es-big{font:700 clamp(30px,5vw,44px)/1.1 Outfit,sans-serif;margin:6px 0}
.skl-est .es-per{font-weight:700;color:var(--muted)}
.skl-est .es-save{display:flex;align-items:center;gap:10px;margin-top:14px;font-weight:700}
.skl-est .es-save .skl-ic{width:22px;height:22px;color:var(--gold-text)}
.skl-est .es-quote{margin-top:12px;font-size:15px;color:var(--muted)}
.skl-est .es-lines li{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.skl-est .es-lines b{white-space:nowrap;text-align:right}
.skl-est .es-market{margin-top:6px;background:var(--cream);border-left:4px solid var(--gold);padding:2px 18px 14px}
.skl-est .es-market p+p{margin-top:10px}
.skl-est .es-market .bk-label{margin-top:14px}
.skl-est .es-fine{margin-top:18px;font-size:14px;color:var(--muted);font-style:italic}
.skl-est .es-actions{display:flex;flex-wrap:wrap;gap:0 12px}
.skl-est .es-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.skl-est .es-check{margin-top:12px}
.skl-est .bk-closed{margin-top:36px}
/* Standard and Corporate / Enterprise (2026-10-03): type cards with a description, the requirement screens, and the
   estimate's sections ("Asset Delivery" with what's in it underneath). */
.skl-est .es-types button{align-items:flex-start}
.skl-est .es-types b{display:block;font-size:19px}
.skl-est .es-types small{display:block;margin-top:6px;font:400 15px/1.45 'Nunito Sans',sans-serif;color:var(--muted)}
.skl-est .es-req{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.skl-est .es-req:first-of-type{border-top:0;padding-top:0}
.skl-est .es-req .bk-label{margin:0 0 8px}
.skl-est .es-req .bk-seg button{min-width:0;font-size:15px;padding:9px 14px;line-height:1.2}
.skl-est .es-req-desc{margin-top:8px;font-size:15px;color:var(--muted);min-height:1em}
.skl-est .es-req-desc:empty{display:none}
.skl-est .es-req-note{margin-top:6px;font-style:italic}
.skl-est .es-sec small{display:block;font-size:13px;color:var(--muted)}
/* The free 15-minute call under the estimate (2026-10-03): a cream box with a tile, then the month and the times. */
.skl-est .es-call{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;align-items:start;margin-top:26px;background:var(--cream);border-left:4px solid var(--gold);padding:18px 20px}
.skl-est .es-call .skl-tile{--c:#133e54}
.skl-est .es-call .bk-label{margin:0 0 6px}
.skl-est .es-call-body>p{margin:0 0 10px}
.skl-est .es-call .bk-btn{margin-top:4px}
.skl-est .es-call .bk-days{margin-top:6px}
.skl-est .es-call .bk-times{margin-top:14px;max-width:520px}
.skl-est .es-call-when{margin:16px 0 0!important;font-weight:700}
.skl-est .es-call-done{font:700 18px/1.35 Outfit,sans-serif}
@media (max-width:680px){
  .skl-est .es-opts{grid-template-columns:1fr}
  .skl-est .es-call{grid-template-columns:1fr;padding:16px}
  .skl-est .es-call .skl-tile{display:none}
  .skl-est .bk-addon{grid-template-columns:auto auto minmax(0,1fr);gap:2px 12px}
  .skl-est .bk-addon em{grid-column:3;grid-row:2;white-space:normal}
  .skl-est .bk-addon>span:not(.skl-tile){grid-column:1/-1;margin-top:4px}
  .skl-est .bk-addon input{grid-column:1;grid-row:1}
  .skl-est .bk-addon .skl-tile{grid-column:2;grid-row:1/span 2}
  .skl-est .bk-addon b{grid-column:3;grid-row:1}
  .skl-est .es-lines li{flex-direction:column;gap:2px}
  .skl-est .es-lines b{text-align:left;white-space:normal}
  .skl-est .es-one{grid-template-columns:1fr}
  .skl-est .es-req .bk-seg button{flex:1 1 auto}
}