/* Scripta Check in the main website's look (scriptacare.co.uk): DM Sans, the floating header with the same menu,
   a big centred title, softer cards and the slate footer. Loaded after the tool's own styles, so it only overrides.
   Added by website-build/check_look/check_look.py. Class names start lk- so they never meet the tool's own. */
:root{
  --lk-wash:#f3f6fa;--lk-line:#dfe3eb;--lk-text:#252a36;--lk-muted:#626978;--lk-teal:#0f7389;--lk-teal-hover:#0b5e70;--lk-mint:#cdeee9;--lk-slate:#173b45;
  --lk-font:'DM Sans','Inter','Segoe UI',system-ui,sans-serif;
  --lk-card:rgba(255,255,255,.8) 0 1px 1px 0 inset,rgba(0,0,0,.04) 0 -1px 2px 0 inset,rgba(0,0,0,.05) 0 0 0 .5px,rgba(0,0,0,.04) 0 2px 4px 0;
  --lk-lift:rgba(32,40,59,.08) 0 12px 30px 0,rgba(0,0,0,.05) 0 0 0 .5px;
  --lk-ease:cubic-bezier(.2,.7,.2,1);
  /* the tool's own tokens, moved onto the website's palette and type */
  --font-display:var(--lk-font);--font-body:var(--lk-font);--cc-font-body:var(--lk-font);--cc-font-display:var(--lk-font);
  --color-bg:var(--lk-wash);--color-text:var(--lk-text);--color-text-muted:var(--lk-muted);--color-text-faint:var(--lk-muted);
  --color-divider:var(--lk-line);--color-surface-offset:var(--lk-wash);--color-surface-sunken:#ffffff;
  --cc-bg:var(--lk-wash);--cc-text:var(--lk-text);--cc-muted:var(--lk-muted);
  --radius-sm:8px;--radius-md:8px;--radius-lg:14px;--radius-xl:14px;
  --cc-head:78px} /* the header is 70px tall: links to a paragraph stop just below it */
body{font-family:var(--lk-font);background:var(--lk-wash)}

/* header: the website's floating bar */
.lk-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;padding:10px 16px 0;background:linear-gradient(var(--lk-wash) 70%,transparent)}
.lk-head-in{display:flex;align-items:center;gap:8px 20px;max-width:1088px;min-height:60px;margin:0 auto;padding:8px 16px;background:rgba(255,255,255,.92);border-radius:14px;box-shadow:var(--lk-card);position:relative}
@media (min-width:640px){.lk-head{padding-inline:32px}.lk-head-in{padding-inline:20px}}
.lk-brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--lk-text);text-decoration:none}
.lk-brand:hover{color:var(--lk-text)}
.lk-brand svg{width:28px;height:28px;color:var(--lk-teal);flex:none}
.lk-brand b{font:700 19px/1.2 var(--lk-font);letter-spacing:-.015em;font-variation-settings:"opsz" 40}
.lk-nav{display:flex;align-items:center;gap:2px}
.lk-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:8px;color:var(--lk-muted);text-decoration:none;font-size:15px;transition:background-color .18s,color .18s}
.lk-nav a:hover{background:var(--lk-wash);color:var(--lk-text)}
.lk-nav a[aria-current=page]{color:var(--lk-text);font-weight:600;background:var(--lk-wash)}
.lk-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:var(--lk-slate);color:#fff;font:500 15px/1.2 var(--lk-font);text-decoration:none;white-space:nowrap;box-shadow:rgba(255,255,255,.18) 0 1px 0 0 inset,rgba(23,59,69,.35) 0 6px 16px -6px}
.lk-cta:hover{background:var(--lk-teal);color:#fff}
.lk-mobile{display:none}
@media (max-width:860px){
  .lk-nav{display:none}
  .lk-head-in{gap:6px}
  .lk-mobile{display:block;order:-1;margin-left:-6px}
  .lk-mobile summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--lk-text);cursor:pointer;transition:background-color .18s}
  .lk-mobile summary::-webkit-details-marker{display:none}
  .lk-mobile summary:hover,.lk-mobile[open] summary{background:var(--lk-wash)}
  .lk-burger{position:relative;display:block;width:20px;height:14px}
  .lk-burger i{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s var(--lk-ease),opacity .15s,top .22s var(--lk-ease)}
  .lk-burger i:nth-child(1){top:0}.lk-burger i:nth-child(2){top:6px}.lk-burger i:nth-child(3){top:12px}
  .lk-mobile[open] .lk-burger i:nth-child(1){top:6px;transform:rotate(45deg)}
  .lk-mobile[open] .lk-burger i:nth-child(2){opacity:0}
  .lk-mobile[open] .lk-burger i:nth-child(3){top:6px;transform:rotate(-45deg)}
  .lk-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);display:grid;gap:2px;padding:10px;border-radius:14px;background:#fff;box-shadow:var(--lk-lift);max-height:calc(100vh - 100px);overflow:auto}
  .lk-panel a:not(.lk-cta){display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:8px;color:var(--lk-text);text-decoration:none;font-weight:500}
  .lk-panel a:not(.lk-cta):hover,.lk-panel a[aria-current=page]{background:var(--lk-wash)}
  .lk-panel a[aria-current=page]{color:var(--lk-teal)}
  .lk-panel .lk-cta{margin:10px 4px 4px}
}
@media (prefers-reduced-motion:no-preference){.lk-mobile[open] .lk-panel{animation:lk-drop .2s var(--lk-ease) both}}
@media (prefers-reduced-motion:reduce){.lk-burger i{transition:none}}
@keyframes lk-drop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

