/* /14-day/delivered/ — "What we built for you" (light, matches /14-day/dashboard/ v2).
   Page-only styles, scoped to .dl-main. Tokens copied from 14-day/dashboard/dashboard.css
   so this page does not depend on the dashboard file. The shared dark header/footer
   come from brand.css + _14day.css; a 12px font floor for them is at the end of this file. */
.dl-main{
  --c-bg:#f9fafb; --c-card:#fff; --c-sub:#f2f4f7; --c-line:#e4e7ec; --c-line2:#d0d5dd;
  --c-text:#1d2939; --c-head:#101828; --c-muted:#475467; --c-faint:#667085;
  --c-accent:var(--lime,hsl(72 100% 55%)); --c-accent-soft:#f7fdd8; --c-on-accent:#101828;
  --ok:#067647; --ok-bg:#ecfdf3; --ok-line:#abefc6;
  --go:#175cd3; --go-bg:#eff8ff; --go-line:#b2ddff;
  --attn:#b54708; --attn-bg:#fffaeb; --attn-line:#fedf89;
  --r:10px; --r-lg:16px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  background:var(--c-bg);color:var(--c-text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.55;min-height:60vh
}
.dl-main *{letter-spacing:normal}
.dl-main section{border-top:0;padding:0}
.dl-main a{color:var(--c-head);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--c-line2)}
.dl-main a:hover{text-decoration-color:var(--c-head)}
.dl-main :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.dl-main :focus-visible{outline:3px solid #1570ef;outline-offset:2px;border-radius:6px}
.dl-main .hidden{display:none!important}
.dl-main .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dl-banner{background:#fef0c7;border-bottom:1px solid #fedf89;color:#7a2e0e;text-align:center;padding:.55rem 1rem;font-size:.92rem}
.dl-wrap{max-width:1080px;margin:0 auto;padding:2rem 1.25rem 3.5rem}
.dl-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:1.4rem 1.45rem;box-shadow:var(--shadow)}
.dl-eyebrow{font-size:.85rem;font-weight:700;color:var(--c-muted);margin:0 0 .35rem}
.dl-h1{font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.12;font-weight:800;color:var(--c-head);margin:0 0 .5rem;letter-spacing:-.02em}
.dl-h2{font-size:1.4rem;line-height:1.25;font-weight:800;color:var(--c-head);margin:0 0 .3rem;letter-spacing:-.01em}
.dl-lead{font-size:1.1rem;color:var(--c-text);max-width:62ch;margin:0}
.dl-meta{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-top:1rem;align-items:center;font-size:.92rem;color:var(--c-muted)}
.dl-section{margin-top:2.5rem}
.dl-sechead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}
.dl-sechead p{margin:0;color:var(--c-muted);max-width:62ch}
.dl-kicker{display:inline-flex;align-items:center;gap:.35rem;background:var(--c-accent);color:var(--c-on-accent);font-weight:800;font-size:.8rem;border-radius:999px;padding:.2rem .65rem;margin-bottom:.55rem}
.dl-link{font-weight:700}
.dl-links{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:1rem;font-size:.95rem}
/* chips */
.dl-main .db-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.18rem .6rem;font-size:.8rem;font-weight:700;line-height:1.35;border:1px solid var(--c-line);background:var(--c-sub);color:var(--c-muted);white-space:nowrap}
.dl-main .db-chip::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;flex:none}
.dl-main .db-chip.done{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}
.dl-main .db-chip.done::before{content:"✓";width:auto;height:auto;background:none;font-size:.75rem}
.dl-main .db-chip.in_progress{background:var(--go-bg);border-color:var(--go-line);color:var(--go)}
.dl-main .db-chip.waiting_client,.dl-main .db-chip.blocked{background:var(--attn-bg);border-color:var(--attn-line);color:var(--attn)}
.dl-main .db-chip.blocked::before{border-radius:2px}
.dl-main .db-chip.planned,.dl-main .db-chip.not_started{background:#fff}
.dl-main .db-chip.planned::before,.dl-main .db-chip.not_started::before{background:transparent;border:1.5px solid currentColor}
/* tooltip */
.dl-main .db-tipwrap{display:inline-flex;align-items:center;gap:.25rem}
.dl-main .tip{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--c-line2);background:#fff;color:var(--c-muted);font-size:.75rem;font-weight:800;line-height:1;flex:none;padding:0;position:relative}
.dl-main .tip::after{content:"";position:absolute;inset:-10px}
.dl-main .tip:hover,.dl-main .tip[aria-expanded=true]{border-color:var(--c-text);color:var(--c-head);background:var(--c-accent)}
.db-tip{position:fixed;z-index:80;max-width:min(300px,calc(100vw - 24px));background:#101828;color:#fff;border-radius:10px;padding:.65rem .8rem;font:500 .88rem/1.5 Manrope,system-ui,sans-serif;box-shadow:0 12px 24px -6px rgba(16,24,40,.3)}
.db-tip b{color:var(--lime,hsl(72 100% 55%))}
/* secondary deliverables list */
.dl-list{list-style:none;margin:0;padding:0;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;overflow:hidden}
.dl-row{display:grid;grid-template-columns:1fr auto;gap:.2rem .9rem;align-items:center;padding:.8rem 1rem;border-top:1px solid var(--c-line)}
.dl-row:first-child{border-top:0}
.dl-row .t{font-weight:600;color:var(--c-head);display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.dl-row .s{grid-column:1/-1;font-size:.86rem;color:var(--c-muted)}

/* ── FEATURED TWO: "Your site" + "Your lead-capture tool" (same block on
   /14-day/delivered/ and the dashboard's Your files tab / Today card) ── */
.dl-main .ft-two{display:grid;gap:1.1rem}
@media(min-width:820px){.dl-main .ft-two{grid-template-columns:1fr 1fr}}
.dl-main .ft-card{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid #738c00;border-radius:var(--r-lg);box-shadow:0 10px 24px -10px rgba(16,24,40,.18),0 2px 4px -2px rgba(16,24,40,.06);overflow:hidden;min-width:0}
.dl-main .ft-card.is-wait{border-color:var(--c-line2)}
.dl-main .ft-card.has-flag .ft-frame{padding-top:2.75rem}
.dl-main .ft-flag{position:absolute;top:.7rem;left:.9rem;z-index:2;background:var(--c-accent);color:var(--c-on-accent);font-weight:800;font-size:.78rem;border-radius:999px;padding:.2rem .65rem;box-shadow:0 1px 2px rgba(16,24,40,.12)}
.dl-main .ft-frame{display:block;background:var(--c-sub);border-bottom:1px solid var(--c-line);padding:.9rem .9rem 0;text-decoration:none!important;color:inherit}
.dl-main a.ft-frame:hover .ft-win{box-shadow:0 8px 18px -8px rgba(16,24,40,.35)}
.dl-main .ft-win{border:1px solid var(--c-line2);border-bottom:0;border-radius:10px 10px 0 0;background:#fff;overflow:hidden;transition:box-shadow .15s}
.dl-main .ft-bar{display:flex;align-items:center;gap:.3rem;padding:.4rem .55rem;background:#f2f4f7;border-bottom:1px solid var(--c-line)}
.dl-main .ft-bar i{width:.55rem;height:.55rem;border-radius:50%;background:#d0d5dd;flex:none}
.dl-main .ft-url{margin-left:.45rem;flex:1;min-width:0;background:#fff;border:1px solid var(--c-line);border-radius:6px;padding:.1rem .5rem;font:600 .75rem "JetBrains Mono",ui-monospace,monospace;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-main .ft-shot{position:relative;aspect-ratio:16/8.5;background:#0b0b0a;overflow:hidden}
.dl-main .ft-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.dl-main .ft-shot.is-wait img{filter:grayscale(.2) blur(1.5px);opacity:.55}
/* placeholder sketch when there is no screenshot yet */
.dl-main .ft-sk{position:absolute;inset:0;background:#fff;padding:7% 8%;display:flex;flex-direction:column;gap:.45rem}
.dl-main .ft-sk b{display:block;height:.55rem;border-radius:4px;background:#e4e7ec}
.dl-main .ft-sk .nav{display:flex;justify-content:space-between;margin-bottom:.5rem}
.dl-main .ft-sk .nav b{width:22%}
.dl-main .ft-sk .nav b+b{width:34%}
.dl-main .ft-sk .h{height:1.05rem;width:72%;background:#d0d5dd}
.dl-main .ft-sk .h2{height:1.05rem;width:52%;background:#d0d5dd}
.dl-main .ft-sk .l{width:86%}
.dl-main .ft-sk .l2{width:64%}
.dl-main .ft-sk .btn{height:1.4rem;width:34%;border-radius:999px;background:var(--c-accent);margin-top:.35rem;border:1px solid #738c00}
.dl-main .ft-sk .opt{height:1.25rem;width:100%;border:1px solid var(--c-line2);background:#fff;border-radius:8px}
.dl-main .ft-sk .opt.on{border-color:#738c00;background:var(--c-accent-soft)}
.dl-main .ft-shot .ft-over{position:absolute;inset:auto .6rem .6rem auto;background:rgba(16,24,40,.88);color:#fff;font-weight:700;font-size:.8rem;border-radius:999px;padding:.25rem .7rem}
.dl-main .ft-body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.dl-main .ft-top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.dl-main .ft-ic{width:2.4rem;height:2.4rem;border-radius:12px;background:var(--c-accent-soft);border:1px solid #c8de6a;color:#3f5300;display:inline-flex;align-items:center;justify-content:center;flex:none}
.dl-main .ft-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dl-main .ft-card h3{font-size:1.3rem;line-height:1.2;font-weight:800;color:var(--c-head);margin:0;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.3rem}
.dl-main .ft-card p{margin:0;color:var(--c-text);font-size:1rem;line-height:1.55}
.dl-main .ft-act{display:flex;align-items:center;gap:.5rem .9rem;flex-wrap:wrap;margin-top:auto;padding-top:.35rem}
.dl-main .ft-note{font-size:.88rem;color:var(--c-muted)}
.dl-main .ft-btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:var(--r);padding:.8rem 1.25rem;font-weight:800;font-size:1rem;line-height:1.2;text-decoration:none!important;border:1px solid #738c00;background:var(--c-accent);color:var(--c-on-accent)!important;cursor:pointer}
.dl-main .ft-btn:hover{filter:brightness(.96)}
.dl-main .ft-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dl-main .ft-btn.is-off{background:var(--c-sub);border:1px dashed #7d8799;color:var(--c-muted)!important;cursor:default;filter:none}
/* compact version (dashboard Today card) */
.dl-main .ft-mini{display:grid;gap:.6rem}
.dl-main .ft-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.15rem .7rem;align-items:center;border:2px solid #738c00;background:#fff;border-radius:var(--r);padding:.65rem .75rem}
.dl-main .ft-tile.is-wait{border-color:var(--c-line2);background:var(--c-sub)}
.dl-main .ft-tile .ft-ic{width:2.1rem;height:2.1rem;grid-row:span 2}
.dl-main .ft-tile b{font-weight:800;color:var(--c-head);line-height:1.25;display:inline-flex;align-items:center;gap:.3rem}
.dl-main .ft-tile .ft-note{grid-column:2;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dl-main .ft-tile .ft-btn{grid-row:span 2;grid-column:3;padding:.55rem .8rem;font-size:.9rem;white-space:nowrap}
@media(max-width:400px){.dl-main .ft-tile{grid-template-columns:auto 1fr}.dl-main .ft-tile .ft-btn{grid-column:1/-1;grid-row:auto;justify-content:center}}
.dl-main .ft-rest{margin-top:2rem}
/* shared dark header + footer on this page: nothing under 12px */
header.top .btn-mini,.legal-fine p,.legal-fine .mono{font-size:.75rem}
header.top .btn-mini{white-space:nowrap}