/*
 Theme Name:   ContractorsInsured Blueprint (Surince Child)
 Template:     surince
 Description:  Blueprint design-system re-skin for the blog (index + single posts). Keeps the team Gutenberg/Elementor workflow + Yoast schema; styles every post automatically.
 Version:      1.2
*/

:root{--ink:#0E2A47;--ink-2:#0A2038;--cyan:#3C9CC2;--cyan-line:rgba(60,156,194,.28);--paper:#EEF2F6;--paper-2:#F7F9FB;--graphite:#2B2F36;--amber:#F2A900;--line:rgba(255,255,255,.14);--rule:#dde4ec}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  img{display:block;max-width:100%}
  body{font-family:"IBM Plex Sans",system-ui,sans-serif;color:var(--graphite);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
  .mono{font-family:"IBM Plex Mono",monospace}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
  .narrow{max-width:880px}
  a{color:var(--ink);text-decoration:none}
  .prose a{border-bottom:1px solid var(--cyan);font-weight:500}.prose a:hover{color:var(--cyan)}
  h2{font-family:"Archivo";font-weight:800;letter-spacing:-.02em;color:var(--ink);font-size:29px;line-height:1.15;margin-bottom:14px;overflow-wrap:break-word}
  h3{font-family:"Archivo";font-weight:700;color:var(--ink);font-size:19px;margin-bottom:8px}
  .eyebrow{font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .eyebrow::before{content:"";width:34px;height:1px;background:var(--cyan)}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:6px;padding:11px 18px;font-size:14.5px;cursor:pointer;border:0;font-family:inherit}
  .btn-amber{background:var(--amber);color:#1a1300}.btn-amber:hover{filter:brightness(1.06)}
  .btn-ghost{border:1px solid rgba(255,255,255,.32);color:#fff;background:transparent}
  .btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--cyan)}
  .util{background:var(--ink-2);color:#cdd9e6;font-size:13px}
  .util .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;font-family:"IBM Plex Mono",monospace}
  .util b{color:#fff;font-weight:500}
  header{background:var(--ink);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;gap:30px;height:74px}
  .nav .logo img{height:34px;width:auto}
  nav.main{display:flex;margin-left:auto;gap:2px;align-items:stretch}
  .nav .btn{margin-left:6px}
  .hdr-call{align-items:center;gap:6px}.hdr-call svg{flex:none}
  .navitem{position:relative;display:flex;align-items:center}
  .navitem>a{display:flex;align-items:center;gap:5px;height:74px;padding:0 11px;font-size:14.5px;font-weight:500;color:#c9d6e4}
  .navitem>a:hover,.navitem:focus-within>a{color:#fff}
  .navitem .car{font-size:8px;opacity:.6;transition:transform .15s}
  .navitem:hover .car,.navitem:focus-within .car{opacity:1;transform:rotate(180deg)}
  .dropdown{position:absolute;top:100%;left:0;min-width:236px;background:#fff;border:1px solid var(--rule);border-top:2px solid var(--cyan);border-radius:0 0 10px 10px;box-shadow:0 18px 40px -16px rgba(5,20,40,.45);padding:7px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .14s,transform .14s;z-index:40}
  .navitem:hover .dropdown,.navitem:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  .dropdown a{display:block;padding:9px 12px;font-size:14px;color:var(--graphite);border-radius:6px;white-space:nowrap}
  .dropdown a:hover{background:var(--paper);color:var(--ink)}
  .navtoggle{display:none;flex-direction:column;gap:5px;background:transparent;border:0;cursor:pointer;padding:14px 11px}
  .navtoggle span{width:22px;height:2px;background:#fff;border-radius:2px;transition:.2s}
  .navtoggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .navtoggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .navtoggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobilemenu{display:none}
  .hero{position:relative;color:#fff;background:#0A2038}
  .hero .ov{position:absolute;inset:0;background:linear-gradient(100deg,var(--ink) 0%,rgba(10,32,56,.93) 46%,rgba(10,32,56,.6) 100%)}
  .hero .grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--cyan-line) 1px,transparent 1px),linear-gradient(90deg,var(--cyan-line) 1px,transparent 1px);background-size:46px 46px;opacity:.4;mask-image:radial-gradient(120% 90% at 60% 0%,#000 30%,transparent 80%)}
  .hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:42px 28px 58px;align-items:start}
  .crumb{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;color:#9fb6cc;margin-bottom:18px;text-transform:uppercase}
  .crumb a{color:#9fb6cc}.crumb a:hover{color:var(--cyan)}
  h1{font-family:"Archivo";font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-.025em;color:#fff;margin-bottom:16px;overflow-wrap:break-word}
  h1 .hl{color:var(--amber)}
  .hero .sub{font-size:17.5px;color:#cddae7;max-width:30em;margin-bottom:22px}
  .trust-row{display:flex;flex-wrap:wrap;gap:9px}
  .chip{font-family:"IBM Plex Mono",monospace;font-size:12px;border:1px solid var(--line);border-radius:5px;padding:7px 11px;color:#dce7f1;background:rgba(255,255,255,.04)}
  .chip b{color:var(--cyan);font-weight:600}
  .formcard{background:var(--paper-2);color:var(--graphite);border-radius:12px;padding:24px;box-shadow:0 24px 60px -20px rgba(5,20,40,.6);position:relative}
  .formcard::before{content:"QUOTE / COI REQUEST";position:absolute;top:-11px;left:22px;background:var(--amber);color:#1a1300;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.08em;padding:4px 10px;border-radius:4px}
  .formcard h3{font-size:19px;margin:4px 0 3px}
  .formcard p.hint{font-size:13px;color:#5a6370;margin-bottom:14px}
  .field{margin-bottom:11px}
  .field label{display:block;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#56606d;margin-bottom:5px}
  .field input,.field select{width:100%;font-size:16px;font-family:inherit;padding:11px 12px;border:1.5px solid #d4dbe3;border-radius:7px;background:#fff;color:var(--ink)}
  .field input::placeholder{font-size:13px;color:#9aa6b3}
  .field input:focus,.field select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(60,156,194,.18)}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
  .hp{position:absolute;left:-9999px}
  .submit{width:100%;background:var(--ink);color:#fff;justify-content:center;margin-top:6px;padding:13px}.submit:hover{background:var(--cyan)}
  .formcard .alt{text-align:center;font-size:13px;margin-top:11px;color:#5a6370}
  .formcard .alt a{font-weight:600;border-bottom:1px solid var(--cyan)}
  .formstatus{display:none;text-align:center;font-size:14px;margin-top:10px}
  article{padding:42px 0 20px}
  .tldr{background:#fff;border:1px solid var(--rule);border-left:4px solid var(--amber);border-radius:10px;padding:20px 24px;margin:0 0 26px;box-shadow:0 8px 26px -18px rgba(14,42,71,.4)}
  .tldr .lbl{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-weight:600;margin-bottom:7px}
  .tldr p{font-size:16.5px;color:var(--ink-2)}
  .author{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:#5a6370;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;margin-bottom:30px}
  .author .av{width:42px;height:42px;border-radius:50%;flex:none;background:url('https://contractorsinsured.net/wp-content/uploads/2026/04/pascal.png') center/cover,var(--ink)}
  .author b{color:var(--ink)}
  section.blk{padding:26px 0;border-top:1px solid var(--rule)}
  section.blk:first-of-type{border-top:0}
  .inbrief{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:13px 16px;font-size:15px;color:#41505d;margin:0 0 16px}
  .inbrief b{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
  .prose{font-size:16px;color:#3a444f}.prose p{margin-bottom:14px}.prose h3{margin-top:22px}
  .ul{list-style:none;margin:6px 0 14px}
  .ul li{position:relative;padding-left:26px;margin-bottom:9px;font-size:15.5px}
  .ul li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;border:2px solid var(--cyan);border-radius:2px}
  .ul li b{color:var(--ink)}
  .pitfalls{display:grid;gap:12px;margin-top:6px}
  .pf{background:#fff;border:1px solid var(--rule);border-left:3px solid var(--cyan);border-radius:8px;padding:16px 20px}
  .pf .n{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--cyan);font-weight:600}
  .pf h4{font-family:"Archivo";font-weight:700;font-size:16.5px;color:var(--ink);margin:4px 0 6px}
  .pf p{font-size:14.5px;color:#5a6370}
  .tbl-wrap{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--rule);border-radius:10px}
  table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:440px}
  table caption{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);text-align:left;padding:11px 14px;border-bottom:1px solid var(--rule)}
  th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
  thead th{background:var(--ink);color:#fff;font-family:"Archivo";font-weight:600;font-size:13.5px}
  tbody tr:nth-child(even){background:var(--paper-2)}
  td b{color:var(--ink)}
  .cta-band{background:var(--ink);color:#fff;border-radius:12px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px 0}
  .cta-band p{color:#c4d2e1;font-size:15.5px;max-width:40em}.cta-band b{color:#fff}
  .cta-band .acts{display:flex;gap:10px;flex-wrap:wrap}
  .faqs{background:var(--paper-2);margin-top:14px}
  .faqlist{margin-top:10px;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:#fff}
  details.faq{border-bottom:1px solid var(--rule)}details.faq:last-child{border-bottom:0}
  details.faq summary{cursor:pointer;list-style:none;padding:17px 22px;font-family:"Archivo";font-weight:600;font-size:16px;color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq summary::after{content:"+";font-family:"IBM Plex Mono",monospace;color:var(--cyan);font-size:20px}
  details.faq[open] summary::after{content:"-"}
  details.faq .a{padding:0 22px 18px;font-size:15px;color:#4a545f}
  .disclaimer{font-size:13px;color:#6b7682;background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:14px 16px;margin-top:18px}
  .cta{background:var(--amber);color:#1a1300}
  .cta .wrap{padding:42px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
  .cta h2{color:#1a1300;font-size:28px;max-width:20em}
  .cta .acts{display:flex;gap:12px;flex-wrap:wrap}
  .cta .btn-out{border:1.5px solid rgba(26,19,0,.4);color:#1a1300;background:transparent;padding:14px 22px}.cta .btn-ink{padding:14px 22px}
  footer{background:var(--ink-2);color:#9fb1c4;font-size:14px}
  footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:50px 28px 34px;max-width:1180px;margin:0 auto}
  footer img{height:30px;margin-bottom:14px}
  footer h5{color:#fff;font-family:"Archivo";font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:13px}
  footer a{display:block;color:#9fb1c4;padding:5px 0;font-size:14px}footer a:hover{color:var(--cyan)}
  footer .bottom{border-top:1px solid var(--line)}
  footer .bottom .wrap{padding:16px 28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:"IBM Plex Mono",monospace;font-size:12px}
  .mobar{display:none}
  /* Hide the legacy "Call Now Button" plugin FAB on the blog — our sticky CTA bar replaces it (it overlapped the bar on mobile). */
  #callnowbutton{display:none!important}
  @media(max-width:880px){
    .wrap{padding:0 22px}
    .hero .wrap{grid-template-columns:1fr;gap:30px;padding:34px 22px 48px}
    h1{font-size:34px}h2{font-size:25px}
    nav.main,.util{display:none}
    .nav{height:60px;gap:10px}.nav .logo img{height:29px}
    .hdr-quote{display:none}
    .nav .hdr-call{margin-left:auto;padding:10px 16px;font-size:15px}.hdr-call .num{display:none}
    .navtoggle{display:flex;margin-left:6px}
    .mobilemenu:not([hidden]){display:block;position:fixed;top:60px;left:0;right:0;background:var(--ink);border-top:1px solid var(--line);z-index:45;padding:4px 0;box-shadow:0 16px 30px -10px rgba(0,0,0,.55)}
    .mobilemenu a{display:block;color:#dce7f1;padding:13px 22px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06)}
    .mobilemenu .mm-quote{color:var(--amber);font-weight:600;border-bottom:0}
    footer .top{grid-template-columns:1fr 1fr;gap:22px}
    .cta-band{flex-direction:column;align-items:flex-start}
    .mobar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--ink);border-top:1px solid var(--line)}
    .mobar a{flex:1;text-align:center;color:#fff;padding:14px;font-weight:600;font-size:15px}
    .mobar a.call{background:var(--amber);color:#1a1300}
    body{padding-bottom:54px}
  }
  .bhero .wrap{padding:38px 28px 46px}
  .bmeta{display:flex;align-items:center;gap:13px;margin-top:18px;flex-wrap:wrap}
  .bmeta .av{width:44px;height:44px;border-radius:50%;flex:none;background:url('https://contractorsinsured.net/wp-content/uploads/2026/04/pascal.png') center/cover,var(--ink-2);border:2px solid var(--cyan-line)}
  .bmeta .who{font-size:14px;color:#dce7f1}.bmeta .who b{color:#fff;font-weight:600}
  .bmeta .meta-x{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#9fb6cc;letter-spacing:.03em}
  .post-body{font-size:17px;color:#33404d;line-height:1.75}
  .post-body p{margin-bottom:16px}
  .post-body h2{font-size:26px;margin:36px 0 12px;scroll-margin-top:88px}
  .post-body h3{font-size:19px;margin:24px 0 8px;color:var(--ink)}
  .post-body h4{font-family:"Archivo";font-weight:700;font-size:16.5px;color:var(--ink);margin:4px 0 6px}
  .post-body a{color:var(--ink);border-bottom:1px solid var(--cyan);font-weight:500}.post-body a:hover{color:var(--cyan)}
  /* In-article .btn CTAs. `.post-body a` (0,1,1) outranks `.btn-ink` (0,1,0), so a btn-ink CTA
     inside the article renders var(--ink) text on a var(--ink) ground: navy on navy, 1:1 contrast.
     Re-assert the button colours at higher specificity so the button classes work in the body,
     and drop the body-link underline that sits under a filled button. Added 2026-08-31. */
  .post-body a.btn-ink{color:#fff;border-bottom:0}
  .post-body a.btn-ink:hover{color:#fff;background:var(--cyan)}
  /* Re-skin the team's inline-styled in-content CTA buttons (Elementor blue #2f80ed) to Blueprint amber. */
  .post-body a[style*="2f80ed"]{background-color:var(--amber)!important;color:var(--ink)!important;border:0!important;border-radius:8px!important;font-family:"Archivo",sans-serif!important;box-shadow:0 6px 18px rgba(242,169,0,.30)!important;transition:transform .15s ease,box-shadow .15s ease}
  .post-body a[style*="2f80ed"]:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(242,169,0,.38)!important;color:var(--ink)!important}
  .post-body ul{list-style:none;margin:6px 0 18px;padding:0}
  .post-body ul li{position:relative;padding-left:26px;margin-bottom:9px}
  .post-body ul li::before{content:"";position:absolute;left:2px;top:10px;width:9px;height:9px;border:2px solid var(--cyan);border-radius:2px}
  .post-body ol{margin:6px 0 18px 20px}.post-body ol li{margin-bottom:8px}
  .post-body blockquote{margin:22px 0;padding:15px 22px;border-left:4px solid var(--amber);background:var(--paper-2);border-radius:0 10px 10px 0;font-size:17px;color:var(--ink-2);font-family:"IBM Plex Sans";font-style:italic}
  .post-body .inbrief{background:var(--paper-2);border:1px solid var(--rule);border-left:3px solid var(--cyan);border-radius:8px;padding:13px 17px;font-size:15.5px;color:#41505d;margin:0 0 18px}
  .post-body .inbrief b{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
  .post-body .tbl-wrap{overflow-x:auto;margin:10px 0 20px;border:1px solid var(--rule);border-radius:10px}
  .post-body table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
  .post-body th,.post-body td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
  .post-body thead th{background:var(--ink);color:#fff;font-family:"Archivo";font-weight:600;font-size:13.5px}
  .post-body tbody tr:nth-child(even){background:var(--paper-2)}.post-body td b{color:var(--ink)}
  .toc{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:18px 22px;margin:6px 0 30px;box-shadow:0 8px 26px -18px rgba(14,42,71,.4)}
  .toc .lbl{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:10px}
  .toc ol{list-style:none;counter-reset:t;margin:0;padding:0;columns:2;column-gap:30px}
  .toc li{counter-increment:t;margin-bottom:8px;font-size:14.5px;break-inside:avoid}
  .toc li a{color:var(--graphite);border:0}
  .toc li a::before{content:counter(t,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;color:var(--cyan);font-size:11.5px;margin-right:8px}
  .toc li a:hover{color:var(--cyan)}
  .midcta{background:linear-gradient(100deg,var(--ink),var(--ink-2));color:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0}
  .midcta p{color:#cdd9e6;font-size:15px;margin:0;max-width:32em}.midcta b{color:#fff}
  /* 2-col article with sticky sidebar quote form (desktop CRO) */
  .blog2col{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:44px;align-items:start}
  .blograil{position:sticky;top:92px}
  .railcard{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--amber);border-radius:12px;padding:22px;box-shadow:0 16px 44px -26px rgba(14,42,71,.55)}
  .railcard .lbl{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:8px}
  .railcard h3{font-family:"Archivo";font-weight:800;color:var(--ink);font-size:19px;line-height:1.15;margin-bottom:5px}
  .railcard .rp{font-size:13px;color:#5a6370;margin-bottom:14px}
  .railform .field{margin-bottom:9px}
  .railform input{width:100%;font-size:16px;font-family:inherit;padding:10px 12px;border:1.5px solid #d4dbe3;border-radius:7px;color:var(--ink)}
  .railform input::placeholder{font-size:13px;color:#9aa6b3}
  .railform input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(60,156,194,.18)}
  .railform .submit{width:100%;background:var(--amber);color:#1a1300;border:0;border-radius:6px;padding:12px;font-weight:600;font-size:14.5px;font-family:inherit;cursor:pointer;margin-top:3px}
  .railform .submit:hover{filter:brightness(1.05)}
  .railtrust{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
  .railtrust span{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:#5a6370;border:1px solid var(--rule);border-radius:4px;padding:4px 7px}
  .railalt{text-align:center;font-size:12.5px;color:#5a6370;margin-top:11px}.railalt a{color:var(--ink);font-weight:600;border-bottom:1px solid var(--cyan)}
  .railstatus{display:none;font-size:13px;text-align:center;margin-top:8px}
  @media(max-width:980px){.blog2col{grid-template-columns:minmax(0,1fr)}.blograil{display:none}}
  .endcta{background:var(--ink);color:#fff;border-radius:14px;padding:30px;margin:34px 0 10px;position:relative;overflow:hidden}
  .endcta .grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--cyan-line) 1px,transparent 1px),linear-gradient(90deg,var(--cyan-line) 1px,transparent 1px);background-size:40px 40px;opacity:.3;mask-image:radial-gradient(120% 100% at 80% 0%,#000 20%,transparent 75%)}
  .endcta h2{color:#fff!important;font-size:25px;position:relative;margin-bottom:8px}
  .endcta p{color:#c4d2e1;position:relative;margin-bottom:18px;max-width:34em}
  .endcta .acts{position:relative;display:flex;gap:11px;flex-wrap:wrap}
  .bio{display:flex;gap:18px;align-items:flex-start;background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;padding:22px 24px;margin:26px 0}
  .bio .av{width:64px;height:64px;border-radius:50%;flex:none;background:url('https://contractorsinsured.net/wp-content/uploads/2026/04/pascal.png') center/cover,var(--ink)}
  .bio h4{font-family:"Archivo";font-weight:700;color:var(--ink);font-size:17px;margin-bottom:3px}
  .bio .role{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
  .bio p{font-size:14.5px;color:#52606d;margin-bottom:12px}.bio .acts{display:flex;gap:10px;flex-wrap:wrap}
  /* index */
  .featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:#fff;border:1px solid var(--rule);border-radius:14px;overflow:hidden;margin:30px 0;box-shadow:0 14px 40px -24px rgba(14,42,71,.5)}
  .featured .ph{min-height:300px;background-size:cover;background-position:center}
  .featured .bd{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
  .cat{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:10px}
  .featured h2{font-size:27px;margin-bottom:10px}.featured h2 a{color:var(--ink)}
  .featured p{font-size:15.5px;color:#52606d;margin-bottom:16px}
  .pmeta{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#71808d;display:flex;gap:9px;align-items:center}
  .postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:8px 0 10px}
  .pcard{background:#fff;border:1px solid var(--rule);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
  .pcard:hover{transform:translateY(-3px);box-shadow:0 16px 36px -22px rgba(14,42,71,.55)}
  .pcard .ph{height:154px;background-size:cover;background-position:center;border-bottom:1px solid var(--rule)}
  .pcard .bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
  .pcard h3{font-size:16.5px;line-height:1.3;margin-bottom:10px}.pcard h3 a{color:var(--ink)}.pcard h3 a:hover{color:var(--cyan)}
  .pcard .pmeta{margin-top:auto;padding-top:12px}
  .leadband{background:var(--ink);color:#fff;border-radius:14px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:34px 0 10px}
  .leadband h2{color:#fff;font-size:24px;max-width:20em}.leadband .acts{display:flex;gap:11px;flex-wrap:wrap}
  @media(max-width:880px){.toc ol{columns:1}.featured{grid-template-columns:1fr}.featured .ph{min-height:200px}.postgrid{grid-template-columns:1fr}.bio{flex-direction:column}.midcta{flex-direction:column;align-items:flex-start}}
  .hero .photo{position:absolute;inset:0;background:url('https://contractorsinsured.net/wp-content/uploads/2026/02/contractor-coi-compliance-construction-site-scaled-1536x838.png') center/cover}

/* ci-header-breakpoint-fix 2026-09-05 | intermediate header breakpoints 881-1094px. This block is duplicated verbatim in surince-child/style.css and in 106 rebuild pages under uploads/*-rebuild/index.html. Change it in all 107 or not at all. */
@media (min-width: 881px) {
  header .wrap.nav > .logo {
    flex: 0 0 auto;
  }

  header .wrap.nav .logo img {
    width: auto;
    max-width: none;
    flex-shrink: 0;
  }

  header .wrap.nav .hdr-call,
  header .wrap.nav .hdr-quote {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  header nav.main .navitem > a {
    white-space: nowrap;
  }
}

@media (min-width: 1000px) and (max-width: 1094px) {
  header .wrap.nav {
    gap: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  header .wrap.nav .logo img {
    height: 31px;
  }

  header nav.main {
    gap: 16px;
  }

  header nav.main .navitem > a {
    font-size: 13.5px;
    padding: 0 7px;
  }

  header .wrap.nav .btn {
    margin-left: 0;
  }

  header .wrap.nav .hdr-call,
  header .wrap.nav .hdr-quote {
    padding: 10px 14px;
    font-size: 13.5px;
  }
}

@media (min-width: 881px) and (max-width: 999px) {
  header .wrap.nav {
    gap: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }

  header .wrap.nav .logo img {
    height: 27px;
  }

  header nav.main {
    gap: 12px;
  }

  header nav.main .navitem > a {
    font-size: 13px;
    padding: 0 5px;
  }

  header .wrap.nav .btn {
    margin-left: 0;
  }

  header .wrap.nav .hdr-call,
  header .wrap.nav .hdr-quote {
    padding: 9px 12px;
    font-size: 13px;
  }
}
/* end ci-header-breakpoint-fix */


/* CI blog: make horizontally-scrolling article tables discoverable on phones. */
@media (max-width: 780px){

  /* Scroll shadow. The white mask layers scroll WITH the content (local) and the
     shadow layers do not (scroll), so the hint appears only while there is more
     table to the right and disappears at the end. No JS. */
  .post-body .tbl-wrap{
    background-image:
      linear-gradient(to right,  #ffffff 40%, rgba(255,255,255,0)),
      linear-gradient(to left,   #ffffff 40%, rgba(255,255,255,0)),
      linear-gradient(to right,  rgba(14,42,71,.20), rgba(14,42,71,0)),
      linear-gradient(to left,   rgba(14,42,71,.20), rgba(14,42,71,0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 30px 100%, 30px 100%, 16px 100%, 16px 100%;
    background-attachment: local, local, scroll, scroll;
  }

  /* Keep the row label on screen, so a scrolled figure still has a subject. */
  .post-body table th:first-child,
  .post-body table td:first-child{
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ffffff;
    /* border-collapse drops real borders on sticky cells, so redraw them */
    box-shadow: inset 0 -1px 0 var(--rule), inset -1px 0 0 var(--rule);
  }

  .post-body thead th:first-child{
    background: var(--ink);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.25);
  }
}