/* __LL-IO-ALWAYS-V1__  2026-09-19
   The practice-area template has no rail, so its offers block must show at EVERY width - but every
   .lio-* card rule in ll-inflow-offers-v1.css sits inside @media (max-width:1099.98px), which would
   leave the cards as bare unstyled text above 1100. That exact bug shipped once today on the rail
   cards. These rules are EXTRACTED VERBATIM from that stylesheet by script, never retyped, and
   re-scoped to .ll-io-always. The base stylesheet is unmodified and keeps ?v=1, so the 741 rail
   pages are untouched. */
.ll-inflow-offers.ll-io-always{display:grid;grid-template-columns:1fr;gap:14px;margin:28px auto;
  /* width: on the 741 rail pages this block sits inside a padded article. Here it sits
     directly in <main>, which has no horizontal padding at phone width - measured at 375 it
     ran 0->375, edge to edge with no gutter. calc(100% - 32px) gives a 16px gutter where the
     max-width does not bind, and changes nothing at 720 and above. */
  width:calc(100% - 32px);max-width:720px}
@media (min-width:560px){
  .ll-inflow-offers.ll-io-always{grid-template-columns:1fr 1fr}
}
@media (min-width:1100px){
  .ll-inflow-offers.ll-io-always{display:grid;gap:14px; margin:28px auto;max-width:720px;}
  .ll-inflow-offers.ll-io-always *{box-sizing:border-box}
  .ll-inflow-offers.ll-io-always .lio-box{position:relative;background:#fffafa; border:1px solid rgba(255,196,108,.35);border-radius:14px; padding:20px 18px 18px;overflow:hidden; box-shadow:0 2px 14px rgba(20,51,80,.06);}
  .ll-inflow-offers.ll-io-always .lio-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px; background:linear-gradient(90deg,#ffc46c 0%,#e8a449 30%,#c0107f 70%,#01696f 100%);}
  .ll-inflow-offers.ll-io-always .lio-k{display:inline-flex;align-items:center;margin:0 0 9px;padding:.26rem .6rem; background:rgba(1,105,111,.08);color:#01696f; font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase; border-radius:999px;}
  .ll-inflow-offers.ll-io-always .lio-h{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;font-weight:800; color:#143350;line-height:1.14;margin:0 0 7px;letter-spacing:-.01em;}
  .ll-inflow-offers.ll-io-always .lio-h em{font-style:italic;color:#c0107f}
  .ll-inflow-offers.ll-io-always .lio-p{font-size:.92rem;line-height:1.55;color:#3a3a3a;margin:0 0 13px}
  .ll-inflow-offers.ll-io-always .lio-a{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.06em; text-transform:uppercase;color:#143350;text-decoration:none; border-bottom:2px solid rgba(255,196,108,.7);padding-bottom:2px;}
  .ll-inflow-offers.ll-io-always .lio-a:hover{color:#c0107f;border-bottom-color:#c0107f}
  .ll-inflow-offers.ll-io-always .lio-a:focus-visible{outline:2px solid #01696f;outline-offset:3px}
}