/* polish-print.css — print presentation for the Blueprint / Scope / Proposal panes.
 *
 * The parent adds: <link rel="stylesheet" href="polish-print.css"> in <head>,
 * AFTER the inline <style> block, so these rules win on equal specificity.
 *
 * To fill the business name in the printed header line, set
 * data-print-biz="Business Name" on <body> before printing; otherwise the
 * header prints the brand alone.
 */

@page { margin: 16mm 13mm; }

@media print {

  /* ---- printed letterhead line ---- */
  body::before {
    content: "Web Ventures Custom Business Systems \2014 prepared for " attr(data-print-biz);
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .4px;
    border-bottom: 2px solid #000;
    padding-bottom: 8px;
    margin-bottom: 20px;
  }
  body:not([data-print-biz])::before {
    content: "Web Ventures Custom Business Systems";
  }

  /* ---- hide all app chrome: nav, mode switcher, buttons, demo chrome, forms ---- */
  .topbar, .viewnav, .journeyrail, .demostrip,
  .toast, .modal-bg,
  .mini-tabs, .disc-actions, .disc-new, .dsec-foot, .inline-form,
  .pres-nav, .pres-cta, .pres-demobar, .pres-next, .dots, .bizswitch,
  .waitline, .modeline, .internal-banner, .fineprint,
  button, input, select, textarea { display: none !important; }

  /* ---- full width, black on white ---- */
  .wrap { max-width: none; padding: 0; }
  body { background: #fff; color: #000; }
  * {
    color: #000 !important;
    background: transparent !important;
    border-color: #ccc !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  section.card, .v3view {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
  }

  /* ---- readable type scale + clear hierarchy ---- */
  h2.sec-title { font-size: 22px; break-after: avoid; }
  .bp2-block > h3, .scope-block h3, .prop-sec h3 {
    font-size: 18px;
    margin: 0 0 10px;
    break-after: avoid;
  }
  .prop-sec p, .bp2-block, .scope-block { font-size: 14.5px; line-height: 1.6; }
  .prop-sec {
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
  .prop-sec:last-child { border-bottom: none; }

  /* ---- keep sections together across pages ---- */
  .prop-sec, .bp2-block, .scope-block,
  .stage, .opp, .plan-group, .plan-item, .pricing-row,
  .chk-item { break-inside: avoid; }
  table.tbl tr { break-inside: avoid; }
  h3, h4 { break-after: avoid; }
}
