/*! src: assets/studio-shell.css */

#ss{--ss-ink:#102c36;--ss-muted:#4b6067;--ss-cream:#f4f4ed;--ss-paper:#fcfcf8;--ss-white:#fff;--ss-rule:#d5ddd9;--ss-rule-strong:#9fb6bc;
  --ss-accent:#0879a9;--ss-accent-soft:#e4eff1;--ss-ok:#1d6b3a;--ss-ok-soft:#e5f2e8;--ss-warn:#7a4b00;--ss-warn-soft:#fbf1dc;--ss-err:#a3261b;--ss-err-soft:#fbe9e7;
  --ss-h:"Ubuntu","Trebuchet MS","Segoe UI",Arial,sans-serif;--ss-b:"Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;--ss-top:calc(var(--ld-navh,76px) + 12px);
  position:relative;color:var(--ss-ink);font-family:var(--ss-b);font-size:16px;line-height:1.6;text-align:left}
#ss *,#ss *::before,#ss *::after{box-sizing:border-box}
#ss[hidden]{display:none!important}
#tool{scroll-margin-top:var(--ld-navh,76px)}
#ss{scroll-margin-top:calc(var(--ld-navh,76px) + 8px)}


.ld-tool.ss-on:not(.ss-previous)>:not(.ss):not(.ss-skip){display:none!important}
.ld-tool.ss-previous>.ss,.ld-tool.ss-previous>.ss-skip{display:none!important}
.ld-tool:not(.ss-on)>.ss,.ld-tool:not(.ss-on)>.ss-skip{display:none}
.ss-skip{position:absolute;left:16px;top:8px;z-index:40;padding:12px 16px;min-height:44px;background:#102c36;color:#fff;border-radius:3px;font-weight:600;text-decoration:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.ss-skip:focus{clip-path:none;width:auto;height:auto;outline:3px solid #0879a9;outline-offset:2px}

#ss :where(h1,h2,h3,h4):where(:not(.ss-editor *)){font-family:var(--ss-h);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 8px;color:var(--ss-ink);text-transform:none}
#ss :where(h1):where(:not(.ss-editor *)){font-size:clamp(26px,3.2vw,34px)}
#ss :where(h2):where(:not(.ss-editor *)){font-size:22px}
#ss .ss-h3{font-size:18px}
#ss h1:focus{outline:none}
#ss :where(p):where(:not(.ss-editor *)){margin:0 0 12px}
#ss :where(a):where(:not(.ss-editor *)){color:var(--ss-ink);text-underline-offset:3px}
#ss :where(button,input,select,textarea):where(:not(.ss-editor *)){font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
#ss :focus-visible{outline:3px solid var(--ss-accent);outline-offset:2px}
#ss svg.ss-ico{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ss .ss-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#ss .ss-file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#ss .ss-eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ss-muted);margin:0 0 6px}
#ss .ss-hint{color:var(--ss-muted);font-size:14px;margin:4px 0 0}
#ss .ss-lead{color:var(--ss-muted);max-width:62ch}
#ss .ss-label{font-weight:600;font-size:15px;margin:0}
#ss .ss-m0{margin:0}
#ss .ss-mt{margin-top:14px}
#ss .ss-note{background:var(--ss-accent-soft);border:1px solid #b8d3dc;border-radius:10px;padding:10px 14px;font-size:15px;margin:14px 0 0}


#ss .ss-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 0 12px}
#ss .ss-top__name{font-family:var(--ss-h);font-weight:700;font-size:16px;margin:0 auto 0 0}
#ss .ss-top__save{margin:0;font-size:14px;color:var(--ss-muted)}
#ss .ss-top__save.is-error{color:var(--ss-err);font-weight:600}
#ss .ss-top__tools{display:flex;gap:6px;align-items:center}
#ss .ss-tbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;background:var(--ss-white);border:1px solid var(--ss-rule-strong);border-radius:3px;cursor:pointer;font-size:14px;font-weight:500;color:var(--ss-ink);list-style:none;line-height:1.2}
#ss .ss-tbtn::-webkit-details-marker{display:none}
#ss .ss-tbtn svg{width:18px;height:18px}
#ss .ss-tbtn:disabled{color:#56696e;background:#eff2ef;cursor:not-allowed}
#ss .ss-tbtn:hover:not(:disabled){background:var(--ss-accent-soft)}
#ss .ss-tbtn[aria-pressed=true]{background:var(--ss-accent-soft);border-color:var(--ss-accent);box-shadow:inset 0 0 0 1px var(--ss-accent)}
#ss .ss-menu{position:relative}
#ss .ss-menu__list{position:absolute;right:0;top:calc(100% + 6px);background:var(--ss-white);border:1px solid var(--ss-rule);border-radius:10px;box-shadow:0 12px 32px rgba(16,44,54,.14);padding:6px;display:grid;min-width:300px;z-index:30}
#ss .ss-menu__list button,#ss .ss-menu__file{position:relative;display:flex;align-items:center;min-height:44px;padding:0 12px;background:none;border:0;border-radius:6px;text-align:left;cursor:pointer;font-size:15px;color:var(--ss-ink);font-weight:400}
#ss .ss-menu__list button:hover,#ss .ss-menu__file:hover{background:var(--ss-accent-soft)}
#ss .ss-menu__file:focus-within{outline:3px solid var(--ss-accent)}


#ss .ss-steps{background:var(--ss-paper);border:1px solid var(--ss-rule);border-radius:12px;padding:0 12px;margin:0 0 16px}
#ss .ss-steps[hidden]{display:none}
#ss .ss-steps ol{display:flex;gap:4px;list-style:none;margin:0;padding:0}
#ss .ss-steps li{flex:1;margin:0;padding:0}
#ss .ss-steps li::before{content:none}
#ss .ss-steps a{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 8px;text-decoration:none;color:var(--ss-muted);font-weight:500}
#ss .ss-steps a[aria-current=step]{color:var(--ss-ink);box-shadow:inset 0 -3px 0 var(--ss-ink)}
#ss .ss-steps a:hover{color:var(--ss-ink)}
#ss .ss-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--ss-rule-strong);font-size:13px;font-weight:600;background:var(--ss-white);flex:none;color:var(--ss-ink)}
#ss .ss-steps a[aria-current=step] .ss-n{background:var(--ss-ink);color:#fff;border-color:var(--ss-ink)}
#ss .ss-steps .is-done .ss-n{background:var(--ss-ok-soft);color:var(--ss-ok);border-color:#9cc7a9}
#ss .ss-t{display:block;line-height:1.25}
#ss .ss-st{display:block;font-size:12px;font-weight:400;color:var(--ss-muted)}


#ss .ss-studio{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media(min-width:1000px){#ss .ss-studio{grid-template-columns:minmax(0,1fr) 380px}#ss[data-view=start] .ss-studio,#ss[data-view=sent] .ss-studio{grid-template-columns:minmax(0,1fr)}#ss[data-view=start] .ss-pv--side,#ss[data-view=sent] .ss-pv--side{display:none}}
#ss .ss-panel{background:var(--ss-white);border:1px solid var(--ss-rule);border-radius:12px;padding:28px;min-width:0}
#ss .ss-panel:focus{outline:none}
@media(max-width:600px){#ss .ss-panel{padding:20px 16px}}
#ss .ss-section{border-top:1px solid var(--ss-rule);padding-top:20px;margin-top:24px}
#ss .ss-q{margin:22px 0 0;padding:0;border:0;min-width:0}
#ss .ss-q--first{margin-top:0}
#ss .ss-q>legend,#ss .ss-q__title{font-family:var(--ss-h);font-weight:700;font-size:17px;margin:0 0 4px;padding:0;color:var(--ss-ink)}
#ss .ss-q>legend.ss-vh{position:absolute}


#ss .ss-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 22px;border-radius:3px;border:1px solid var(--ss-ink);background:var(--ss-ink);color:#fff;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;line-height:1.2;box-shadow:none;transform:none}
#ss .ss-btn:hover{background:#126a8c;border-color:#126a8c;color:#fff}
#ss .ss-btn--ghost{background:var(--ss-white);color:var(--ss-ink)}
#ss .ss-btn--ghost:hover{background:var(--ss-accent-soft);color:var(--ss-ink);border-color:var(--ss-ink)}
#ss .ss-btn--quiet{background:transparent;color:var(--ss-ink);border-color:transparent;text-decoration:underline;text-underline-offset:3px;padding:12px 10px;min-height:44px}
#ss .ss-btn--quiet:hover{background:var(--ss-accent-soft);border-color:transparent;color:var(--ss-ink)}
#ss .ss-btn--sm{min-height:44px;padding:8px 16px;font-size:14px}
#ss .ss-btn svg{width:18px;height:18px}
#ss .ss-link{display:inline-flex;align-items:center;min-height:44px;min-width:44px;vertical-align:middle;background:none;border:0;padding:0 2px;margin:0;color:var(--ss-ink);text-decoration:underline;text-underline-offset:3px;font-weight:600;cursor:pointer;font-size:inherit}
#ss .ss-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}


#ss .ss-field{display:grid;gap:4px;margin-top:16px}
#ss .ss-field--narrow{max-width:280px}
#ss .ss-field--inline{grid-template-columns:1fr auto;align-items:end}
@media(max-width:520px){#ss .ss-field--inline{grid-template-columns:1fr}}
#ss .ss-field small{color:var(--ss-muted);font-size:13px}
#ss :where(.ss-field) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=search],select,textarea){width:100%;min-height:48px;padding:10px 12px;background:var(--ss-white);border:1px solid #7f969c;border-radius:6px;color:var(--ss-ink);box-shadow:none;margin:0}
#ss :where(.ss-field) :where(textarea){min-height:88px;resize:vertical}
#ss input::placeholder,#ss textarea::placeholder{color:#5a6d72;opacity:1}
#ss :where(input[type=color]):where(:not(.ss-editor *)){width:48px;height:48px;padding:4px;border:1px solid #7f969c;border-radius:6px;background:#fff;cursor:pointer}
#ss .ss-err{color:var(--ss-err);font-size:14px;margin:6px 0 0;font-weight:500}
#ss .ss-err:empty{display:none}
#ss :where([aria-invalid=true]):where(:not(.ss-editor *)){border-color:var(--ss-err)!important;background:var(--ss-err-soft)}
#ss .ss-grid2{display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
#ss .ss-colour{display:inline-flex;align-items:center;gap:8px;min-height:48px}


#ss .ss-opts{display:grid;gap:10px;margin-top:10px}
#ss .ss-opts--2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
#ss .ss-opt{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:56px;padding:14px 16px;background:var(--ss-white);border:1px solid var(--ss-rule-strong);border-radius:10px;cursor:pointer;margin:0;font-weight:400}
#ss .ss-opt:hover{background:#f7faf9}
#ss .ss-opt.is-on{background:var(--ss-accent-soft);border-color:var(--ss-accent);box-shadow:inset 0 0 0 1px var(--ss-accent)}
#ss .ss-opt:focus-within{outline:3px solid var(--ss-accent);outline-offset:2px}
#ss .ss-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
#ss .ss-opt input:disabled{cursor:not-allowed}
#ss .ss-opt__mark{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:1px solid #5e7378;background:#fff;display:grid;place-items:center}
#ss .ss-opt--check .ss-opt__mark{border-radius:4px}
#ss .ss-opt.is-on .ss-opt__mark{border-color:var(--ss-accent);background:var(--ss-accent)}
#ss .ss-opt.is-on .ss-opt__mark::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
#ss .ss-opt--check.is-on .ss-opt__mark::after{content:"\2713";width:auto;height:auto;border-radius:0;background:none;color:#fff;font-size:14px;font-weight:700;line-height:1}
#ss .ss-opt__body{display:grid;gap:2px;min-width:0}
#ss .ss-opt__title{font-weight:600}
#ss .ss-opt__meta{font-size:14px;color:var(--ss-muted)}
#ss .ss-badge{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--ss-accent-soft);color:var(--ss-ink);margin-left:6px;vertical-align:1px;line-height:1.6}
#ss .ss-badge--ok{background:var(--ss-ok-soft);color:var(--ss-ok)}
#ss .ss-badge--req{background:#eceee7;color:#38464a}
#ss .ss-badge--opt{background:#fff;color:#38464a;border:1px solid var(--ss-rule)}
#ss .ss-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#ss .ss-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:8px 14px;border:1px solid var(--ss-rule-strong);border-radius:999px;background:var(--ss-white);cursor:pointer;font-weight:500;font-size:15px;margin:0;color:var(--ss-ink)}
#ss .ss-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
#ss .ss-chip.is-on{background:var(--ss-accent-soft);border-color:var(--ss-accent);box-shadow:inset 0 0 0 1px var(--ss-accent)}
#ss .ss-chip:focus-within{outline:3px solid var(--ss-accent);outline-offset:2px}
#ss .ss-chip small{color:var(--ss-muted);font-weight:400;font-size:13px}

#ss .ss-sugrow{margin-top:8px;gap:8px 12px}
#ss .ss-sugrow .ss-hint{flex:1 1 220px}
#ss .ss-btn[aria-disabled=true]{opacity:.65;cursor:default}
#ss .ss-btn--ghost[aria-disabled=true]:hover{background:var(--ss-white);border-color:var(--ss-ink)}
#ss .ss-sugs{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 6px}
#ss .ss-sugs__lead{flex:1 0 100%}
#ss .ss-sug{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 14px;border:1px solid var(--ss-rule-strong);border-radius:10px;background:var(--ss-white);color:var(--ss-ink);font-size:15px;font-weight:500;line-height:1.35;text-align:left;cursor:pointer;margin:0}
#ss .ss-sug:hover{background:#f7faf9;border-color:var(--ss-ink)}
#ss .ss-sug.is-on{background:var(--ss-accent-soft);border-color:var(--ss-accent);box-shadow:inset 0 0 0 1px var(--ss-accent)}
#ss .ss-sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}


#ss .ss-routes{display:grid;gap:12px;margin-top:20px}
@media(min-width:760px){#ss .ss-routes{grid-template-columns:repeat(3,1fr)}}
#ss .ss-route{display:grid;gap:8px;align-content:start;text-align:left;padding:20px;min-height:180px;background:var(--ss-white);border:1px solid var(--ss-rule-strong);border-radius:12px;cursor:pointer;color:var(--ss-ink)}
#ss .ss-route:hover{border-color:var(--ss-ink);background:#fbfcfb}
#ss .ss-route svg{width:36px;height:36px;color:var(--ss-accent)}
#ss .ss-route strong{font-family:var(--ss-h);font-size:19px}
#ss .ss-route span{color:var(--ss-muted);font-size:14px}
#ss .ss-route em{font-style:normal;font-size:13px;font-weight:600;color:var(--ss-ink);margin-top:auto}
#ss .ss-also{margin-top:24px;padding-top:16px;border-top:1px solid var(--ss-rule)}
#ss .ss-upload__btn{position:relative;overflow:hidden}
#ss .ss-upload__btn:focus-within{outline:3px solid var(--ss-accent);outline-offset:2px}
#ss .ss-resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0;padding:14px 16px;border:1px solid #b8d3dc;border-radius:10px;background:var(--ss-accent-soft)}
#ss .ss-resume p{margin:0}
#ss .ss-kept{margin-top:20px;padding:14px 16px;border:1px solid var(--ss-rule);border-radius:10px;background:var(--ss-paper)}
#ss .ss-kept p{margin:0 0 8px;font-size:15px}
#ss .ss-kept ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#ss .ss-kept li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0}
#ss .ss-kept li::before{content:none}
#ss .ss-kept small{color:var(--ss-muted)}


#ss .ss-result{margin-top:18px;padding:16px 18px;border-radius:10px;background:var(--ss-paper);border:1px solid var(--ss-rule)}
#ss .ss-result--ok{background:var(--ss-ok-soft);border-color:#b7d6c0}
#ss .ss-result--bad{background:var(--ss-err-soft);border-color:#e8b9b3}
#ss .ss-result--info{background:var(--ss-accent-soft);border-color:#b8d3dc}
#ss .ss-result__big{font-family:var(--ss-h);font-size:20px;font-weight:700;margin:0 0 4px}
#ss .ss-result p:last-child{margin-bottom:0}
#ss .ss-result ul{margin:8px 0 0;padding-left:20px}
#ss details.ss-more{margin-top:14px;border-top:1px solid var(--ss-rule)}
#ss details.ss-more>summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-weight:600;list-style:none;color:var(--ss-ink)}
#ss details.ss-more>summary::-webkit-details-marker{display:none}
#ss details.ss-more>summary::before{content:"\203A";font-size:22px;line-height:1;width:12px;text-align:center;transition:transform .15s}
#ss details.ss-more[open]>summary::before{transform:rotate(90deg)}
#ss details.ss-more>summary small{font-weight:400;color:var(--ss-muted);margin-left:auto;text-align:right;font-size:14px}
#ss .ss-more__body{padding:0 0 12px}
@media(prefers-reduced-motion:reduce){#ss details.ss-more>summary::before{transition:none}}
#ss table.ss-t{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
#ss table.ss-t thead,#ss table.ss-t tbody,#ss table.ss-t tr{background:transparent}
#ss table.ss-t th,#ss table.ss-t td{background:transparent;color:var(--ss-ink);text-align:left;padding:8px 6px;border-bottom:1px solid var(--ss-rule);font-weight:400}
#ss table.ss-t thead th{font-weight:600;color:var(--ss-muted);font-size:13px}
#ss table.ss-t tbody th{font-weight:600}
#ss .ss-empty{padding:18px;border:1px dashed var(--ss-rule-strong);border-radius:10px;color:var(--ss-muted);margin-top:12px}
#ss .ss-checks{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
#ss .ss-checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:0}
#ss .ss-checks li::before{content:none}
#ss .ss-dot{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:1px}
#ss .ss-dot--todo{background:var(--ss-warn-soft);color:var(--ss-warn)}
#ss .ss-dot--ok{background:var(--ss-ok-soft);color:var(--ss-ok)}
#ss .ss-dot--info{background:var(--ss-accent-soft);color:var(--ss-ink)}
#ss a.ss-link{display:inline;min-height:0;min-width:0;padding:0;vertical-align:baseline}
#ss .ss-upload{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border:1px dashed var(--ss-rule-strong);border-radius:10px;margin-top:10px;background:var(--ss-paper)}
#ss .ss-upload .ss-err{flex-basis:100%}
#ss .ss-thumb{width:72px;height:48px;object-fit:contain;border-radius:4px;border:1px solid var(--ss-rule);background:#fff}

#ss .ss-upload>*{min-width:0}
#ss .ss-upload.has-file{border-style:solid;border-color:var(--ss-rule)}
#ss .ss-upload__name{flex:1 1 12em;min-width:0;overflow-wrap:anywhere}
#ss .ss-fname{overflow-wrap:anywhere;word-break:break-word}
#ss .ss-upload__notes{flex-basis:100%;display:grid;gap:8px}
#ss .ss-upload__notes .ss-hint{font-size:14px}
#ss .ss-thumb--none{display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:var(--ss-muted);flex:none}
#ss .ss-page{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px}
#ss .ss-page__pick{display:inline-flex;align-items:center;gap:8px}
#ss .ss-page__pick label{font-weight:500;margin:0}
#ss .ss-page__pick input{width:5.5em;min-height:44px}
#ss .ss-shape{padding:10px 12px;border-radius:8px;background:var(--ss-warn-soft);color:var(--ss-ink);font-size:14px;overflow-wrap:anywhere}
#ss .ss-size{margin:12px 0 0}
#ss .ss-size--over{padding:12px 14px;border:1px solid #d9b46a;border-radius:10px;background:var(--ss-warn-soft);color:var(--ss-ink);font-size:15px}
#ss .ss-size--over:focus{outline:3px solid var(--ss-accent);outline-offset:2px}
#ss .ss-size--over .ss-btn{display:inline-block;white-space:normal;text-align:left;max-width:100%;overflow-wrap:anywhere;line-height:1.35}
#ss .ss-size--over .ss-row{gap:8px}
#ss .ss-others{margin-top:12px;padding:12px 14px;border:1px solid var(--ss-rule);border-radius:10px;background:var(--ss-paper)}
#ss .ss-others ul{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}
#ss .ss-others li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0}
#ss .ss-others li::before{content:none}
#ss .ss-artcheck{margin:16px 0 0;padding:10px;border:1px solid var(--ss-rule);border-radius:10px;background:#fff}
#ss .ss-artcheck canvas{display:block;width:100%;height:auto;border:1px solid var(--ss-rule)}
#ss .ss-artcheck figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:8px;font-size:14px;color:var(--ss-muted)}
#ss .ss-artcheck .ss-btn{color:var(--ss-ink)}
#ss .ss-checks li>span{min-width:0;overflow-wrap:anywhere}
#ss .lo__dl dd,#ss .lo__dlrow dd{min-width:0;overflow-wrap:anywhere}


#ss .ss-recipe{margin-top:8px}


#ss .ss-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
#ss .ss-dcard{position:relative;display:grid;gap:6px;align-content:start;padding:10px;border:1px solid var(--ss-rule-strong);border-radius:10px;background:#fff;cursor:pointer;margin:0;font-weight:400}
#ss .ss-dcard input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%;z-index:2}
#ss .ss-dcard.is-on{border-color:var(--ss-accent);box-shadow:inset 0 0 0 1px var(--ss-accent);background:var(--ss-accent-soft)}
#ss .ss-dcard:focus-within{outline:3px solid var(--ss-accent);outline-offset:2px}
#ss .ss-dcard__art{display:block;aspect-ratio:3/4;border-radius:4px;overflow:hidden;border:1px solid rgba(16,44,54,.15)}
#ss .ss-dcard__art svg{display:block;width:100%;height:100%;stroke:none}
#ss .ss-dcard__name{font-weight:600;font-size:14px;line-height:1.3}
#ss .ss-dcard__mood{font-size:13px;color:var(--ss-muted);line-height:1.35}
#ss .ss-skel{background:linear-gradient(90deg,#eef1ec 25%,#f7f8f5 37%,#eef1ec 63%);background-size:400% 100%;animation:ss-sk 1.2s ease infinite;border-radius:10px;min-height:190px}
@keyframes ss-sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){#ss .ss-skel{animation:none}}


#ss #ss-h-design{scroll-margin-top:calc(var(--ss-top) + 8px)}
#ss .ss-make{display:grid;gap:8px;justify-items:start;margin:4px 0 16px;padding:14px 16px;background:var(--ss-accent-soft);border:1px solid #b8d3dc;border-radius:12px}
#ss .ss-btn--make{min-width:220px;background:var(--ss-accent);border-color:var(--ss-accent);font-size:16px}
#ss .ss-btn--make:hover:not(:disabled){background:#06668f}
#ss .ss-btn--make:disabled{opacity:1;cursor:progress;background:#4f8fab;border-color:#4f8fab}
#ss .ss-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--ss-muted);line-height:1.45}
#ss .ss-check input{margin-top:3px;width:18px;height:18px;flex:none}
#ss .ss-spin{display:inline-block;flex:none;width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:ss-spin .8s linear infinite}
@keyframes ss-spin{to{transform:rotate(360deg)}}
#ss .ss-wait{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px}
#ss .ss-wait[hidden]{display:none}
#ss .ss-wait .ss-spin{color:var(--ss-accent)}
#ss .ss-wait__text{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;flex:1 1 220px}
#ss .ss-wait__text strong{font-weight:600;color:var(--ss-ink)}
#ss .ss-wait__text span{color:var(--ss-muted);font-variant-numeric:tabular-nums}
#ss .ss-wait progress{flex:1 1 160px;height:8px;border:0;border-radius:4px;overflow:hidden;background:#dfe7e4;accent-color:var(--ss-accent);-webkit-appearance:none;appearance:none}
#ss .ss-wait progress::-webkit-progress-bar{background:#dfe7e4;border-radius:4px}
#ss .ss-wait progress::-webkit-progress-value{background:var(--ss-accent);border-radius:4px;transition:width .9s linear}
#ss .ss-wait progress::-moz-progress-bar{background:var(--ss-accent)}
#ss .ss-wait .ss-link{min-height:44px}
#ss .ss-wait--box{padding:12px 14px;margin-bottom:12px;background:var(--ss-white);border:1px solid var(--ss-rule);border-radius:10px}
#ss .ss-wait--bar{padding:4px 2px 10px;margin-bottom:8px;border-bottom:1px solid var(--ss-rule)}
#ss .ss-skel--card{display:grid;align-content:start;gap:8px;min-height:0;padding:8px;background:var(--ss-white);border:1px solid var(--ss-rule);animation:none}
#ss .ss-skel__art,#ss .ss-skel__line{display:block;border-radius:4px;background:linear-gradient(90deg,#eef1ec 25%,#f7f8f5 37%,#eef1ec 63%);background-size:400% 100%;animation:ss-sk 1.4s ease infinite}
#ss .ss-skel__art{aspect-ratio:3/4}
#ss .ss-skel__line{height:12px;width:70%}
#ss .ss-skel__line--short{width:45%}
#ss .ss-outcome{margin:0 0 14px}
#ss .ss-thumb{background:repeating-conic-gradient(#e9eeec 0 25%,#fff 0 50%) 0 0/12px 12px}
@media(prefers-reduced-motion:reduce){#ss .ss-spin{animation:none;border-right-color:currentColor;opacity:.6}#ss .ss-skel__art,#ss .ss-skel__line{animation:none}#ss .ss-wait progress::-webkit-progress-value{transition:none}}


#ss .ss-pv--side{display:none}
@media(min-width:1000px){#ss .ss-pv--side{display:block;position:sticky;top:var(--ss-top);max-height:calc(100vh - var(--ss-top) - 96px);overflow:auto;background:var(--ss-white);border:1px solid var(--ss-rule);border-radius:12px;padding:18px}}
#ss .ss-pv__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
#ss .ss-pv__chip{font-size:12px;font-weight:600;background:#eceee7;color:#38464a;border-radius:999px;padding:2px 10px}
#ss .ss-pv__stage{position:relative;background:#dce3df;border-radius:10px;overflow:hidden}
#ss .ss-pv__stage .ld-3d{max-width:none;width:100%;margin:0}
#ss .ss-pv__stage .ld-3d__canvas{max-width:none;width:100%;aspect-ratio:1/1;height:auto}
#ss .ss-pv--side .ss-pv__stage .ld-3d__canvas{max-height:calc(100vh - var(--ss-top) - 330px);min-height:220px}
#ss .ss-pv__flat{padding:10px;background:#fff}
#ss .ss-pv__flat canvas{display:block;width:100%;height:auto;border:1px solid var(--ss-rule)}
#ss .ss-pv__zones{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;font-size:12px;color:var(--ss-muted);margin:6px 0 0}
#ss .ss-pv__facts{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:4px;font-size:14px}
#ss .ss-pv__facts li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ss-rule);padding:6px 0;margin:0}
#ss .ss-pv__facts li::before{content:none}
#ss .ss-pv__facts span:first-child{color:var(--ss-muted)}
#ss .ss-pv__facts span:last-child{text-align:right}
#ss .ss-pv__note{font-size:13px;color:var(--ss-muted);margin:10px 0 0}
#ss .ss-seg{display:flex;gap:4px;padding:4px;background:#eef1ec;border-radius:8px;margin:10px 0}
#ss .ss-seg label{position:relative;flex:1;display:grid;place-items:center;min-height:44px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;margin:0;color:var(--ss-ink)}
#ss .ss-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
#ss .ss-seg label.is-on{background:#fff;box-shadow:0 1px 3px rgba(16,44,54,.18)}
#ss .ss-seg label:focus-within{outline:3px solid var(--ss-accent)}
#ss .ss-views{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}
#ss .ss-views[hidden]{display:none}


#ss .ss-bar{position:sticky;bottom:0;z-index:25;margin-top:16px;background:rgba(252,252,248,.97);border:1px solid var(--ss-rule);border-radius:12px;padding:10px 12px;box-shadow:0 -6px 18px rgba(16,44,54,.06)}
#ss .ss-bar[hidden]{display:none}
#ss .ss-bar__inner{display:flex;gap:10px;align-items:center;width:100%}
#ss .ss-bar__status{margin-right:auto;font-size:14px;color:var(--ss-muted)}
#ss .ss-btn--primary{min-width:200px}
#ss .ss-pv-open{display:inline-flex}
@media(min-width:1000px){#ss .ss-pv-open{display:none!important}}
@media(max-width:600px){#ss .ss-bar__status{display:none}#ss .ss-btn--primary{min-width:0;flex:1}#ss .ss-bar{border-radius:0;margin-left:-16px;margin-right:-16px}}


#ss .ss-sheet{border:0;padding:0;width:calc(100% - 32px);max-width:520px;max-height:calc(100vh - 32px);border-radius:14px;background:var(--ss-white);color:var(--ss-ink)}
#ss .ss-sheet::backdrop{background:rgba(16,44,54,.45)}
#ss .ss-sheet--editor{max-width:1480px;width:calc(100% - 32px);height:calc(100vh - 32px)}
@media(max-width:600px){#ss .ss-sheet{max-width:100vw;width:100%;height:100%;max-height:100%;margin:0;border-radius:0}}
#ss .ss-sheet .ss-pv,#ss .ss-sheet__head{min-width:0}
#ss .ss-sheet__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ss-rule);position:sticky;top:0;background:#fff;z-index:5}
#ss .ss-sheet__title{font-size:18px;margin:0}
#ss .ss-sheet__head .ss-hint{margin:2px 0 0}
#ss .ss-pv--sheet{padding:16px}
#ss .ss-pv--sheet .ss-pv__head .ss-eyebrow{display:none}
#ss .ss-editor{padding:12px 16px 24px}
#ss .ss-editor .lw__brand,#ss .ss-editor .lw__handoff{display:none}


#ss .ss-toast[hidden]{display:none}
#ss .ss-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--ss-ink);color:#fff;padding:8px 8px 8px 16px;border-radius:8px;display:flex;gap:8px;align-items:center;z-index:60;max-width:calc(100vw - 32px);font-size:15px;box-shadow:0 10px 30px rgba(16,44,54,.25)}
#ss .ss-toast .ss-btn--light{color:#fff}
#ss .ss-toast .ss-btn--light:hover{background:#1f4552;color:#fff}
#ss .ss-tbtn--light{background:transparent;color:#fff;border-color:transparent}
#ss .ss-tbtn--light:hover:not(:disabled){background:#1f4552}

@media(max-width:999px){#ss .ss-top__name{display:none}#ss .ss-steps a{flex-direction:column;gap:2px;min-height:60px;justify-content:center;text-align:center;font-size:13px}#ss .ss-st{display:none}#ss .ss-n{width:26px;height:26px}}
@media(max-width:420px){#ss .ss-top__tools .ss-tbtn span{display:none}#ss .ss-pv-open span{display:inline!important}#ss .ss-steps{padding:0 4px}}


#ss .ss-editor :is(button,select,input:not([type=checkbox]):not([type=radio])){min-height:44px}
#ss .ss-editor button{min-width:44px}
#ss .ss-editor input[type=color]{min-width:44px}
#ss .ss-editor .lw__guide{min-height:44px;display:inline-flex;align-items:center}
#ss .ss-editor .lw__primary,#ss .ss-editor [data-action=review]{background:#fff;color:#102c36;border:1px solid #102c36}
#ss .ss-editor .lw__primary:hover,#ss .ss-editor [data-action=review]:hover{background:#e4eff1;color:#102c36}
#ss .ss-editor [data-action=preview]{display:none}
#ss .ss-editor .lw__field small,#ss .ss-editor .lw__ruler span{color:#3f5257}
#ss .ss-sheet__head .ss-tbtn{white-space:nowrap}
@media(max-width:600px){#ss .ss-sheet--editor .ss-sheet__head .ss-hint{display:none}}


#ss .sf{margin:4px 0 0;display:grid;gap:8px;min-width:0;text-align:left}
#ss .sf__title{margin:0;font-weight:600;font-size:15px;line-height:1.4;color:#102c36}
#ss .sf__label{background:#fff;border:1px solid #102c36;border-radius:4px;padding:12px 14px 10px;color:#102c36;min-width:0}
#ss .sf__head{margin:0 0 6px;padding:0 0 6px;border-bottom:1px solid #102c36;font-family:"Ubuntu","Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;color:#102c36}
#ss .sf__serving{margin:0 0 8px;display:grid;gap:2px;font-size:13.5px;line-height:1.45}
#ss .sf__serving div{display:flex;flex-wrap:wrap;gap:0 6px}
#ss .sf__serving dt{margin:0;font-weight:600;font-family:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;color:#102c36}
#ss .sf__serving dt::after{content:":"}
#ss .sf__serving dd{margin:0}
#ss .sf__table{width:100%;min-width:0;margin:0;border-collapse:collapse;font-size:13.5px;line-height:1.4;background:transparent;font-family:inherit}
#ss .sf__table caption{caption-side:top;text-align:left;padding:6px 0 4px;border-top:1px solid #102c36;font-weight:600;font-size:12.5px;line-height:1.4;font-family:inherit;letter-spacing:normal;text-transform:none;color:#102c36}
#ss .sf__table th,#ss .sf__table td{padding:5px 6px;border:0;border-bottom:1px solid #c4d2cd;vertical-align:top;text-align:left;background:transparent;color:#102c36;font-family:inherit;letter-spacing:normal;text-transform:none}
#ss .sf__table th:first-child,#ss .sf__table td:first-child{padding-left:0}
#ss .sf__table th:last-child,#ss .sf__table td:last-child{padding-right:0}
#ss .sf__table thead th{font-size:12px;font-weight:600;border-bottom:1px solid #102c36}
#ss .sf__table tbody th{font-weight:400;overflow-wrap:anywhere}
#ss .sf__table td,#ss .sf__table thead th + th{text-align:right;white-space:nowrap}
#ss .sf__table tbody tr:last-child > *{border-bottom:1px solid #102c36}
#ss .sf__other{margin:8px 0 4px;font-size:13px;line-height:1.45;color:#102c36}
#ss .sf__legend{margin:0;font-size:12px;line-height:1.45;color:#4b6067}
#ss .sf__notes{margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.45;color:#102c36}
#ss .sf__notes li{margin:0 0 2px}
#ss .sf__check{margin:0;font-size:12px;line-height:1.45;color:#4b6067}
#ss .ss-opts > .sf{margin:2px 0 6px}

#ss .ss-span2{grid-column:1/-1}
#ss .ss-filled{display:inline-block;align-self:flex-start;justify-self:start;width:max-content;max-width:100%;margin:6px 0 0;padding:2px 10px;border-radius:99px;background:var(--ss-accent-soft);border:1px solid #b8d3dc;font-size:13px;line-height:1.45;color:var(--ss-ink)}
#ss .ss-edited{margin:14px 0 0;padding:12px 14px;border:1px solid var(--ss-rule);border-radius:10px;background:var(--ss-white)}
#ss .ss-edited.is-edited{background:var(--ss-accent-soft);border-color:#b8d3dc}
#ss .ss-edited p{margin:0;font-size:15px}
#ss .ss-edited .ss-row{margin-top:8px}
#ss .ss-edited .ss-row:empty{display:none}
#ss .ss-pv__bare,#ss .ss-pv__empty{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--ss-muted);text-align:center}
#ss .ss-pv__empty{padding:28px 12px;border:1px dashed var(--ss-rule-strong);border-radius:10px}
#ss .sf__edited{margin:0;font-size:13px;line-height:1.45;color:var(--ss-muted)}

#ss .ss-warn{margin:6px 0 0;padding:10px 12px;background:var(--ss-warn-soft);border:1px solid #e3c98f;border-radius:8px;color:var(--ss-warn);font-size:14px;line-height:1.45}
#ss .ss-warn .ss-btn{display:flex;width:fit-content;margin-top:8px}
#ss .ss-fit{margin:10px 0 0;padding:10px 12px;background:var(--ss-cream);border-radius:8px;font-size:14px;line-height:1.45;color:var(--ss-ink)}
#ss .ss-fit ul{margin:6px 0 0;padding-left:18px}
#ss .ss-fit strong{font-weight:600}
#ss .sf__check p{margin:0}
#ss .sf__check ul{margin:4px 0 0;padding-left:16px}
/*! src: assets/product-concepts.css */

.tls.tls--concepts{font:16px/1.6 Arial,sans-serif;padding:32px 40px 24px;scroll-margin-top:calc(var(--site-header-height,110px) + 18px);background:#fff;color:#12313b}
.tls--concepts .tls__steps{display:flex;gap:32px;border-bottom:1px solid #c6d5d0;margin-bottom:32px;overflow:auto}
.tls--concepts .tls__steps button{border:0;border-radius:0;background:none;display:flex;align-items:center;gap:10px;padding:6px 0 16px;min-height:54px;white-space:nowrap;font-size:14px;color:#526b73}
.tls--concepts .tls__steps button span{font-size:12px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #9cb7bb;border-radius:50%}
.tls--concepts .tls__steps button[aria-current=step]{box-shadow:inset 0 -3px #08799d;color:#12313b}
.tls--concepts .tls__steps button[aria-current=step] span{color:#fff;background:#12313b;border-color:#12313b}
.tls--concepts .tls__intro{margin:0 0 28px;max-width:820px}.tls--concepts .tls__eyebrow{font-size:12px;letter-spacing:.12em;color:#4a6873;display:block;margin-bottom:12px;font-weight:700}
.tls--concepts .tls__intro h2{font:700 clamp(30px,3vw,46px)/1.12 Ubuntu,Arial,sans-serif;letter-spacing:-.03em;color:#12313b;margin:0 0 14px}
.tls--concepts .tls__intro p{font-size:16px;color:#45636c;line-height:1.65;margin:0;max-width:720px}
.tls--concepts .tls__body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:40px;align-items:start}
.tls--concepts .tls__main{min-width:0}.tls--concepts .tls__brand{border:0;padding:0;min-width:0}
.tls--concepts .tls__field{font-size:14px;margin-bottom:13px}.tls--concepts input:not([type=color]):not([type=file]),.tls--concepts select{min-height:48px;font-size:16px}
.tls--concepts .tls__url-row{flex-wrap:nowrap}.tls--concepts .tls__url-row input{width:0;flex:1 1 100px}.tls--concepts .tls__url-row button{min-width:150px;width:auto;font-size:14px;padding:12px;white-space:nowrap;background:#12313b;color:#fff;border-color:#12313b}
.tls--concepts .tls__hint,.tls--concepts .tls__details-body .tls__hint,.tls--concepts .tls__privacy,.tls--concepts .tls__file-name{font-size:13px;color:#526b73;line-height:1.65;max-width:none}
.tls--concepts .tls__details-body .tls__hint{margin:0 0 18px}.tls--concepts .tls__details{margin-top:26px;padding-top:20px;border-top:1px solid #d8e2e0}
.tls--concepts .tls__details summary{font-size:14px;min-height:32px}.tls--concepts .tls__details-body{max-width:none;padding-top:20px}
.tls--concepts .tls__colour{font-size:14px}.tls--concepts input[type=color]{width:38px;height:38px}.tls--concepts .tls__colour-row{gap:26px;margin-block:20px}.tls--concepts .tls__upload{font-size:14px;min-height:44px}
.tls--concepts .tls__found{background:#f2f7f5;padding:16px;margin-top:18px;border:1px solid #ccded7;border-radius:5px}.tls--concepts .tls__found div>span{font-size:13px}.tls--concepts .tls__status{margin:0 0 22px;font-size:14px}
.tls--concepts .tls__live{position:sticky;top:calc(var(--nav-occupied-height,110px) + 18px);min-width:0;border:1px solid #bacdcd;border-radius:6px;overflow:hidden;background:#f1f5ef;box-shadow:0 8px 24px #18374108}
.tls--concepts .tls__live-heading{padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #d2ddd5;background:#f7f9f4}
.tls--concepts .tls__live-heading>span{font-size:11px;letter-spacing:.08em;font-weight:700}.tls--concepts .tls__live-heading button{font-size:12px;padding:6px 10px;min-height:38px;background:#fff;flex:none}
.tls--concepts .tls__proof{display:flex;align-items:center;justify-content:center;min-height:330px;padding:28px 30px;background:#e7eee5}
.tls--concepts .tls__proof>svg{display:block;width:100%;max-width:290px;height:auto;aspect-ratio:63.334/60;box-shadow:0 8px 30px #12313b18;border:1px solid #b6c6bb;overflow:hidden}
.tls--concepts .tls__proof.is-wrap{padding:26px 16px;min-height:330px}.tls--concepts .tls__proof.is-wrap>svg{max-width:100%;aspect-ratio:190/60}
.tls--concepts .tls__proof>p{font-size:14px;color:#45636c;padding:20px;overflow-wrap:anywhere}
.tls--concepts .tls__proof-note{font-size:12px;line-height:1.6;padding:13px 18px;margin:0;color:#526b73;border-bottom:1px solid #cedbd0}
.tls--concepts .tls__live-summary{padding:22px;background:#fff}.tls--concepts .tls__brief-heading>span{display:block;font-size:11px;letter-spacing:.1em;color:#426570;font-weight:700;margin-bottom:8px}
.tls--concepts .tls__brief-heading>strong{display:block;font:700 26px/1.2 Ubuntu,Arial,sans-serif;overflow-wrap:anywhere}.tls--concepts .tls__brief-heading p{font-size:14px;color:#526b73;margin-top:8px}
.tls--concepts .tls__live-summary dl{margin:18px 0 0}.tls--concepts .tls__live-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #e0e7e5;font-size:13px}.tls--concepts .tls__live-summary dt{color:#526b73}.tls--concepts .tls__live-summary dd{margin:0;text-align:right;font-weight:600;max-width:60%;overflow-wrap:anywhere}
.tls--concepts .tls__categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.tls--concepts .tls__categories button{font-size:14px;font-weight:500;padding:10px 13px;border-radius:5px;background:#f8faf7}.tls--concepts .tls__categories button[aria-pressed=true]{background:#12313b;color:#fff;border-color:#12313b}
.tls--concepts .tls__concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.tls--concepts .tls__concept-card{min-height:148px;position:relative;padding:18px;text-align:left;border:1px solid #becfcd;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.tls--concepts .tls__concept-card small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:500;color:#526b73}.tls--concepts .tls__concept-card strong{font:700 23px/1.2 Ubuntu,Arial,sans-serif;padding-right:15px}.tls--concepts .tls__concept-card span{font-size:13px;font-weight:400;line-height:1.5;color:#526b73}.tls--concepts .tls__concept-card b{position:absolute;top:14px;right:15px;color:#08799d}
.tls--concepts .tls__concept-card[aria-pressed=true]{border-color:#08799d;box-shadow:inset 0 0 0 1px #08799d;background:#edf5f6}.tls--concepts .tls__concept-card:hover{border-color:#08799d;background:#f4f8f6}
.tls--concepts .tls__direction{margin-top:26px;padding-top:24px;border-top:1px solid #c9d8d5}.tls--concepts .tls__direction h3{font:700 27px/1.2 Ubuntu,Arial,sans-serif;margin:0 0 10px;color:#12313b}.tls--concepts .tls__direction>p{font-size:15px;color:#45636c;line-height:1.65}
.tls--concepts .tls__pill{font-size:12px;background:#edf4f4;border:1px solid #cadcde;display:inline-block;padding:5px 10px;margin-top:16px;border-radius:3px;color:#365e69}
.tls--concepts .tls__ingredients{margin-top:14px}.tls--concepts .tls__ingredients>div{padding:15px 0;border-bottom:1px solid #dce5e2}.tls--concepts .tls__ingredients strong{font-size:14px;font-weight:700}.tls--concepts .tls__ingredients p{font-size:14px;line-height:1.75;color:#526b73;margin-top:4px}
.tls--concepts .tls__options{border:0;margin:28px 0 0;padding:0;min-width:0}.tls--concepts .tls__options legend{font:700 22px/1.3 Ubuntu,Arial,sans-serif;margin:0 0 7px;color:#12313b}.tls--concepts .tls__options>p{font-size:14px;color:#526b73;margin-bottom:14px}
.tls--concepts .tls__option{display:flex;gap:12px;align-items:start;border:1px solid #c9d9d5;border-radius:4px;padding:15px;margin-top:9px;cursor:pointer;background:#fff}.tls--concepts .tls__option:has(input:checked){background:#edf5f6;border-color:#73a7b7}.tls--concepts .tls__option input{appearance:auto;width:18px;height:18px;min-height:0!important;margin:3px 0 0;flex:none;accent-color:#08799d}.tls--concepts .tls__option strong{font-size:14px;display:block;line-height:1.4}.tls--concepts .tls__option small{font-size:13px;display:block;line-height:1.6;color:#526b73;margin-top:5px}
.tls--concepts .tls__science{margin:20px 0;border:1px solid #d0dedb;padding:0;border-radius:4px;background:#f7faf7;color:#234852}.tls--concepts .tls__science>summary{padding:16px;font-size:14px;font-weight:600;cursor:pointer;display:list-item;list-style:disclosure-closed inside;background:transparent}.tls--concepts .tls__science[open]>summary{list-style:disclosure-open inside;border-bottom:1px solid #d0dedb}.tls--concepts .tls__science summary:after{content:none}.tls--concepts .tls__science h4{font:700 14px/1.5 Arial,sans-serif;color:#12313b;margin:20px 18px 7px}.tls--concepts .tls__science p,.tls--concepts .tls__science ul{font-size:14px;line-height:1.7;margin:0 18px 18px}.tls--concepts .tls__science ul{padding-left:18px}.tls--concepts .tls__science li+li{margin-top:9px}.tls--concepts .tls__science a{color:#076989;text-decoration:underline;text-underline-offset:3px}
.tls--concepts .tls__brief-fields{margin-top:26px;border-top:1px solid #c9d8d5;padding-top:22px}.tls--concepts .tls__brief-fields .tls__field{margin-bottom:18px}
.tls--concepts .tls__routes{margin:25px 0 22px}.tls--concepts .tls__routes button{font-size:14px;padding:14px 10px;min-height:50px}.tls--concepts .tls__templates{gap:12px}.tls--concepts .tls__style-choice{padding:14px 13px 0}.tls--concepts .tls__style-swatch{height:75px;display:grid;place-items:center;font:700 38px/1 var(--tls-label-font);color:var(--tls-label-ink);background:var(--tls-label-bg);border:1px solid #bdcdc3}.tls--concepts .tls__style-swatch--bold{background:var(--tls-label-accent);color:var(--tls-accent-ink)}.tls--concepts .tls__style-swatch--editorial{font-weight:400;text-align:left}.tls--concepts .tls__template-name{min-height:46px;font-size:14px}.tls--concepts .tls__layout-note{font-size:14px;line-height:1.75;max-width:none}.tls--concepts .tls__artwork-route{min-height:190px}.tls--concepts .tls__artwork-route h4{font-size:20px}.tls--concepts .tls__artwork-route p{font-size:14px;max-width:440px}
.tls--concepts .tls__handoff{border-top:1px solid #c9d8d5;padding-top:25px;margin-top:26px}.tls--concepts .tls__handoff h3{font:700 22px/1.3 Ubuntu,Arial,sans-serif;color:#12313b;margin:0 0 15px}.tls--concepts .tls__handoff ul{margin:0 0 18px;padding-left:20px;font-size:15px}.tls--concepts .tls__handoff li+li{margin-top:9px}.tls--concepts .tls__handoff p{font-size:14px;color:#526b73;line-height:1.75}
.tls--concepts .tls__brief-preview{width:100%;padding:28px 22px;background:#fff;border:1px solid #b8cccd;box-shadow:5px 6px 0 #cedddb}.tls--concepts .tls__brief-preview>span{font-size:11px;letter-spacing:.1em}.tls--concepts .tls__brief-preview h3{font:700 22px/1.4 Arial,sans-serif;color:#12313b;margin:25px 0 8px;overflow-wrap:anywhere}.tls--concepts .tls__brief-preview>strong{font:700 30px/1.15 Ubuntu,Arial,sans-serif;overflow-wrap:anywhere}.tls--concepts .tls__brief-preview>div{border-top:1px solid #bacdcd;margin-top:28px;padding-top:15px}.tls--concepts .tls__brief-preview p{font-size:13px;line-height:1.7;margin:5px 0}
.tls--concepts .tls__step-actions{display:flex;align-items:center;gap:20px;padding:24px 0 0;margin-top:30px;border-top:1px solid #c6d5d0}.tls--concepts .tls__step-actions>span{font-size:13px;line-height:1.6;color:#526b73;max-width:330px;margin-right:auto}.tls--concepts .tls__step-actions>button{flex:none;font-size:14px;min-height:48px}.tls--concepts .tls__step-actions .tls__primary{width:auto;min-width:230px;gap:22px}.tls--concepts .tls__footer{margin-top:24px;padding-top:16px}.tls--concepts .tls__text-button{font-size:13px;min-height:42px}.tls--concepts .tls__previous{font-size:12px}
.tls--concepts button:focus-visible,.tls--concepts input:focus-visible,.tls--concepts select:focus-visible,.tls--concepts summary:focus-visible{outline:3px solid #0a94ba;outline-offset:3px}
@media(max-width:1150px){.tls.tls--concepts{padding:26px}.tls--concepts .tls__body{gap:26px;grid-template-columns:minmax(0,1fr) minmax(290px,.86fr)}.tls--concepts .tls__url-row{flex-wrap:wrap}.tls--concepts .tls__url-row input{width:100%;flex-basis:100%}.tls--concepts .tls__url-row button{width:100%}.tls--concepts .tls__concept-card{padding:15px}.tls--concepts .tls__concept-card strong{font-size:21px}}
@media(max-width:850px){.tls--concepts .tls__body{grid-template-columns:1fr}.tls--concepts .tls__live{position:static;display:grid;grid-template-columns:1fr 1fr}.tls--concepts .tls__live-heading{grid-column:1/-1}.tls--concepts .tls__proof{min-height:260px;grid-column:1;grid-row:2;padding:24px}.tls--concepts .tls__proof>svg{max-width:235px}.tls--concepts .tls__proof-note{grid-column:1/-1;grid-row:3;border-top:1px solid #d0ded2;border-bottom:0}.tls--concepts .tls__live-summary{grid-column:2;grid-row:2;border-left:1px solid #d0ded2}.tls--concepts .tls__proof.is-wrap{min-height:260px}.tls--concepts .tls__step-actions>span{display:none}.tls--concepts .tls__step-actions .tls__primary{margin-left:auto}.tls--concepts .tls__brand{padding:0;border:0}.tls--concepts .tls__url-row{flex-wrap:nowrap}.tls--concepts .tls__url-row input{width:0;flex:1 1 100px}.tls--concepts .tls__url-row button{width:auto}.tls--concepts .tls__details-body{max-width:none}}
@media(max-width:540px){.tls.tls--concepts{padding:20px 16px}.tls--concepts .tls__steps{gap:19px;margin-bottom:25px}.tls--concepts .tls__steps button{gap:6px;font-size:13px;padding-bottom:13px}.tls--concepts .tls__steps button span{width:23px;height:23px;font-size:11px}.tls--concepts .tls__intro h2{font-size:32px}.tls--concepts .tls__intro p{font-size:15px}.tls--concepts .tls__live{display:block}.tls--concepts .tls__proof{min-height:300px}.tls--concepts .tls__proof>svg{max-width:270px}.tls--concepts .tls__live-summary{border-left:0;padding:20px}.tls--concepts .tls__proof.is-wrap{min-height:210px}.tls--concepts .tls__url-row{flex-wrap:wrap}.tls--concepts .tls__url-row input{width:100%;flex-basis:100%}.tls--concepts .tls__url-row button{width:100%}.tls--concepts .tls__concept-card strong{font-size:21px}.tls--concepts .tls__concept-card{min-height:160px;padding:14px}.tls--concepts .tls__concept-card b{display:none}.tls--concepts .tls__concept-card strong{padding-right:0}.tls--concepts .tls__categories{gap:6px}.tls--concepts .tls__categories button{font-size:13px;padding:10px}.tls--concepts .tls__step-actions{gap:12px}.tls--concepts .tls__step-actions .tls__primary{min-width:0;flex:1;font-size:14px;gap:12px}.tls--concepts .tls__step-actions>button{padding:11px;font-size:13px}.tls--concepts .tls__colour-row{flex-wrap:wrap;gap:15px}.tls--concepts .tls__templates{gap:8px}.tls--concepts .tls__style-choice{padding:9px 8px 0}.tls--concepts .tls__template-name{font-size:12px}.tls--concepts .tls__footer{flex-direction:column;align-items:flex-start;gap:4px}.tls--concepts .tls__footer>div{gap:0}.tls--concepts .tls__brief-heading>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.tls--concepts *{transition:none!important;scroll-behavior:auto!important}}

.tls--concepts .tls__step-actions{position:sticky;bottom:0;z-index:3;background:#fff;padding-bottom:18px;box-shadow:0 -10px 16px #ffffffed}

.tls.tls--concepts .tls__option input[type=checkbox]{width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px}
.tls--concepts .tls__option>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:540px){.tls--concepts .tls__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible}.tls--concepts .tls__steps button{flex-direction:column;gap:5px;align-items:center;justify-content:center;white-space:normal;text-align:center;font-size:12px}.tls--concepts .tls__steps button span{width:22px;height:22px}}
/*! src: assets/buyer-guides.css */

.bg-label-guide,.bg-coa-guide{--bg-ink:#12323d;--bg-muted:#47636b;--bg-line:#bccfce;--bg-accent:#087ca1;color:var(--bg-ink)}
.bg-kicker,.bg-stage-heading{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.bg-label-guide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);border:1px solid var(--bg-line);background:#fff;overflow:hidden}
.bg-label-stage{padding:30px;background:#e6eeea;display:flex;flex-direction:column;justify-content:center;min-width:0}
.bg-stage-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:28px}
.bg-stage-heading span:last-child{font-size:10px;letter-spacing:.03em;color:var(--bg-muted);text-align:right}
.bg-flat-label{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fdfcf5;border:1px solid #9cb6b7;box-shadow:5px 7px 0 #163c4910;min-width:0}
.bg-label-front{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:24px;padding:30px 12px;background:#dce8df;min-width:0}
.bg-label-brand{font-size:10px;letter-spacing:.12em;font-weight:700}
.bg-label-front>strong{font:700 clamp(19px,2vw,28px)/1.1 var(--font-h,Ubuntu,sans-serif);letter-spacing:-.04em}
.bg-label-front>span:not(.bg-label-brand){font-size:10px;line-height:1.5}
.bg-label-back{padding:18px 8px;border-left:1px dashed #a1b8b7;min-width:0}
.bg-label-zone{position:relative;padding:12px 7px;border:1px solid transparent;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;transition:background .15s,border-color .15s}
.bg-label-zone>strong{font-size:10px;line-height:1.4;letter-spacing:.015em;margin-top:12px}
.bg-label-zone>span:not(.bg-zone-number){font-size:11px;line-height:1.6;color:var(--bg-muted)}
.bg-label-row{border-bottom:1px solid #bfceca;padding-bottom:5px}
.bg-zone-number{font-size:10px;font-weight:700;color:var(--bg-accent)}
.bg-label-zone.is-selected,.bg-label-quantity.is-selected{background:#d7ebf0;border-color:var(--bg-accent)}
.bg-label-quantity{padding:7px 3px;border:1px solid transparent}
.bg-stage-note{font-size:12px!important;line-height:1.7!important;margin:24px 0 0!important;color:var(--bg-muted)}
.bg-label-reading{padding:30px;min-width:0}
.bg-label-choices{display:grid;gap:8px;margin:20px 0}
.bg-label-choice{display:grid;grid-template-columns:24px 1fr;gap:7px 10px;background:transparent;border:1px solid transparent;border-bottom-color:var(--bg-line);padding:17px 10px;text-align:left;color:var(--bg-ink);font:inherit;cursor:pointer;border-radius:2px}
.bg-label-choice .bg-choice-index{grid-row:1 / span 2;font-size:11px;color:var(--bg-accent);font-weight:700;padding-top:3px}
.bg-label-choice strong{font-family:var(--font-h,Ubuntu,sans-serif);font-size:20px;line-height:1.25}
.bg-label-choice>span:last-child{font-size:13px;line-height:1.7;color:var(--bg-muted)}
.bg-label-choice[aria-pressed=true]{background:#eff6f6;border-color:#a7c8ce}
.bg-label-choice:focus-visible,.bg-coa-controls button:focus-visible{outline:3px solid #148bad;outline-offset:3px}
.bg-label-choice:disabled,.bg-coa-controls button:disabled{opacity:1;cursor:default}
.bg-guide-link{font-size:13px;font-weight:600;display:inline-block;margin-top:12px;text-underline-offset:4px;color:#066680}
.bg-coa-guide{border:1px solid var(--bg-line);background:#fff}
.bg-coa-controls{display:flex;gap:0;border-bottom:1px solid var(--bg-line);background:#f6f7f1}
.bg-coa-controls button{flex:1;min-height:86px;display:flex;flex-direction:column;gap:8px;text-align:left;padding:20px 30px;border:0;border-bottom:3px solid transparent;background:transparent;font:inherit;color:var(--bg-ink);cursor:pointer}
.bg-coa-controls button+button{border-left:1px solid var(--bg-line)}
.bg-coa-controls button span{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.bg-coa-controls button strong{font-family:var(--font-h,Ubuntu,sans-serif);font-size:21px;line-height:1.2}
.bg-coa-controls button[aria-pressed=true]{border-bottom-color:var(--bg-accent);background:#e2eef0}
.bg-coa-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;padding:40px;background:linear-gradient(90deg,#e6eeea 0,#e6eeea 48%,#fff 48%)}
.bg-coa-document{padding:30px;background:#fffef9;border:1px solid #adc3c4;box-shadow:6px 8px 0 #163c4910;align-self:start;min-width:0}
.bg-coa-document h3{font-size:29px!important;line-height:1.15;margin:18px 0 28px!important;max-width:300px}
.bg-coa-document dl{margin:0;border-top:2px solid var(--bg-ink)}
.bg-coa-document dl>div{padding:18px 0;border-bottom:1px solid var(--bg-line)}
.bg-coa-document dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;color:var(--bg-muted)}
.bg-coa-document dd{font-size:15px;line-height:1.6;font-weight:600;margin:0}
.bg-coa-document>p:last-child{font-size:12px;margin:24px 0 0;color:var(--bg-muted)}
.bg-coa-document[hidden]{display:none!important}
.bg-coa-guide:not(.is-enhanced) .bg-coa-reading{grid-column:1/-1}
.bg-coa-check{display:grid;grid-template-columns:24px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--bg-line)}
.bg-coa-check>span{font-size:11px;font-weight:700;color:var(--bg-accent);padding-top:5px}
.bg-coa-check h3{font-size:22px!important;line-height:1.2;margin:0 0 10px!important}
.bg-coa-check p,.bg-coa-boundary{font-size:14px!important;line-height:1.7!important;margin:0!important;color:var(--bg-muted)}
.bg-coa-boundary{margin-top:24px!important;padding-left:15px;border-left:3px solid var(--bg-accent)}
@media(max-width:1050px){.bg-label-guide{grid-template-columns:1fr}.bg-label-stage{padding:30px}.bg-flat-label{min-height:380px}.bg-label-back{padding:20px}.bg-label-zone>strong{font-size:12px}.bg-label-zone>span:not(.bg-zone-number){font-size:13px}.bg-label-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-label-choice{padding:14px 10px;grid-template-columns:1fr}.bg-label-choice .bg-choice-index{grid-row:auto}.bg-label-choice strong{font-size:19px}.bg-label-front>strong{font-size:32px}.bg-label-front>span:not(.bg-label-brand){font-size:12px}}
@media(max-width:700px){.bg-label-stage,.bg-label-reading{padding:20px}.bg-stage-heading{align-items:start;font-size:10px;margin-bottom:20px}.bg-flat-label{grid-template-columns:1fr 1fr;min-height:0}.bg-label-front{grid-column:1/-1;min-height:150px;padding:22px;gap:14px}.bg-label-front>strong br{display:none}.bg-label-front>strong{font-size:28px}.bg-label-front>strong br::after{content:' '}.bg-label-brand{font-size:11px}.bg-label-back{border-top:1px dashed #a1b8b7;padding:14px 5px}.bg-label-back:nth-child(2){border-left:0}.bg-label-zone{padding:8px 4px;gap:8px}.bg-label-zone>strong{font-size:10px;overflow-wrap:break-word}.bg-label-zone>span:not(.bg-zone-number){font-size:12px}.bg-label-choices{grid-template-columns:1fr}.bg-label-choice{grid-template-columns:24px 1fr;min-height:48px}.bg-label-choice .bg-choice-index{grid-row:1/span 2}.bg-label-choice>span:last-child{font-size:14px}.bg-coa-controls button{padding:17px 14px;gap:6px}.bg-coa-controls button strong{font-size:18px}.bg-coa-controls button span{font-size:10px;line-height:1.5}.bg-coa-stage{grid-template-columns:1fr;padding:22px;gap:34px;background:#e6eeea}.bg-coa-document{padding:24px}.bg-coa-document h3{font-size:27px!important}.bg-coa-reading{padding:0 2px}.bg-coa-check p,.bg-coa-boundary{font-size:14px!important}.bg-coa-controls button[aria-pressed=true]{box-shadow:inset 0 -1px 0 var(--bg-accent)}}
@media(prefers-reduced-motion:reduce){.bg-label-zone{transition:none}}