/* 2026-10-06 (audit P3b: K-005 K-006 K-007 K-008 K-010 K-011 K-013, G-030): the polish layer, loaded after every page's own style so it
   changes only what the findings name. One file, one reason per block. */

/* K-013: text uses the width of its block on the report, evidence, compare, status, legal and dashboard pages (no line caps) */
body.kv-page,.p-report,.p-status,.dsh,.legal-doc,.policy-body{--measure:none}
.p-report .sub,.p-report .insight,.p-report p.small,.p-status p.small,.legal-doc,.policy-body.legal-doc,
.cl .kv-report .note,.cl .kv-fix .sub,.cl .kv-doc .note,#msg,#box p.small,#actions{max-width:none}

/* K-005, K-006: a long label or domain wraps inside its box instead of pushing the page sideways */
@media (max-width:680px){
  .cl .pill,.cl .kv-doc .pill,.cl .kv-report .pill,.cl .kv-fix .pill{white-space:normal;max-width:100%;overflow-wrap:anywhere}
  .cl td .pill,.cl td .meta{white-space:normal;overflow-wrap:anywhere}
}
.kmx p,.keymsg p,.kmx .km,.rsec .rhead p{overflow-wrap:anywhere}

/* K-011: the Fix package's long step titles and lists are set in a normal weight, not as heavy display type */
.cl .kv-fix h2[id^="sh-"]{font-weight:500;font-size:clamp(22px,2.2vw,26px);line-height:1.3}
.cl .kv-fix ol > li > a.done > span,.cl .kv-fix .glist a span{font-weight:500}
.cl .kv-fix article[id^="follow-up-"] > div > h3,.cl .kv-fix .work-item-body h3{font-weight:550}
.cl .kv-fix form[id^="confirm-"] label,.cl .kv-fix .grid2 > div > p > strong{font-weight:550}
.cl .kv-fix .mini-label,.cl .kv-fix .eyebrow{font-weight:600}
.cl .kv-pricing .faq summary,.cl .kv-pricing details > summary{font-weight:500}

/* K-010: on phones the controls that matter are at least 44 px tall and links are not packed into one line */
@media (max-width:680px){
  .cl .mast .wordmark,.cl .mast .hdr-login{display:inline-flex;align-items:center;min-height:44px}
  .cl .footer-top .wordmark{display:inline-flex;align-items:center;min-height:44px}
  .co-consent .checkbox-label{min-height:44px;align-items:center;gap:12px}
  .co-consent input[type=checkbox],.cl .work-check input[type=checkbox]{width:24px;height:24px;flex:0 0 auto}
  .co-consent .checkbox-label a{display:inline-block;padding:12px 0;margin:-12px 0}
  .cl .work-check{min-height:44px;align-items:center}
  .cl .kv-checkout .co-links{display:flex;flex-wrap:wrap;gap:0 18px}.co-sep{display:none}
  .co-links a,.auth-help a,.auth-forgot,.own-page a,.gl-links a,.q-more a,.cl .kv-report p.more a{display:inline-flex;align-items:center;min-height:44px}
  .cl .btn.sm,.cl .btn-sm,.cl button.sm,.cl .pw-toggle,.cl .task-status-label select{min-height:44px}
  .cl .snav a,.cl details.full-record > summary,.cl details.question > summary,.cl details.more > summary{min-height:44px;display:flex;align-items:center}
  .cl details[id^="result-"] > summary{min-height:44px;display:flex;align-items:center}
  .kv-tip{position:relative}
  .kv-tip::after{content:"";position:absolute;inset:-14px}
  .cl .authlinks a:not(.hdr-cta){min-height:44px}
}
@media (max-width:680px){
  .cl .kvd .btn.sm,.cl .kvd .work-item-body .btn.sm,.cl .kvd button.btn.sm,.cl .kvd .pw-toggle{min-height:44px}
  .cl .kvd details > summary,.cl .kvd details[id^="result-"] > summary{min-height:44px;display:flex;align-items:center}
  .cl .auth-field .pw-toggle{min-height:44px}
}
@media (max-width:680px){
  .cl .kvd details > summary{min-height:44px !important;display:flex !important;align-items:center}
}

/* K-008: every control shows the same strong focus ring (5.6:1 on white; 3:1 is the floor), the home page's website box included */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
form.urlform input#site:focus,.cl input[type=checkbox]:focus-visible{outline:3px solid #0962d5 !important;outline-offset:2px !important}