/* AskWell · styles ported from the mockups (gen.py). No external resources. */
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/inter-latin-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/inter-latin-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/inter-latin-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:800 900;font-display:swap;src:url(fonts/inter-latin-800.woff2) format('woff2')}
*{box-sizing:border-box;margin:0;padding:0}
:root{--teal:#135E73;--ink:#15303A;--mut:#4C666E;--line:#DCE5E8;--bg:#F3F6F7;--gold:#F2B544;--pur:#5A3FB0}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* iOS: follow Dynamic Type (Settings › Display & Brightness › Text Size). -webkit-touch-callout limits this to iOS Safari, so desktop Safari keeps 16px. */
@supports (font:-apple-system-body) and (-webkit-touch-callout:none){html{font:-apple-system-body}}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:0.875rem;line-height:1.4}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #F2B544;outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}
.app{position:sticky;top:0;z-index:5;background:var(--bg);padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hdr-r{display:flex;gap:8px;align-items:center}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.125rem;letter-spacing:-.2px}
.logo i{width:1.875rem;height:1.875rem;border-radius:9px;background:var(--teal);display:inline-flex;align-items:center;justify-content:center;font-style:normal;color:var(--gold);font-size:1.125rem;font-weight:900;flex:none}
.logo small{display:block;font-size:0.6875rem;font-weight:600;color:var(--mut);letter-spacing:0;margin-top:-1px}
.back{font-size:0.875rem;font-weight:700;color:var(--teal);padding:4px 0}
.h1{font-size:1.375rem;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.content{flex:1;padding:0 18px calc(100px + env(safe-area-inset-bottom))}
.tabs{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:6;min-height:calc(70px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:9px 6px env(safe-area-inset-bottom)}
.tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:min(.72rem,4.1vw);line-height:1.15;text-align:center;font-weight:700;color:#4C666E;flex:1;min-width:0;min-height:48px;padding:0 2px}
.tabs a b{font-size:min(1.19rem,6vw);filter:grayscale(1);opacity:.55}
.tabs .on{color:var(--teal)}.tabs .on b{filter:none;opacity:1}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;width:100%}
.lbl{font-size:0.6875rem;text-transform:uppercase;letter-spacing:1px;color:var(--mut);font-weight:800;display:block}
.lbl .opt,.opt{text-transform:none;letter-spacing:0;font-weight:600}
.fl{margin:10px 0 4px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.grow{flex:1;min-width:0}
.muted{color:var(--mut);font-size:0.75rem;line-height:1.45}
.center{text-align:center}.nowrap{white-space:nowrap}.red{color:#AE3B22}
.pill{font-size:0.6875rem;font-weight:800;padding:3px 8px;border-radius:10px;white-space:nowrap;display:inline-block}
.pills{display:flex;gap:5px}
.p-red{background:#FDE8E3;color:#AE3B22}.p-blue{background:#E1EEF7;color:#235E8C}.p-grn{background:#E1F4E8;color:#18703D}.p-yel{background:#FFF3D1;color:#865F00}.p-pur{background:#ECE6FA;color:var(--pur)}.p-gry{background:#EBF0F2;color:#46606A}
.ex{background:var(--gold);color:#3A2C00;font-size:0.6875rem;font-weight:900;padding:3px 7px;border-radius:5px;letter-spacing:.6px}
.priv{display:flex;align-items:center;gap:8px;background:#E1F4E8;border:1px solid #BCE3CA;color:#18603A;border-radius:12px;padding:8px 11px;font-size:0.7188rem;font-weight:600;line-height:1.35}
.big{border-radius:18px;padding:16px;display:flex;gap:12px;align-items:center;color:#fff;width:100%;margin-top:10px;text-align:left}
.b-teal{background:linear-gradient(135deg,#135E73,#1C7E8F);margin-top:12px}.b-pur{background:linear-gradient(135deg,#5A3FB0,#7559CF)}
.big .e{width:2.875rem;height:2.875rem;border-radius:13px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex:none}
.big b{font-size:1.0625rem;display:block;letter-spacing:-.2px}.big span{font-size:0.75rem;opacity:.92;line-height:1.35;display:block;margin-top:2px}.big .chev{font-size:1.375rem}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:12px 16px;border-radius:12px;font-weight:800;font-size:0.875rem;text-align:center}
.btn:disabled{opacity:.6}
.btn2{display:inline-block;background:#fff;color:var(--teal);border:1.5px solid var(--teal);padding:10px 14px;border-radius:12px;font-weight:800;font-size:0.8125rem;text-align:center}
.btn2.sm{padding:6px 10px;font-size:0.75rem}.btn2.danger{color:#AE3B22;border-color:#E8B4A6}
.btnrow{display:flex;gap:8px;flex-wrap:wrap}.btnrow>*{flex:1 1 9rem}.btnrow.wrap{flex-wrap:wrap}.btnrow.wrap>*{flex:0 1 auto}
.chip{display:inline-block;padding:6px 10px;border-radius:16px;font-size:0.75rem;font-weight:700;margin:0 5px 6px 0;border:1.5px solid #C9D7DB;color:#33515A;background:#fff;white-space:nowrap}
.chip.on,.chip.radio:has(input:checked){background:#E2F0F3;border-color:var(--teal);color:var(--teal)}
.chip.radio input{position:absolute;opacity:0;pointer-events:none}
.chip.radio:focus-within{outline:3px solid #F2B544}
.chips-scroll{white-space:nowrap;overflow-x:auto;margin:0 -18px 2px 0;padding-right:18px;scrollbar-width:none}.chips-scroll::-webkit-scrollbar{display:none}
.chips-wrap{display:flex;flex-wrap:wrap}
.disc{font-size:0.7188rem;color:#4C666E;text-align:center;line-height:1.4;padding:8px 6px 0}
.cb{width:1.75rem;height:1.75rem;border-radius:6px;border:2px solid #A9BEC4;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:0.8125rem;font-weight:900;color:#fff;background:#fff}
.cb.on{background:var(--teal);border-color:var(--teal)}
.seg{display:flex;background:#E7EEF0;border-radius:10px;padding:3px;overflow-x:auto}
.seg button,.seg-r span{flex:1;text-align:center;padding:6px 10px;border-radius:8px;font-size:0.7812rem;font-weight:800;color:var(--mut);white-space:nowrap;display:block}
.seg-r{flex:1;position:relative}.seg-r input{position:absolute;opacity:0}
.seg .on,.seg-r input:checked+span{background:#fff;color:var(--teal);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.seg-r:focus-within span{outline:3px solid #F2B544}
.tog{display:inline-block;vertical-align:middle;width:40px;height:24px;border-radius:12px;background:#C9D7DB;position:relative;flex:none}.tog:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.tog.on{background:#1F8A70}.tog.on:after{left:19px}
.av{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.cg{display:flex;align-items:center;gap:8px;background:#ECE6FA;color:#4B3496;border-radius:12px;padding:7px 10px;font-size:0.75rem;font-weight:700;width:100%}
.cg-main{display:flex;align-items:center;gap:8px;min-width:0;color:inherit}
.cg-r{margin-left:auto;display:flex;gap:6px;align-items:center}
.cg-fam{background:#fff;color:#4B3496;font-size:0.6875rem}
.linkish{color:var(--teal);font-weight:800;font-size:inherit;padding:6px 4px;margin:-6px -4px}
.cg .linkish{color:#4B3496;padding:0 4px;min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}
.inp,.ta{width:100%;background:#fff;border:1.5px solid #C9D7DB;border-radius:12px;padding:10px 12px;font-size:0.9375rem}
.inp:focus,.ta:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #CFE3E8}
.ta{resize:vertical;font-size:0.8125rem;line-height:1.45;border-style:dashed}
.card .ta{margin-top:4px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.8125rem}
.code{font-size:0.6875rem;word-break:break-all}
.search{color:var(--ink)}
.inrow{display:flex;gap:8px}.inrow .inp{flex:1}
.inp-in{border:0;background:#EBF0F2;border-radius:10px;padding:5px 10px;font-size:0.8125rem;font-weight:700;max-width:60%}
.fr{padding:9px 0;font-size:0.8125rem;font-weight:700}.bt{border-top:1px solid #EDF2F3}
.checkline{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:0.8125rem;font-weight:600}
.checkline input{width:1.25rem;height:1.25rem;flex:none;accent-color:var(--teal)}
.err{color:#AE3B22;font-weight:700;font-size:0.7812rem;margin-top:8px}.ok{color:#18703D;font-weight:700;font-size:0.7812rem;margin-top:8px}
/* home */
.upcoming{margin-top:10px;border-left:5px solid var(--gold)}
.up-when{font-size:1.0625rem;font-weight:800;margin-top:5px}
.bar{height:0.5rem;background:#E7EEF0;border-radius:4px;margin:10px 0 5px;overflow:hidden}.bar i{display:block;height:100%;background:#1F8A70}
.bar.pur{height:0.4375rem;margin:0}.bar.pur i{background:var(--pur)}
.link-sm{font-size:0.75rem;font-weight:800;color:var(--teal);white-space:nowrap}
.list-row{padding:9px 0;border-top:1px solid #EDF2F3}.list-row:first-of-type{border-top:0}.lr-t{font-weight:700;font-size:0.8438rem}
.welcome h2{font-size:1.25rem;margin-bottom:6px}
/* visits / prepare */
.vrow{margin-bottom:8px}
.ico{width:2rem;height:2rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex:none}
.chev-g{color:#6E858C;font-weight:800}
.tip{display:flex;gap:8px;align-items:center;background:#FFF6DC;border:1px solid #F2D58A;border-radius:12px;padding:8px 11px;margin:2px 0 8px;font-size:0.7188rem;color:#5A4300;line-height:1.35}
.jog-btn{display:block;width:100%;text-align:left;font-size:0.7812rem;font-weight:800;color:#5A3FB0;background:#F4F0FD;border:1px solid #DCD2F5;border-radius:12px;padding:8px 11px;margin:2px 0 8px}
.item{display:flex;gap:10px;align-items:flex-start;padding:7px 6px 7px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:5px}
.item.top{border-color:#F2D58A}
.item.asked .item-main b{text-decoration:line-through;text-decoration-color:#A9BEC4;color:#5E7880}
.num{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--gold);color:#3A2C00;font-weight:900;font-size:0.75rem;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.grip{width:1.5rem;text-align:center;color:#A9BEC4;font-weight:900;flex:none}
.item-main{flex:1;min-width:0;text-align:left;min-height:1.875rem}.item-main b{font-size:0.8438rem;line-height:1.25}.item-main .muted{font-size:0.7188rem;margin-top:2px}.src{font-style:italic}
.mv{display:flex;flex-direction:column;gap:2px}.mv button{width:2.125rem;height:1.875rem;border-radius:6px;color:var(--teal);font-weight:900;background:#F2F8F9}.mv button:disabled{opacity:.25}
.empty{padding:16px 6px;text-align:center}
.danger-link{display:block;margin:10px auto 0;padding:12px 16px;color:#AE3B22;font-weight:700;font-size:0.8125rem}
/* picker & pack */
.dx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.25rem),1fr));gap:8px}
.dx{background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 11px 8px;position:relative;text-align:left}
.dx.mine{border:2px solid var(--pur)}.dx-e{font-size:1.25rem}.dx-n{font-weight:800;font-size:0.8438rem;margin-top:2px;line-height:1.2}.dx-f{font-size:0.6875rem;font-style:italic}.dx-q{font-size:0.6875rem;font-weight:700;color:var(--pur);margin-top:3px}
.dx-p{position:absolute;top:9px;right:9px}
.notlisted{margin-top:10px;padding:10px 12px;display:flex;gap:10px;align-items:center}
.sec{margin:12px 2px 5px;scroll-margin-top:70px}
.qcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 10px;margin-bottom:6px}
.qrow{display:flex;gap:10px;align-items:flex-start}
.qtext{font-size:0.8125rem;font-weight:600;line-height:1.35;flex:1}.qtext.done{font-weight:700}
.star{color:#6B8188;font-size:1.375rem;line-height:1;min-width:2.5rem;min-height:2.5rem;margin:-8px -6px -8px 0;display:flex;align-items:center;justify-content:center}.star.on{color:#A87700}
.answer{display:block;width:calc(100% - 38px);text-align:left;margin:6px 0 0 38px;min-height:2.25rem;background:#F2F8F9;border:1px solid #CFE3E8;border-radius:10px;padding:7px 9px;font-size:0.7188rem;line-height:1.4;color:#24464F}
.answer b{color:var(--teal)}.answer.empty{background:#fff;border:1.5px dashed #A9BEC4;color:#4C666E}
.ownq{display:flex;gap:8px;margin-top:10px}.ownq .inp{flex:1;font-size:0.8125rem}
/* reminders */
.appt{padding:10px 12px;border-left:5px solid var(--gold)}.appt-t{display:block;font-size:0.875rem;font-weight:800;margin-top:2px;padding:4px 0}
.rem{display:flex;gap:10px;padding:8px 0;border-top:1px solid #EDF2F3}.rem.first{border-top:0}.rem.is-done{opacity:.6}
.appt .rem.first{border-top:1px solid #EDF2F3;margin-top:6px}
.rem-main{flex:1;min-width:0;text-align:left}.rem-main b{font-size:0.8438rem;line-height:1.25}.pencil{color:var(--teal);font-size:0.8125rem;font-weight:800}
.rem-when{font-size:0.75rem;font-weight:700;color:#24464F;margin-top:1px}
.tags{margin-top:4px;display:flex;gap:4px;flex-wrap:wrap}
.add-pill{background:var(--teal);color:#fff;font-size:0.75rem;padding:5px 11px}
.missed{background:#FFF6DC;border-color:#F2D58A;margin-bottom:10px}
.honest{margin-top:8px;font-size:0.7188rem}
/* settings */
.srow{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 0;border-top:1px solid #EDF2F3;text-align:left}
.card>.srow:first-child{border-top:0}
.srow-l{display:flex;gap:10px;align-items:center;min-width:0}.srow-i{font-size:1.0625rem;width:1.375rem;text-align:center}.srow-t{font-size:0.8438rem;font-weight:700;display:block}.srow-s{display:block;font-size:0.7188rem}
.prow{padding:10px 0;border-top:1px solid #EDF2F3;gap:10px;justify-content:flex-start}.card>.prow:first-child{border-top:0}
.prow b{font-size:0.8438rem}.prow.sw{width:100%;border-top:0;border-bottom:1px solid #EDF2F3}
.add-person{display:block;width:100%;text-align:left;border-top:1px solid #EDF2F3;padding:10px 0;font-size:0.8125rem;font-weight:800;color:var(--teal)}
.form{padding:10px 14px 14px}
.trow{width:100%;padding:8px 0;font-size:0.7812rem;font-weight:700;border-top:1px solid #EDF2F3;text-align:left}.card>.trow:first-child{border-top:0}
.how p{font-size:0.7812rem;line-height:1.45}.ready{margin-top:8px;border-color:#BCE3CA;background:#F5FBF7}
.file-btn{cursor:pointer;flex:0 0 auto}
.act{padding:5px 0;gap:10px}
.prose p{margin-bottom:10px;font-size:0.8438rem;line-height:1.5}.alert-box{background:#FDE8E3;border:1px solid #F3C3B5;color:#7A2A17;border-radius:12px;padding:9px 11px}
/* sheet & toast */
.dim{position:fixed;inset:0;background:rgba(10,30,36,.45);z-index:20}
.sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;max-height:88vh;overflow-y:auto;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.2);z-index:21;padding:8px 18px calc(18px + env(safe-area-inset-bottom))}
.grab{width:2.5rem;height:0.3125rem;border-radius:3px;background:#C9D7DB;margin:0 auto 8px}
.sheet-h{margin-bottom:10px}.sheet-h b{font-size:1rem}
.big-inp{font-size:0.9375rem;font-weight:700;border-color:var(--teal)}
.jog{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:10px 4px;border-bottom:1px solid #EDF2F3;font-size:0.8438rem;font-weight:600}
.jog .plus{color:var(--teal);font-weight:900;font-size:1.125rem}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;font-size:0.8125rem;z-index:30;max-width:90vw;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
/* one-pager */
.bare{background:#fff;min-height:100vh}
.op-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#F3F6F7;border-bottom:1px solid var(--line);z-index:3}
.page{max-width:816px;margin:0 auto;padding:36px 48px;display:flex;flex-direction:column;background:#fff}
.ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:3px solid var(--teal);padding-bottom:12px}
.op-logo{font-size:0.9375rem}.op-logo i{width:1.5rem;height:1.5rem;font-size:0.875rem}.op-alt{font-weight:600;color:var(--mut);font-size:0.75rem}
.op-name{font-size:1.75rem;font-weight:800;margin-top:10px;letter-spacing:-.4px}.op-meta{font-size:0.8125rem}
.op-right{text-align:right;flex:none}.op-right .muted{margin-top:8px;font-size:0.6875rem}
.op-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}
.op-col{display:flex;flex-direction:column;gap:12px}
.box{border:1.5px solid #C9D7DB;border-radius:10px;padding:12px 14px}
.box.top3{border:2px solid var(--gold);background:#FFFCF2}.box.allergy{border-color:#E8B4A6;background:#FFF7F5}.box.allergy .lbl{color:#AE3B22}
.box .lbl{margin-bottom:4px}
.op-h{font-size:0.9375rem;font-weight:800}.op-txt{font-size:0.8125rem;line-height:1.6}
.q{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid #E3EAEC;font-size:0.8438rem;line-height:1.4}
.q .num{background:var(--teal);color:#fff}.q-d{color:#3E5A62}.cbx{width:1.5rem;text-align:center;flex:none}
.lines{border-bottom:1px dotted #9FB3B9;height:1.375rem}
.meds{font-size:0.7812rem;width:100%;border-collapse:collapse}.med-n{padding:4px 10px 4px 0;font-weight:700;width:7rem;vertical-align:top}.med-d{padding:4px 0;color:#3E5A62}
.notes{margin-top:14px;flex:1}
.op-next{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;background:#F2F8F9;border:1px solid #CFE3E8;border-radius:8px;padding:7px 10px;font-size:0.75rem;color:#24464F}.op-next b{color:var(--teal)}
.op-foot{margin-top:14px;font-size:0.6875rem;color:#4C666E}.op-foot>div{margin-top:4px}
@media (max-width:640px){.page{padding:18px 16px}.op-grid{grid-template-columns:1fr}.ph{flex-direction:column}.op-right{text-align:left}.op-name{font-size:1.4375rem}}
@media print{
  @page{size:letter;margin:10mm 11mm}
  .no-print,#toast,#sheet{display:none!important}
  body,.bare{background:#fff}
  .page{padding:0;max-width:none}
  .op-grid{grid-template-columns:1.55fr 1fr}.ph{flex-direction:row}.op-right{text-align:right}
  .box,.q{break-inside:avoid}
  /* print-only compaction so a full visit (EN or the longer FR) stays on one Letter page */
  .ph{padding-bottom:8px}.op-name{margin-top:6px}.op-grid{margin-top:10px;gap:12px}.op-col{gap:9px}
  .box{padding:9px 12px}.q{padding:4px 0;line-height:1.32}.op-txt{line-height:1.45}
  .lines{height:1.2rem}.notes{margin-top:9px}.op-next{margin-top:7px;padding:5px 9px}.op-foot{margin-top:8px}.op-foot>div{margin-top:2px}
  section.box[style*="margin-top"]{margin-top:9px!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media (min-width:700px){body{background:#E3EBEE}.shell{box-shadow:0 0 0 1px var(--line)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.op-hint{max-width:816px;margin:10px auto 0;padding:9px 12px;background:#FFF6DC;border:1px solid #F2D58A;border-radius:10px;font-size:0.7812rem;color:#5A4300}.op-hint a{color:var(--teal);font-weight:800;display:inline-block;padding:4px 2px}

/* bottom bar: fixed px height; its labels/icons are capped by viewport width (min(rem,vw)) so they never outgrow it */
/* text size: wrap instead of clipping when text is large */
.app{flex-wrap:wrap}
.item-main .row,.rem-main .row,.list-row,.upcoming .row,.vrow .row,.appt .row,.card>.row{flex-wrap:wrap}
.cg{flex-wrap:wrap}.cg .nowrap{white-space:normal}.cg-main{flex:1 1 12rem}
.seg.wrap{flex-wrap:wrap}.seg.wrap button{white-space:normal}
.ts-row{display:flex;align-items:center;gap:8px;margin:0 0 10px;flex-wrap:wrap}.ts-row .seg{flex:1 1 auto;flex-wrap:wrap}.ts-row .seg button{min-width:2.75rem}
.ts-a{line-height:1;font-weight:800}
html[data-ts="large"] .dx-grid,html[data-ts="xl"] .dx-grid{grid-template-columns:1fr}
html[data-ts="xl"] .big .e{width:2.4rem;height:2.4rem;font-size:1.3rem}
@media print{html{font-size:16px!important}}
/* WCAG 2.2 target size (24px minimum) for small inline links */
.cg-fam{min-height:1.5rem;padding:5px 10px;display:inline-flex;align-items:center}
.link-sm{display:inline-flex;align-items:center;min-height:1.5rem}