/* Insurance tab content (owner's mockup "INSURANCE PAGE", 2026-11-02), shown below the search card while the Insurance
   tab is open (site.js), like the Documents tab. Information only: every button opens the account window on the
   Insurance area. One file for both sites: var(--blue) is blue on the portal, red on the Georgia site. */
.isv{padding:30px 0 44px}
.isv[hidden]{display:none}
.isv h2,.isv h3,.isv p,.isv ul{margin:0}

/* Heading strip: text on the white left side, the photo on the right fading in from the white */
.isv-head{position:relative;min-height:230px;display:flex;align-items:center;border-radius:16px;overflow:hidden;background:#fff}
.isv-head-img{position:absolute;top:0;right:0;height:100%;width:64%;object-fit:cover;object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}
.isv-head-t{position:relative;max-width:600px;padding:24px 28px}
.isv-eye{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}
.isv-head h2{margin-top:4px;font-size:13px;line-height:1.1;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.isv-head h2 span{color:var(--blue)}
.isv-lead{margin-top:12px;font-size:13px;line-height:1.5;color:#33405C;max-width:500px}

/* "Recommended Insurance Plans" row */
.isv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.isv-bar h2{position:relative;padding-left:16px;font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.isv-bar h2::before{content:"";position:absolute;left:0;top:50%;width:5px;height:26px;margin-top:-13px;border-radius:3px;background:var(--blue)}
.isv-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);white-space:nowrap;letter-spacing:-.025em}
.isv-all svg{width:16px;height:16px}
.isv-all:hover{text-decoration:underline}

/* Three plan cards */
.isv-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px}
.isv-plan{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(11,31,75,.09)}
.isv-plan>img{display:block;width:100%;aspect-ratio:436/148;object-fit:cover}
.isv-pb{display:flex;flex-direction:column;flex:1;padding:16px 24px 20px}
.isv-pt{display:flex;align-items:center;gap:14px}
.isv-pi{flex:0 0 52px;height:52px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--blue) 10%,#fff);color:var(--blue)}
.isv-pi svg{width:28px;height:28px}
.isv-pt h3{font-size:13px;line-height:1.2;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.isv-pt p{margin-top:2px;font-size:13px;color:#56627A}
.isv-pl{list-style:none;padding:0;margin-top:16px!important;display:grid;gap:7px;flex:1}
.isv-pl li{position:relative;padding-left:30px;font-size:13px;line-height:1.35;color:#1E2A44}
.isv-pl li::before{content:"";position:absolute;left:4px;top:3px;width:12px;height:7px;border-left:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(-45deg)}
.isv-price{margin-top:16px!important;font-size:13px;color:#1E2A44;letter-spacing:-.025em}
.isv-price b{font-size:13px;font-weight:600;color:var(--blue);letter-spacing:-.025em}
.isv-btn{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:8px;border:1.5px solid var(--blue);
  font-size:13px;font-weight:600;color:var(--blue);background:#fff;transition:background .15s ease,color .15s ease}
.isv-btn svg{width:18px;height:18px}
.isv-btn:hover,.isv-btn.is-main{background:var(--blue);color:#fff}
.isv-btn.is-main{background:linear-gradient(180deg,var(--blue),var(--blue-2));border-color:var(--blue-2)}

/* Four account tiles */
.isv-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.isv-tile{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(11,31,75,.08);transition:transform .2s ease}
.isv-tile:hover{transform:translateY(-2px)}
.isv-tile img{flex:0 0 112px;width:112px;height:104px;border-radius:10px;object-fit:cover}
.isv-tile h3{font-size:13px;line-height:1.2;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.isv-tile p{margin-top:6px;font-size:13px;line-height:1.45;color:#3E4A63}
.isv-tile svg{display:block;margin-top:8px;width:20px;height:20px;color:var(--blue)}

@media(max-width:1100px){
  .isv-plans{grid-template-columns:repeat(2,1fr)}
  .isv-tiles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .isv{padding:22px 0 34px}
  .isv-head{flex-direction:column;align-items:stretch;min-height:0}
  .isv-head-img{position:relative;width:100%;height:160px;order:2;-webkit-mask-image:linear-gradient(0deg,#000 60%,transparent 100%);mask-image:linear-gradient(0deg,#000 60%,transparent 100%)}
  .isv-head-t{padding:18px 18px 10px}
  .isv-head h2{font-size:13px;letter-spacing:-.025em}
  .isv-lead{font-size:13px}
  .isv-bar h2{font-size:13px;padding-left:13px;letter-spacing:-.025em}
  .isv-bar h2::before{width:4px;height:20px;margin-top:-10px}
  .isv-all{font-size:12.5px}
  .isv-plans{grid-template-columns:1fr;gap:16px}
  .isv-pb{padding:14px 18px 18px}
  .isv-pt h3{font-size:13px;letter-spacing:-.025em}
  .isv-tiles{grid-template-columns:1fr;gap:12px}
  .isv-tile img{flex-basis:96px;width:96px;height:90px}
}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.isv-btn{font-size:13px;font-weight:500}}
