/* Website accessibility checker landing page (/tools/check-website-accessibility) only. Layers on storefront.css + product-entry.css. */
.tp-a11y .store-product h1{max-width:560px;margin:0 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.06}
.tp-a11y .store-product .store-lead{max-width:560px;margin:0 0 4px;font-size:18px;line-height:1.55;color:#3d4a66}

.tp-a11y .tp-a11y-start{display:grid;gap:12px;margin-top:18px;padding:18px 20px;border-color:#9fb3ea;background:#fff;box-shadow:0 10px 28px #17213c14}
.tp-a11y .tp-a11y-form{display:grid;gap:8px;margin:0}
.tp-a11y .tp-a11y-form label{font-size:15px;font-weight:700;color:#17213c}
.tp-a11y .tp-a11y-field{display:flex;flex-wrap:wrap;gap:10px}
.tp-a11y .tp-a11y-field input{flex:1 1 220px;min-width:0;min-height:52px;padding:0 14px;border:1.5px solid #8a9bc4;border-radius:9px;background:#fff;color:#17213c;font:inherit;font-size:17px}
.tp-a11y .tp-a11y-field input::placeholder{color:#6b7690}
.tp-a11y .tp-a11y-field input:focus-visible{outline:3px solid #284de8;outline-offset:2px;border-color:#284de8}
.tp-a11y .tp-a11y-field .button{flex:0 0 auto;min-height:52px;min-width:108px;padding:0 26px;justify-content:center;background:#284de8;border-color:#284de8;box-shadow:0 4px 0 #1830a5;font-size:17px}
.tp-a11y .tp-a11y-field .button:hover{background:#203fce}
.tp-a11y .tp-a11y-field .button:focus-visible{outline:3px solid #17213c;outline-offset:3px}
.tp-a11y .tp-a11y-next{margin:0;font-size:14px;line-height:1.5;color:#46526b}

.tp-a11y .tp-a11y-plan{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:10px 0 0;border-top:1px solid #dbe2f3;font-size:15px;line-height:1.5;color:#26324d}
.tp-a11y .tp-a11y-plan b{color:#17213c}
.tp-a11y .tp-a11y-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0}
.tp-a11y .tp-a11y-links a{display:inline-flex;align-items:center;min-height:40px;color:#1f3fcf;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tp-a11y .tp-a11y-links a:hover{color:#17213c}
.tp-a11y .tp-a11y-links a:focus-visible{outline:2px solid #284de8;outline-offset:2px;border-radius:3px}

.tp-a11y .tp-a11y-get{display:grid;gap:6px;margin:16px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.5;color:#26324d}
.tp-a11y .tp-a11y-get li{position:relative;padding-left:24px}
.tp-a11y .tp-a11y-get li:before{content:'✓';position:absolute;left:2px;top:0;color:#2f7a3a;font-weight:900}

.tp-a11y #file-details{scroll-margin-top:90px}
.tp-a11y #file-details summary{min-height:40px}

@media (max-width:600px){
  .tp-a11y .store-product h1{font-size:32px}
  .tp-a11y .store-product .store-lead{font-size:16px}
  .tp-a11y .tp-a11y-start{padding:14px}
  .tp-a11y .tp-a11y-field input{flex-basis:100%;font-size:16px}
  .tp-a11y .tp-a11y-field .button{flex:1 1 100%}
  .tp-a11y .tp-a11y-plan{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .tp-a11y *{scroll-behavior:auto}
}
