.clio-shot.timeline img{height:280px;max-height:none;object-fit:cover;object-position:center}@media(max-width:900px){.resource-hero,.score-box,.case-story,.industry-grid{grid-template-columns:1fr}.resource-hero{gap:24px;padding-top:56px}.resource-grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.resource-links a:not(.resource-book){display:none}}@media(max-width:760px){.clio-shot.timeline img{height:220px}}
.score-lead-form{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.2);display:grid;gap:.75rem}.score-lead-form h3,.score-lead-form p{margin:0}.score-lead-form label{display:grid;gap:.35rem;text-align:left;font-size:.85rem}.score-lead-form input{width:100%;box-sizing:border-box;padding:.72rem;border:1px solid #b9c5d1;border-radius:.45rem;font:inherit}.score-lead-form .score-consent{grid-template-columns:auto 1fr;align-items:start}.score-lead-form .score-consent input{width:auto;margin-top:.2rem}.score-trap{position:absolute!important;left:-10000px!important}.score-send-status{display:block;min-height:1.2em}.score-sent{font-weight:700}.mobile-scroll-hint{display:none;font-weight:700}@media(max-width:700px){.mobile-scroll-hint{display:inline}.score-lead-form button{width:100%;min-height:46px}}

/* == tap targets (added by review) == */
/* The readiness assessment is a conversion tool, but its radios render 13x13px
   and its labels 26px tall - well under the 44px minimum. Make the whole row
   the target instead of the dot. */
.score-form label{display:flex;align-items:flex-start;gap:12px;min-height:44px;
  padding:11px 13px;margin:0 0 8px;border:1px solid #dde3ec;border-radius:8px;
  background:#fff;cursor:pointer;line-height:1.4;font-weight:400}
.score-form label:hover{border-color:#c9b070;background:#fffdf7}
.score-form label:focus-within{outline:3px solid #86aee6;outline-offset:2px}
.score-form input[type=radio],.score-form input[type=checkbox]{
  width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#1d4f8f;cursor:pointer}
.score-form fieldset{border:0;padding:0;margin:0 0 22px}
.score-form legend{margin-bottom:10px}
/* Brand link measured 194x43 - one pixel under the minimum. */
.resource-brand{display:inline-flex;align-items:center;min-height:44px}

/* == citation link hit area == */
/* Reference links sit in a "Official references: a · b · c" row, so they can't
   become 44px blocks without wrecking the layout. Vertical padding cancelled by
   an equal negative margin grows the touch area without moving anything. */
.sources a{display:inline-block;padding:10px 4px;margin:-10px 0}
.sources{line-height:2.2}

/* == 43px -> 44px == */
/* Header links and the submit button all measured exactly 43px tall - one
   pixel under the minimum. */
.resource-links a,.resource-book,.score-form button,.score-form [type=submit]{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.resource-brand{justify-content:flex-start}

/* == sticky header + standalone links == */
/* The sticky header was rgba(...,.96) - 4% transparent, so page text ghosted
   through it while scrolling. Nothing behind it should be visible. */
.resource-header{background:#f7f2e8}
/* A paragraph whose entire content is a link is a standalone action, not prose,
   so it gets a real target instead of a 17px line of text. */
p > a:only-child{display:inline-flex;align-items:center;min-height:44px}