/* privacy notice: the same centred title, the text column in the middle */
.page-head{justify-items:center;max-width:46em;margin:0 auto;padding-block:40px 32px;text-align:center}
.page-head h1{font:700 clamp(32px,4.6vw,48px)/1.06 var(--lk-font);letter-spacing:-.035em;color:var(--lk-text)}
.page-head p{font-size:18px;text-wrap:pretty}
.prose{margin-inline:auto}
.prose h2{font-weight:700;letter-spacing:-.02em}

/* ---- the home page's design (Deaglan liked the mockup, 10 Oct 2026) ---- */
:root{--lk-must:#9e3a42;--lk-must-tint:#f8e6e6;--lk-should:#7f5110;--lk-should-tint:#f8eedb;--lk-could:#256742;--lk-could-tint:#def0e5;
  --lk-teal-tint:#e8f4f7;--lk-bubble:22px 22px 22px 8px;
  --lk-hero:rgba(44,40,93,.28) 0 24px 80px -32px,rgba(118,135,153,.12) 0 0 0 1px}
.lt{font-weight:400}
.lk-in{max-width:1120px;margin:0 auto;padding-inline:16px}
@media (min-width:640px){.lk-in{padding-inline:32px}}
.lk-ref{display:inline-block;font:500 12px/1 var(--lk-font);color:var(--lk-teal);background:var(--lk-teal-tint);padding:5px 8px;border-radius:4px;letter-spacing:0}
.lk-arr{display:inline-block;transition:transform .2s var(--lk-ease)}
a:hover .lk-arr{transform:translateX(3px)}

@media screen{
  /* the page is no longer one grid: the intro, the results and the bands stack */
  main.app{display:block;max-width:none;margin:0;padding:0;background:none}

  /* intro: title and what it checks against on the left, the tool on the mint panel on the right */
  .lk-hero{background:var(--lk-wash)}
  .lk-hero-in{max-width:1120px;margin:0 auto;padding:40px 32px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"copy art" "more art";grid-template-rows:auto 1fr;gap:28px 48px;align-items:start}
  @media (max-width:920px){.lk-hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "art" "more";padding:28px 16px 44px;gap:28px}}
  .lk-copy{grid-area:copy;display:grid;gap:18px;padding-top:40px}
  @media (max-width:920px){.lk-copy{padding-top:0}}
  .lk-copy h1{font:700 clamp(38px,5.4vw,56px)/1.05 var(--lk-font);letter-spacing:-.035em;color:var(--lk-text);text-wrap:balance}
  .lk-lede{font-size:18px;line-height:1.55;color:var(--lk-muted);max-width:30em}
  .lk-checks{display:grid;gap:12px;margin-top:4px}
  .lk-checks b{font-size:14px;font-weight:600;color:var(--lk-muted)}
  .lk-checks ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
  .lk-checks li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.35;color:var(--lk-text)}
  .lk-tick{flex:none;position:relative;width:22px;height:22px;border-radius:50%;background:var(--lk-teal-tint)}
  .lk-tick::after{content:"";position:absolute;left:8px;top:5px;width:5px;height:9px;border:solid var(--lk-teal);border-width:0 2px 2px 0;transform:rotate(45deg)}
  .lk-art{grid-area:art;background:var(--lk-mint);border-radius:20px;padding:28px;min-width:0}
  @media (max-width:480px){.lk-art{padding:12px}}
  .lk-more{grid-area:more;align-self:start;display:grid;gap:32px}
  .lk-sub > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border-radius:12px;transition:background-color .2s,box-shadow .2s}
  .lk-sub > summary::-webkit-details-marker{display:none}
  .lk-sub h2{font:700 26px/1.2 var(--lk-font);letter-spacing:-.025em;color:var(--lk-text)}
  .lk-sub[open] > summary{margin-bottom:14px}
  .lk-chev{flex:none;width:32px;height:32px;padding:7px;border-radius:50%;background:#fff;color:var(--lk-teal);box-shadow:var(--lk-card);transition:transform .2s var(--lk-ease)}
  .lk-sub[open] .lk-chev{transform:rotate(180deg)}
  /* folded (after a check): a raised bar with the heading, opened with a tap */
  .lk-sub:not([open]) > summary{padding:14px 16px 14px 20px;background:#fff;box-shadow:var(--lk-card)}
  .lk-sub:not([open]) h2{font-size:19px;letter-spacing:-.015em}
  .lk-sub:not([open]) > summary:hover{box-shadow:var(--lk-lift)}
  .lk-more:has(.lk-sub:not([open])){gap:12px}
  /* on a computer the two stay open: no arrows, the headings are just headings */
  @media (min-width:921px){.lk-chev{display:none}.lk-sub > summary{cursor:default}}

  /* the tool: a white card on the mint panel, like the example report on the home page */
  .panel-setup{border:0;border-radius:20px;background:#fff;box-shadow:var(--lk-hero);overflow:hidden}
  .panel-setup .panel-body{padding:0;gap:0}
  .panel-setup .step{padding:22px 24px;gap:14px}
  .panel-setup .step + .step{padding-top:22px;border-top:1px solid var(--lk-line)}
  .panel-setup .step-h{display:flex;align-items:center;gap:10px;font:700 18px/1.3 var(--lk-font);letter-spacing:-.01em;text-transform:none;color:var(--lk-text)}
  .panel-setup .step-run{background:var(--lk-wash);padding:18px 24px 22px}
  .field label{font-size:15px}
  .field .hint{font-size:14px}
  .field input,.field select,.field textarea{min-height:44px;border-color:#9aa3b2;border-radius:8px;font-size:16px}
  textarea#docText{min-height:220px}
  .btn{font-family:var(--lk-font);font-weight:500;min-height:44px;transition:transform .2s var(--lk-ease),background-color .2s,box-shadow .2s,color .2s}
  .upload-row .btn:not(.btn-ghost){background:var(--lk-wash);border-color:transparent;color:#20283b;box-shadow:var(--lk-card)}
  .upload-row .btn:not(.btn-ghost):hover{background:#fff;color:#20283b;transform:translateY(-1px)}
  .btn-ghost{color:var(--lk-teal)}
  .btn-lg{min-height:50px;font-size:16px}
  .btn-primary{background:var(--lk-slate);border-color:var(--lk-slate);color:#fff;box-shadow:rgba(255,255,255,.18) 0 1px 0 0 inset,rgba(23,59,69,.35) 0 6px 16px -6px}
  .btn-primary:hover{background:var(--lk-teal);border-color:var(--lk-teal);color:#fff}
  .btn-primary:hover{transform:translateY(-1px)}
  .privacy-note{justify-content:center;text-align:center;font-size:13px;color:var(--lk-muted)}
  @media (max-width:640px){.panel-setup .step,.panel-setup .step-run{padding-inline:18px}}

  /* results: their own white band under the intro, shown once a record has been checked */
  .lk-res{background:#fff;padding-block:64px}
  .lk-res:has(#emptyFindings:not([hidden])){display:none}
  @media (max-width:640px){.lk-res{padding-block:44px}}
  .lk-band-head{max-width:48em;margin:0 auto 40px;display:grid;justify-items:center;gap:16px;text-align:center}
  .lk-band-head h2{font:700 clamp(34px,5.4vw,58px)/1.06 var(--lk-font);letter-spacing:-.035em;color:var(--lk-text);text-wrap:balance}
  .lk-band-head p{font-size:18px;color:var(--lk-muted);max-width:36em;text-wrap:pretty}
  .panel-results{min-height:0;border:0;border-radius:0;background:none;box-shadow:none;scroll-margin-top:var(--cc-head)}
  .tabbar{margin:0 0 24px;border-bottom:0;align-items:center;gap:12px 16px}
  .tabbar .tabs{gap:4px;padding:4px;border-radius:12px;background:var(--lk-wash);box-shadow:var(--lk-card);flex-wrap:nowrap;max-width:100%;overflow-x:auto}
  .tab,.tab + .tab{margin:0;padding:0 14px;min-height:40px;border:0;border-radius:9px;font-weight:500;color:var(--lk-muted);font-family:var(--lk-font)}
  .tab[aria-selected='true']{background:#fff;color:var(--lk-text);font-weight:600;box-shadow:var(--lk-card)}
  .tab .count,.tab[aria-selected='true'] .count{background:none;color:inherit;padding:0;min-width:0}
  .tab-tools{padding-bottom:0}
  .tab-tools .btn{background:var(--lk-wash);border-color:transparent;box-shadow:var(--lk-card);min-height:40px}
  @media (max-width:560px){.tabbar .tabs{display:flex;width:100%}.tab,.tab + .tab{flex:1;justify-content:center;text-align:center;white-space:normal;padding:6px 8px;font-size:14px;line-height:1.2}}
  .tabpanel{padding:0}
  .check-foot{margin-top:28px;font-size:14px;color:var(--lk-muted)}

  /* What to change: the result and its counts on the left (look.js moves them there), the changes on the right */
  .lk-res-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px;align-items:start}
  @media (max-width:920px){.lk-res-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
  .lk-side{display:grid;gap:14px;position:sticky;top:calc(var(--cc-head) + 12px)}
  @media (max-width:920px){.lk-side{position:static}}
  .lk-main{min-width:0;display:grid;gap:4px}
  .result{margin:0;padding:22px;border:0;border-radius:var(--lk-bubble);background:var(--lk-could-tint);gap:10px}
  .result.lvl-1,.result.lvl-2{background:var(--lk-should-tint)}
  .result.lvl-3{background:var(--lk-must-tint)}
  .result-head{font:700 21px/1.25 var(--lk-font);letter-spacing:-.02em}
  .result.lvl-0 .result-head{color:var(--lk-could)}
  .result.lvl-1 .result-head,.result.lvl-2 .result-head{color:var(--lk-should)}
  .result-sum{font-size:15px}
  .result-trig{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.7);font-size:14px;color:var(--lk-text)}
  .lk-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .lk-counts div{padding:12px 14px;border-radius:12px;background:#fff;box-shadow:var(--lk-card);font-size:13px;color:var(--lk-muted)}
  .lk-counts strong{display:block;font:700 26px/1.15 var(--lk-font);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
  .lk-c-must strong{color:var(--lk-must)}.lk-c-should strong{color:var(--lk-should)}.lk-c-could strong{color:var(--lk-could)}

  .fix-group{margin-bottom:28px;gap:12px}
  .fix-group h3{font:700 20px/1.3 var(--lk-font);letter-spacing:-.01em}
  .g-n{display:inline-block;margin-left:4px;padding:5px 8px;border-radius:6px;font-size:13px;font-weight:600;line-height:1;vertical-align:3px}
  .g-critical .g-n{background:var(--lk-must-tint);color:var(--lk-must)}
  .g-important .g-n{background:var(--lk-should-tint);color:var(--lk-should)}
  .g-advisory .g-n{background:var(--lk-could-tint);color:var(--lk-could)}
  .fix-list{display:grid;gap:12px;margin:0;padding:0}
  .fix{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 20px;border:0;border-radius:var(--lk-bubble);background:var(--lk-wash)}
  .fix.sev-critical{background:var(--lk-must-tint)}
  .fix.sev-important{background:var(--lk-should-tint)}
  .fix.sev-advisory{background:var(--lk-could-tint)}
  .where-list{display:flex;flex-wrap:wrap;gap:6px}
  .fix-where a.loc-link{display:inline-block;font:600 12px/1 var(--lk-font);padding:6px 8px;border-radius:4px;background:rgba(255,255,255,.75);color:var(--lk-text);text-decoration:none}
  .fix-where a.loc-link:hover{background:#fff;color:var(--lk-teal)}
  .fix-where .loc-none{font-size:13px;font-weight:600;color:var(--lk-muted)}
  .fix-what{font-size:16px;line-height:1.45}
  .fix-what q{background:rgba(255,255,255,.7)}
  .fix-steps{font-size:15px}
  .fix-more{font-size:14px}
  .fix-more summary{color:var(--lk-teal)}
  .fix-more summary::after{background:rgba(255,255,255,.7)}
  .fix-more p{color:var(--lk-text)}
  .show-more{justify-self:start;color:var(--lk-teal)}
  .next-step,.strengths{font-size:15px}

  /* the three steps (glowing cards, like the home page's role cards) and the three levels (tinted, like its findings) */
  .lk-cards,.lk-lvls{display:grid;gap:14px}
  .lk-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;padding:18px 20px;border-radius:14px;background:#fff;transition:transform .3s ease-in-out}
  .lk-card .lk-ref{grid-row:span 2;margin-top:2px}
  @media (max-width:400px){.lk-card{grid-template-columns:minmax(0,1fr)}.lk-card .lk-ref{grid-row:auto;justify-self:start}}
  .lk-card:hover{transform:translateY(-2px)}
  .lk-card:nth-child(1){box-shadow:0 0 15px rgba(15,115,137,.45)}
  .lk-card:nth-child(2){box-shadow:0 0 15px rgba(39,155,215,.45)}
  .lk-card:nth-child(3){box-shadow:0 0 15px rgba(124,170,30,.5)}
  .lk-card h3,.lk-lvl h3{font:700 17px/1.3 var(--lk-font);letter-spacing:-.01em;color:var(--lk-text)}
  .lk-card p,.lk-lvl p{font-size:15px;line-height:1.45;color:var(--lk-muted)}
  .lk-lvl{display:grid;gap:4px;padding:16px 20px;border-radius:var(--lk-bubble)}
  .lk-lvl p{color:var(--lk-text)}
  .lk-l-must{background:var(--lk-must-tint)}.lk-l-must h3{color:var(--lk-must)}
  .lk-l-should{background:var(--lk-should-tint)}.lk-l-should h3{color:var(--lk-should)}
  .lk-l-could{background:var(--lk-could-tint)}.lk-l-could h3{color:var(--lk-could)}
}
@media (prefers-reduced-motion:reduce){.lk-card,.lk-arr,.btn{transition:none}.lk-card:hover,.btn:hover{transform:none}}

/* contact band in the home page's mint */
.lk-contact{background:var(--lk-mint);color:var(--lk-text)}
.lk-contact .lk-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding-block:72px}
@media (max-width:640px){.lk-contact .lk-in{padding-block:48px}}
.lk-contact h2{font:700 clamp(26px,3.4vw,36px)/1.15 var(--lk-font);letter-spacing:-.02em}
.lk-contact p{margin-top:10px;font-size:17px}
.lk-mail{color:var(--lk-text);font-weight:600;text-decoration:underline;text-decoration-color:var(--lk-teal);text-underline-offset:3px}
.lk-mail:hover{color:var(--lk-teal)}
.lk-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;background:var(--lk-slate);color:#fff;font:500 15px/1.2 var(--lk-font);text-decoration:none;white-space:nowrap;box-shadow:rgba(255,255,255,.18) 0 1px 0 0 inset,rgba(23,59,69,.35) 0 6px 16px -6px;transition:transform .2s var(--lk-ease),background-color .2s}
.lk-btn:hover{background:var(--lk-teal);color:#fff;transform:translateY(-1px)}

/* footer: the website's slate band, with its links */
.cc-footer{background:var(--lk-slate);color:#cfe3e7;border-top:0;font-size:14px;padding-block:28px 36px;margin:0}
.lk-foot .lk-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}
.lk-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.cc-footer a{color:var(--lk-mint);text-decoration:none}.cc-footer a:hover{color:#fff;text-decoration:underline}
.cc-footer :focus-visible{outline-color:#fff}
.cc-foot-note{flex-basis:100%;max-width:52em;margin:0;color:#cfe3e7;font-size:13px;line-height:1.5;opacity:.9}

@media print{
  .lk-head,.lk-copy,.lk-more,.lk-contact,.lk-band-head,.lk-counts{display:none!important}
  .lk-hero,.lk-res,.lk-art{background:none!important;padding:0!important}
  .lk-res-grid{display:block}
  .result,.fix{background:none!important;border:1px solid #bbb!important}
}