*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Noto Sans Ethiopic",sans-serif;color:#1F2340;background:#f6f8fa;line-height:1.5}
a{color:#4B3BC4}.demo-banner{background:#fde68a;text-align:center;font-size:13px;padding:4px}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}
.logo{font-size:20px;text-decoration:none;color:#1F2340}#menuBtn{display:none;font-size:22px;background:none;border:0}
nav{display:flex;gap:14px;align-items:center}nav a{text-decoration:none;font-weight:500}
@media(max-width:700px){#menuBtn{display:block}#nav{display:none}#nav.open{display:flex}}
main{max-width:1100px;margin:0 auto;padding:16px}
.hero{background:linear-gradient(135deg,#6A55E0,#4B3BC4 60%,#1F2340);color:#fff;border-radius:16px;padding:40px 24px;text-align:center}
.hero h1{font-size:clamp(26px,5vw,44px);margin:0 0 10px}.hero p{font-size:18px;opacity:.95}
.btn{display:inline-block;background:#4B3BC4;color:#fff;border:0;border-radius:10px;padding:10px 18px;font-size:15px;cursor:pointer;text-decoration:none;margin:4px}
.btn.alt{background:#fff;color:#4B3BC4;border:1px solid #4B3BC4}.btn.tele{background:#0057b8}.btn.chapa{background:#7c3aed}
.pill{border:1px solid #4B3BC4;background:#fff;color:#4B3BC4;border-radius:20px;padding:4px 12px;cursor:pointer}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}
.steps .card h3{margin-top:0}.cat{text-align:center;text-decoration:none;color:inherit;font-size:15px}.cat .ic{font-size:34px}
.badge{background:#EDE9FE;color:#3B2CA3;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600}
.feat{background:#fef3c7;color:#92400e}.demo{background:#e0e7ff;color:#3730a3}
.avatar{width:56px;height:56px;border-radius:50%;background:#4B3BC4;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex:none}
.row{display:flex;gap:12px;align-items:center}.stars{color:#B45309}
input,textarea,select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;margin:4px 0 12px}
.cmp{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.disc{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px;font-size:13px;color:#9a3412}
footer{text-align:center;padding:20px;font-size:13px;color:#64748b;max-width:1100px;margin:auto}
.price{font-size:28px;font-weight:700}.muted{color:#64748b;font-size:14px}h2{margin-top:28px}
.spons{background:#fce7f3;color:#9d174d}.comm{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.st-requested{background:#e0e7ff;color:#3730a3}.st-quoted{background:#fef3c7;color:#92400e}.st-accepted{background:#EDE9FE;color:#3B2CA3}.st-completed{background:#d1fae5;color:#065f46}.st-declined{background:#fee2e2;color:#991b1b}
/* v3: accessibility & mobile polish */
.skip{position:absolute;left:-999px;top:0;background:#1F2340;color:#fff;padding:10px 14px;z-index:20;border-radius:0 0 8px 0}.skip:focus{left:0}
:focus-visible{outline:3px solid #FFC94D;outline-offset:2px}
a{color:#3B2CA3}.muted{color:#4b5563}footer{color:#4b5563}
.btn,.pill,nav a,#menuBtn,button{min-height:44px}.btn{padding:12px 18px;font-size:16px;line-height:1.2}.pill{padding:8px 14px;display:inline-flex;align-items:center}
nav a{padding:10px 4px;display:inline-flex;align-items:center}#menuBtn{min-width:48px;cursor:pointer}
label{font-weight:600;font-size:14px;display:block}input[type=checkbox]{width:22px!important;height:22px;vertical-align:middle;margin:0 6px 0 0}
.flinks{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;margin:10px 0}.flinks a{color:#3B2CA3}
.badge{font-size:13px}.prio{background:#fee2e2;color:#991b1b}.cur{outline:3px solid #4B3BC4}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:30;padding:16px}
.modal .card{max-width:420px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.3)}
table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#f1f5f9}
.tw{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px}
details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin-bottom:8px}summary{font-weight:600;cursor:pointer;min-height:32px}
@media(max-width:700px){main{padding:12px}.hero{padding:28px 16px}.hero p{font-size:16px}.btn{width:100%;text-align:center;margin:6px 0}.grid{grid-template-columns:1fr}.grid:has(.cat){grid-template-columns:1fr 1fr}.row .btn{width:auto}}
.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#1F2340}.logo img{width:40px;height:40px;border-radius:10px}.logo small{display:block;font-weight:500;font-size:12px;color:#4b5563}header{border-bottom:3px solid #FFC94D}.hero .btn.alt{color:#1F2340}.hero .tag{display:inline-block;background:#FFC94D;color:#1F2340;font-weight:700;border-radius:20px;padding:4px 14px;margin-bottom:10px}
/* backend build additions */
.empty{text-align:center;padding:28px;border:2px dashed #c7d2fe;border-radius:14px;background:#fff}
.err{background:#fee2e2;color:#991b1b;border-radius:8px;padding:8px 12px}.ok{background:#d1fae5;color:#065f46;border-radius:8px;padding:8px 12px}
.soon{background:#f1f5f9;color:#475569;border:1px dashed #94a3b8;cursor:not-allowed}
.st-pending,.st-open{background:#fef3c7;color:#92400e}.st-approved,.st-answered,.st-confirmed{background:#d1fae5;color:#065f46}.st-rejected,.st-cancelled{background:#fee2e2;color:#991b1b}
.policy h1{font-size:28px}.policy h2{font-size:20px;margin-top:22px}.policy .meta{color:#64748b}.tabs a{margin-right:6px}
/* legacy .gbar rule removed — see compact bar below */
.gnote{background:#eef6ee;border-left:4px solid #2e7d32;padding:8px 12px;border-radius:6px}.small{font-size:12px}
.logo{display:flex;align-items:center;gap:8px}.logo span{font-weight:800;font-size:20px;display:flex;flex-direction:column;line-height:1.1}.logo small{font-weight:500;font-size:12px;color:#64748b}
.flow{padding-left:20px}.flow li{margin:4px 0}
.track{display:flex;flex-wrap:wrap;gap:4px;font-size:.8rem}.tstep{padding:2px 8px;border-radius:12px;background:#eee;color:#555}.tstep.done{background:#e3f4e8;color:#1e6b34}.tstep.now{background:#4B3BC4;color:#fff}
.locked{border:1px dashed #4B3BC4;border-radius:10px;padding:10px;background:#f6f4ff}
.sides{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:14px 0 6px}
.side-btn{display:inline-flex;flex-direction:column;align-items:center;font-size:20px;padding:14px 26px;min-width:200px}
.side-btn span{font-size:13px;font-weight:400;opacity:.8}
.ctab{margin:3px;cursor:pointer}.ctab.on{background:#4B3BC4;color:#fff}
.cat .small a{white-space:nowrap}
.tablewrap{overflow-x:auto;margin:8px 0}.lvt{border-collapse:collapse;width:100%;font-size:14px}.lvt th,.lvt td{border:1px solid #ddd6f3;padding:6px 8px;text-align:left;vertical-align:top}.lvt thead th{background:#f1eaf8}fieldset{border:0;padding:0;margin:10px 0}
.langpick{width:auto;max-width:140px;margin-inline-start:8px;padding:4px 6px;border-radius:8px;border:1px solid #ccc;font:inherit}
[dir=rtl] body{text-align:right}[dir=rtl] .lvt th,[dir=rtl] .lvt td{text-align:right}[dir=rtl] ul,[dir=rtl] ol{padding-right:1.2em;padding-left:0}
[dir=rtl] .skip{left:auto;right:-999px}[dir=rtl] .skip:focus{right:0}
.crumb{margin:.5rem 0;font-size:.9rem}.cathead{display:flex;gap:.8rem;align-items:center;margin:.4rem 0}.cathead .ic{font-size:2.4rem}
.lwrap{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:start}.fdrawer{border:1px solid #e3e6ea;border-radius:12px;padding:.8rem;background:#fff;position:sticky;top:.5rem}
.fdrawer summary{cursor:pointer}.fdrawer label{display:block;margin-top:.6rem;font-size:.9rem}.fdrawer input[type=range]{width:100%}.badge.new{background:#fff4d6;color:#7a5600}
.stars{color:#b37400;font-weight:600}.lcard .btn{margin-top:.4rem}
@media(max-width:800px){.lwrap{grid-template-columns:1fr}.fdrawer{position:static}}
/* premium home polish */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans Ethiopic","Noto Sans Arabic",sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h2{font-size:clamp(20px,2.4vw,26px);font-weight:700;margin:40px 0 16px}
.card{border-color:#eceef3;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.04);transition:box-shadow .2s,transform .2s,border-color .2s}
.hero{padding:56px 24px;border-radius:20px;box-shadow:0 20px 50px -20px rgba(75,59,196,.45)}.hero h1{font-weight:750;max-width:760px;margin:12px auto 10px}.hero p{font-size:17px;opacity:.85;max-width:560px;margin:0 auto 18px}
/* How it works — compact elegant carousel (mobile) + slim row (desktop) */
.how{margin:10px 0 6px}
.how-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 5px;flex-wrap:wrap}
.how-head h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--ink,#1F2340)}
.how-more{font-size:12px;font-weight:550;color:var(--brand,#4B3BC4);text-decoration:none;white-space:nowrap}
.how-more:hover{text-decoration:underline}
.how-card{display:none;position:relative;background:linear-gradient(180deg,#fff,#faf9ff);border:1px solid #e8e4fa;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px -14px rgba(75,59,196,.35);overflow:hidden;min-height:0}
.how-viewport{overflow:hidden;height:58px}
.how-track{display:flex;height:100%;will-change:transform;transition:transform .45s cubic-bezier(.22,.68,0,1.1)}
.how-slide{flex:0 0 100%;display:flex;align-items:center;gap:10px;padding:8px 12px 4px;box-sizing:border-box;min-width:0}
.how-slide .sn{flex:none;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#6A55E0,#4B3BC4);color:#fff;font-weight:750;font-size:14px;display:grid;place-items:center;box-shadow:0 4px 10px -3px rgba(75,59,196,.55);position:relative}
.how-slide .sn::after{content:"";position:absolute;inset:-3px;border-radius:13px;border:1.5px solid rgba(255,201,77,.55);opacity:.9;pointer-events:none}
.how-slide .how-copy{min-width:0;flex:1}
.how-slide b{display:block;font-size:14.5px;font-weight:650;color:var(--ink,#1F2340);letter-spacing:.005em;line-height:1.25}
.how-slide .how-desc{display:block;font-size:12.5px;color:#667085;font-weight:450;margin-top:3px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.how-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 12px 6px;min-height:0;line-height:0}
.how-dots button{position:relative;box-sizing:border-box;flex:none;width:6px;height:6px!important;min-width:6px;min-height:0!important;max-height:6px;padding:0!important;margin:0;border:0;border-radius:999px;background:#d6d0f5;cursor:pointer;transition:width .25s,background .25s,min-width .25s;line-height:0;font-size:0;appearance:none;-webkit-appearance:none;box-shadow:none;overflow:visible}
.how-dots button[aria-selected="true"]{width:17px;min-width:17px;background:linear-gradient(90deg,#4B3BC4,#FFC94D)}
.how-dots button::before{content:"";position:absolute;inset:-16px -12px;border-radius:999px}
.how-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#efeafd}
.how-progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4B3BC4,#FFC94D);transition:width .05s linear}
.how-row{display:none;list-style:none;margin:0;padding:12px 8px 10px;background:#fff;border:1px solid #e8e4fa;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04);align-items:stretch;gap:0;position:relative;overflow:hidden}
.how-row li{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px 10px;min-width:0;position:relative;z-index:1}
.how-row li .sn{width:26px;height:26px;border-radius:50%;background:#efecfd;color:#4B3BC4;font-weight:700;font-size:12px;display:grid;place-items:center;transition:background .3s,color .3s,box-shadow .3s}
.how-row li.on .sn,.how-row li:hover .sn{background:linear-gradient(145deg,#6A55E0,#4B3BC4);color:#fff;box-shadow:0 3px 8px -2px rgba(75,59,196,.5)}
.how-row li b{font-size:12.5px;font-weight:650;color:var(--ink,#1F2340);line-height:1.25}
.how-row li .how-desc{font-size:11.5px;color:#667085;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.how-row .how-rail{position:absolute;top:24px;left:12%;right:12%;height:2px;background:#e9e5fb;z-index:0;border-radius:2px;overflow:hidden}
.how-row .how-rail>i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#4B3BC4,#FFC94D,#4B3BC4);background-size:200% 100%;border-radius:2px;animation:howRail 12s linear infinite}
@keyframes howRail{0%{transform:translateX(0);background-position:0 0}25%{transform:translateX(100%)}50%{transform:translateX(200%)}75%{transform:translateX(300%)}100%{transform:translateX(0)}}
@media(max-width:800px){
  .how-card{display:block}
  .how-row{display:none!important}
  .how-head h2{font-size:14.5px}
}
@media(min-width:801px){
  .how-card{display:none!important}
  .how-row{display:flex}
}
@media(prefers-reduced-motion:reduce){
  .how-card{display:none!important}
  .how-row{display:flex!important;flex-wrap:nowrap}
  .how-row .how-rail>i{animation:none;width:100%;opacity:.35}
  .how-track{transition:none}
  .how-slide .how-desc{white-space:normal}
  @media(max-width:800px){
    .how-row{flex-direction:column;gap:0;padding:6px 10px}
    .how-row li{flex-direction:row;text-align:start;align-items:center;gap:10px;padding:8px 4px}
    .how-row li+li{border-top:1px solid #f0f1f5}
    .how-row .how-rail{display:none}
    .how-row li .how-desc{-webkit-line-clamp:1}
  }
}
#cgrid .cat{padding:20px 14px;border-radius:16px}#cgrid .cat .ic{font-size:30px;width:56px;height:56px;margin:0 auto 8px;display:grid;place-items:center;background:#f5f3ff;border-radius:14px}
.cat:hover,a.card:hover,.lcard:hover{transform:translateY(-2px);border-color:#d9d3fb;box-shadow:0 10px 28px -10px rgba(75,59,196,.25)}
@media(max-width:800px){.hero{padding:36px 18px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.cat:hover,a.card:hover,.lcard:hover{transform:none}}
.receipt .rtab{width:100%;border-collapse:collapse}.receipt .rtab th,.receipt .rtab td{padding:8px;border-bottom:1px solid #eef0f4;text-align:start}.receipt .bi{color:#4B3BC4}@media print{header,footer,.gbar,.btn,.pill,#langpick,.preview-banner{display:none!important}.receipt{box-shadow:none;border:0}}

/* trust layer: Report a problem + 2-step verification */
.dp{margin:10px 0;border-inline-start:3px solid #F5C518}.dpsla{list-style:none;padding:0;margin:6px 0;font-size:14px}.dpsla li{margin:3px 0}.dpc{font-weight:600}.dpf summary{list-style:none;width:max-content;margin:8px 0}.dpf summary::-webkit-details-marker{display:none}.dpadm label{display:block;margin-top:6px}.nudge{background:#f6f4ff;border:1px solid #DDD6FE;margin:10px 0}.nudge p{margin:0}.st-open{background:#fff4d6;color:#7a5600}.st-under_review{background:#e0f2fe;color:#075985}.st-resolved{background:#d1fae5;color:#065f46}.st-withdrawn{background:#f1f5f9;color:#475569}
.billsw{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#f1f0fb;border:1px solid #e4e1fa;margin:6px 0 12px}
.billsw button{border:0;background:transparent;padding:7px 16px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:#475569;cursor:pointer}
.billsw button.on{background:#fff;color:#2e2470;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.save{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}
.price small{font-size:14px;font-weight:500;color:#64748b}.plan ul{padding-inline-start:18px}
/* 27 Oct 2026: sub-service chips, tags, category search, ranking note */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chips{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 0 .6rem;margin:.2rem 0 .4rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;border:1px solid #e0dcf7;background:#fff;color:#3a2f9a;border-radius:999px;padding:6px 12px;font-size:.85rem;line-height:1.2;min-height:36px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.chip:hover{border-color:#4B3BC4}.chip.on{background:#4B3BC4;border-color:#4B3BC4;color:#fff}.chip:focus-visible{outline:2px solid #4B3BC4;outline-offset:2px}
.tagset{border:0;padding:0;margin:.8rem 0}.tagset .chip{margin:0 0 .4rem;margin-inline-end:.3rem;font-weight:500}.tagset .chip input{width:auto;margin:0;min-height:0}
.tagset .chip:has(input:checked){background:#f1eefe;border-color:#4B3BC4}
.tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.3rem 0}.tag{font-size:.75rem;background:#f4f2fd;color:#3a2f9a;border-radius:999px;padding:2px 9px}.tag.more{background:#eef0f4;color:#555}
.badge.today{background:#e6f6ec;color:#17643a;white-space:nowrap}
.csearch{margin:.4rem 0 1rem}.csearch input{max-width:520px}.csearch .chips{flex-wrap:wrap;overflow:visible}
.rnote{margin:.2rem 0 .6rem}.rnote summary{cursor:pointer;color:#4B3BC4;font-size:.85rem}.rnote p{margin:.3rem 0 0;font-size:.85rem}
@media(max-width:800px){.chips:not(.csearch .chips){flex-wrap:nowrap}}
/* 27 Oct 2026: UI polish (area 3). Header, global bar, form controls, buttons, focus, trust strip, category links, sign-up role cards, footer columns, contrast */
:root{--ink:#1F2340;--brand:#4B3BC4;--brand-d:#3B2CA3;--line:#e6e8ef;--ctl:#8c94a6;--soft:#f5f3ff;--mut:#4b5563;--r:10px}
body{font-size:15px;color:var(--ink)}p{margin:.5em 0}h1{font-weight:750}h3{font-size:16px;font-weight:650}
/* header: logo left, links grouped at the end, language picker last; mobile: logo, picker, menu */
header{gap:8px 16px;padding:10px 20px;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,201,77,.9)}
header .logo{order:0}#nav{order:1;margin-inline-start:auto;gap:4px}#langpick{order:2}#menuBtn{order:3}
#nav .nav-link,#nav .nav-auth>a:not(.btn){font-size:14.5px;font-weight:550;color:var(--ink);padding:8px 10px;border-radius:8px;min-height:40px}
#nav .nav-link:hover,#nav .nav-auth>a:not(.btn):hover{background:var(--soft);color:var(--brand)}
#nav .nav-link.is-active,#nav .nav-link[aria-current]{color:var(--brand);background:var(--soft)}
#nav .nav-auth{display:inline-flex;align-items:center;gap:4px;margin-inline-start:6px;padding-inline-start:10px;border-inline-start:1px solid var(--line)}
#nav .nav-auth .btn{min-height:38px;padding:8px 16px;font-size:14.5px;margin:0}
.langpick{display:inline-flex;gap:0;padding:2px;margin:0;border:1px solid #ccc;border-radius:8px;max-width:none;min-height:0;background:#fff;direction:ltr}.langpick button{min-width:36px;min-height:32px;padding:2px 8px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:13px;font-weight:600;color:#555;cursor:pointer}.langpick button.on{background:var(--brand,#4B3BC4);color:#fff}.langpick button:focus-visible{outline:2px solid #4B3BC4;outline-offset:1px}
@media(max-width:700px){header{padding:8px 12px}#langpick{margin-inline-start:auto}#menuBtn{min-width:44px;border-radius:8px}#menuBtn:hover{background:var(--soft)}
 /* full-screen panel styles live in the accordion block below */
 #nav{order:4;margin:0}}
/* global location bar: one slim row (pin + country + city + locate); tiny currency line */
.gbar{display:flex;flex-direction:column;gap:2px;padding:4px 10px 3px;background:#f8f9fc;border-bottom:1px solid var(--line);font-size:13px}
.gbar-row{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;width:100%}
.gbar-pin{flex:none;font-size:14px;line-height:1;opacity:.9}
.gbar-field{flex:1 1 0;min-width:0;display:block}
.gbar-lbl,.gbar-title,.gbar-fields{display:none!important}
.gbar select:not(.cpick-native){overflow:visible;text-overflow:clip}.gbar select:not(.cpick-native),.gbar input{display:block;width:100%;max-width:100%;min-height:34px;height:34px;padding:3px 8px;margin:0;font-size:12.5px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.gbar .cpick-btn{display:flex!important;align-items:center;width:100%;max-width:100%;min-height:34px;height:34px;padding:3px 8px;margin:0;font-size:12.5px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;min-width:0}.gbar .cpick-btn::after{content:none!important;display:none!important}
.gbar select{padding-inline-end:24px;background-position:right 6px center}
[dir=rtl] .gbar select{background-position:left 6px center}
.gbar-detect{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px!important;min-width:34px;padding:0;margin:0;border:1px solid var(--ctl);border-radius:8px;background:#fff;color:var(--brand);cursor:pointer;box-shadow:none}
.gbar-detect:hover{background:var(--soft);border-color:var(--brand)}
.gbar-detect svg{display:block}
.gbar-cur{margin:0;padding:0 2px;font-size:10.5px;line-height:1.2;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbar-cur b{color:var(--ink);font-weight:650}
.gbar-tip{display:inline;border:0;background:transparent;color:var(--mut);font-size:11px;padding:0 2px;margin:0;min-height:0!important;min-width:0;cursor:help;vertical-align:baseline;line-height:1}
.gbar-tip:hover{color:var(--brand)}
body .gbar .cpick-btn{display:flex!important;min-height:36px;height:36px;padding:4px 8px;font-size:12.5px;margin:0;min-width:0;width:100%;max-width:100%}
@media(min-width:701px){.gbar{padding:5px 20px 4px}.gbar select,.gbar input,.gbar .cpick-btn{font-size:13px}}
@media(max-width:360px){.gbar{padding:3px 8px 2px}.gbar-row{gap:4px}.gbar select,.gbar input,.gbar .cpick-btn{font-size:12px;padding:2px 6px;height:32px;min-height:32px}.gbar-detect{width:32px;height:32px;min-width:32px;min-height:32px!important}}
/* form controls: white, 3:1 borders (WCAG 1.4.11), brand focus ring, custom chevron (RTL aware) */
input,textarea,select{background-color:#fff;border:1px solid var(--ctl);border-radius:var(--r);min-height:42px;padding:9px 12px;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input:hover,textarea:hover,select:hover{border-color:#5b6378}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(75,59,196,.22)}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234b5563' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-inline-end:32px}
[dir=rtl] select{background-position:left 10px center}
input[type=checkbox],input[type=radio]{accent-color:var(--brand);min-height:0;box-shadow:none}input[type=radio]{width:18px!important;height:18px;margin:0 6px 0 0;vertical-align:middle}
[dir=rtl] input[type=checkbox],[dir=rtl] input[type=radio]{margin:0 0 0 6px}
input[type=range]{accent-color:var(--brand);border:0;min-height:0;padding:0;box-shadow:none}
input::placeholder,textarea::placeholder{color:#6b7280}
label{color:var(--ink);margin-top:2px}
/* buttons: one shape, clear hover, pressed and disabled states */
.btn{border-radius:var(--r);font-weight:600;letter-spacing:.005em;box-shadow:0 1px 2px rgba(16,24,40,.08);transition:background .15s,box-shadow .15s,transform .05s}
.btn:hover{background:var(--brand-d)}.btn:active{transform:translateY(1px)}
.btn.alt{background:#fff;color:var(--brand);border:1px solid #c9c2f5}.btn.alt:hover{background:var(--soft);border-color:var(--brand)}
.btn[disabled],button[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.pill{font-weight:550;font-size:14px;transition:background .15s}.pill:hover{background:var(--soft)}.pill.on,.ctab.on{background:var(--brand);color:#fff}
/* focus: brand outline on light backgrounds (yellow failed 3:1 on white), yellow kept on dark hero */
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.hero :focus-visible,.skip:focus-visible{outline-color:#FFC94D}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
/* text contrast: star colour #b37400 was 3.9:1 on white */
.stars{color:#8a5a00}
/* home: hero spacing, trust strip */
.hero{padding:48px 24px 40px}.hero h1{font-size:clamp(26px,4.2vw,40px)}.hero .small a{opacity:.9}.hero .small a:hover{opacity:1}
.side-btn{border-radius:14px;min-width:210px;border:0}.side-btn:hover{background:#fff;box-shadow:0 8px 24px -8px rgba(0,0,0,.35);transform:translateY(-1px)}
.trust{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trust li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.trust li>span{flex:none;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-size:15px}
.trust b{display:block;font-size:14px;font-weight:650;line-height:1.3}.trust small{display:block;font-size:12.5px;color:var(--mut);line-height:1.4;margin-top:2px}
@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}}@media(max-width:420px){.trust li{padding:10px}.trust small{font-size:12px}}
/* category tiles: name, type, then two small link chips */
#cgrid .cat{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:600;font-size:14.5px;line-height:1.3}
#cgrid .cat .muted{font-weight:400;font-size:12.5px}
.catlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.catlinks>span{display:none}
.catlinks a{font-size:12.5px;font-weight:600;text-decoration:none;color:var(--brand-d);background:var(--soft);border:1px solid #e4dffb;border-radius:999px;padding:4px 10px;line-height:1.3}
.catlinks a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
/* sign-up: role choice as selectable cards */
.roles{display:grid;gap:8px;margin:6px 0 14px}
.rolecard{display:flex!important;align-items:center;gap:8px;font-weight:500!important;font-size:14.5px!important;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.rolecard:hover{border-color:#c9c2f5}.rolecard:has(input:checked){border-color:var(--brand);background:#f7f5ff;box-shadow:0 0 0 1px var(--brand) inset}
.rolecard input{flex:none;margin:0!important}
/* cards, badges, empty states */
.card{border-radius:14px}.badge{display:inline-block;line-height:1.5}
.empty{border:1px dashed #c9c2f5;background:linear-gradient(#fff,#fbfaff);padding:28px 20px}.empty h3{margin:0 0 6px;font-size:17px}.empty p{max-width:460px;margin:0 auto 12px}
.gnote{font-size:14px;border-left:0;border-inline-start:4px solid #2e7d32;border-radius:8px;padding:8px 12px}
.lcard a b{color:var(--ink)}.lcard a{text-decoration:none}.lcard a:hover b{color:var(--brand);text-decoration:underline}
/* footer: brand + three link columns */
footer{text-align:start;max-width:1100px;padding:28px 16px 24px;border-top:1px solid var(--line);margin-top:36px}
footer .disc{font-size:12.5px;text-align:center;margin:0 0 22px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:20px}
.fbrand b{display:block;font-size:17px;color:var(--ink);font-weight:800}.fbrand span{display:block;font-size:13px;color:var(--mut);margin-top:4px}
.fcol{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.fcol h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0 0 6px;font-weight:700}
[lang=ar] .fcol h3,[lang=am] .fcol h3{text-transform:none;letter-spacing:0;font-size:14px}
.fcol a{color:var(--mut);text-decoration:none;font-size:13.5px;padding:5px 0;min-height:32px;display:inline-flex;align-items:center}.fcol a:hover{color:var(--brand);text-decoration:underline}
.fcopy{text-align:center;font-size:12.5px;color:var(--mut);margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
@media(max-width:420px){.fgrid{gap:16px 12px}.fcol a{font-size:13px}}
/* searchable country picker: same look as the other controls; full width in forms, compact in the bar */
body .cpick-btn{border-color:var(--ctl);min-height:42px;font-size:15px;margin:4px 0 12px}body .cpick-btn:hover{border-color:#5b6378}
body .cpick-btn:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(75,59,196,.22)}
main .card .cpick-btn{width:100%}body .gbar .cpick-btn{display:flex!important;min-height:34px;height:34px;padding:3px 8px;font-size:12.5px;margin:0;min-width:0;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .cpick-cc{color:#64748b}body .cpick-q:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(75,59,196,.22)}
.trust+.gnote{margin-top:12px}@media(max-width:520px){.trust{grid-template-columns:1fr;gap:6px}.trust li{align-items:center;padding:9px 12px}.trust small{display:inline}}
@media(max-width:700px){header:has(#nav.open){box-shadow:0 12px 24px -12px rgba(16,24,40,.25)}}
#cgrid .cat{min-width:0;overflow-wrap:anywhere}.cat .catlinks a{white-space:normal;text-align:center}
@media(max-width:700px){.grid:has(.cat){grid-template-columns:repeat(2,minmax(0,1fr))}#cgrid .cat{padding:16px 10px}}
/* Owloz Protection v2 (27 Oct 2026): dispute steps, proposals, evidence, protection page */
.dpsteps{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:6px 0 8px;counter-reset:dps;font-size:12.5px}
.dpsteps li{counter-increment:dps;display:flex;align-items:center;gap:5px;padding:3px 9px 3px 4px;border-radius:999px;background:#f1f0fb;color:#4a4a63}
.dpsteps li::before{content:counter(dps);display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #b9b4e6;font-size:11px;font-weight:600}
.dpsteps li.done{background:#e7f6ee;color:#14532d}.dpsteps li.done::before{content:"✓";background:#15803d;border-color:#15803d;color:#fff}
.dpsteps li.now{background:#4B3BC4;color:#fff;font-weight:600}.dpsteps li.now::before{color:#4B3BC4;border-color:#fff}
.dpoffer{background:#faf9ff;border:1px solid #dcd8f5;border-radius:10px;padding:8px 12px;margin:8px 0}
.dpfiles{list-style:none;padding:0;margin:4px 0}.dpfiles li{margin:2px 0;font-size:14px;overflow-wrap:anywhere}
.dpadd{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dpadd input[type=file]{width:auto;max-width:100%}.dpact:empty{display:none}
.prot-hero{background:linear-gradient(135deg,#4B3BC4,#2a1f86);color:#fff;border-radius:16px;padding:18px 20px;margin:6px 0 14px}.prot-hero h2{color:#fff;margin:0 0 4px}.prot-hero p{margin:0;opacity:.95;max-width:60ch}
.prot ul{padding-inline-start:18px;margin:0}.prot li{margin:5px 0;font-size:14.5px}
.prot-steps{list-style:none;padding:0;margin:8px 0;counter-reset:ps}.prot-steps li{counter-increment:ps;position:relative;padding-inline-start:40px;margin:0 0 12px;display:flex;flex-direction:column;gap:2px}
.prot-steps li::before{content:counter(ps);position:absolute;inset-inline-start:0;top:0;width:28px;height:28px;border-radius:50%;background:#4B3BC4;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.prot-steps li span{font-size:14.5px}.prot-steps li small{color:#5b5b72;font-size:12.5px}
/* privacy centre (#/privacy, privacy.js) */
.prv{max-width:760px;margin:0 0 14px}.prv h3{margin:0 0 6px;font-size:17px}.prv h4{margin:6px 0 4px;font-size:14px;color:var(--ink)}
.prv-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.prv-cols{grid-template-columns:1fr}}
.prv-list{margin:0;padding-inline-start:18px;font-size:13.5px;color:var(--mut)}.prv-list li{margin:3px 0}
.prv-block{background:#fff8eb;border:1px solid #f3d9a4;border-radius:var(--r);padding:8px 12px;margin:8px 0}.prv-block ul{margin:4px 0 0;padding-inline-start:18px}
.prv-sched{background:#fff4f2;border:1px solid #f5c2bb;border-radius:var(--r);padding:8px 12px}.prv-sched p{margin:4px 0}
.chk{display:flex;align-items:flex-start;gap:8px;font-weight:400;margin:10px 0}.chk input{width:auto;margin-top:3px}
.btn.danger{background:#b42318;border-color:#b42318;color:#fff}.btn.danger:hover:not(:disabled){background:#912018}.btn.danger:disabled{opacity:.5;cursor:not-allowed}
.pwhint{margin:4px 0 8px}

/* ===== Location bar + mobile accordion menu (27 Oct 2026) ===== */
body.nav-lock{overflow:hidden;touch-action:none}
#nav{align-items:center}
#nav .nav-close,#nav .nav-chev,#nav .nav-sub,#nav .nav-scroll{display:contents}
#nav .nav-close{display:none}
#nav .nav-group{display:contents}
#nav .nav-row{display:contents}
#nav .nav-link,#nav .nav-sublink{display:none}
#nav>.nav-scroll>.nav-link,#nav>.nav-scroll>.nav-group>.nav-row>.nav-link,#nav .nav-auth .nav-link,#nav .nav-auth .btn{display:inline-flex}
#nav .nav-auth{display:contents}
#nav .nav-signup{color:#fff!important;margin-inline-start:4px}
@media(max-width:700px){
  header{z-index:40}
  #langpick{margin-inline-start:auto}
  #nav{display:none;position:fixed;inset:0;z-index:50;width:100%;max-width:100%;height:100%;height:100dvh;margin:0;padding:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;box-shadow:none;border:0}
  #nav.open{display:flex}
  #nav .nav-close{display:flex;align-items:center;justify-content:center;flex:none;width:100%;min-height:56px;height:56px;margin:0;padding:0;border:0;border-bottom:1px solid #e8e8ee;background:#fff;font-size:28px;line-height:1;color:#1F2340;cursor:pointer;border-radius:0}
  #nav .nav-close:hover{background:#f7f7fb}
  #nav .nav-scroll{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 28px}
  #nav .nav-group,#nav .nav-row{display:block}
  #nav .nav-link,#nav .nav-sublink,#nav .nav-auth .nav-link{display:flex;width:100%;align-items:center;min-height:56px;padding:14px 20px;margin:0;border:0;border-bottom:1px solid #ececf2;border-radius:0;font-size:20px;font-weight:700;color:#1F2340;background:transparent;text-decoration:none}
  #nav .nav-link.is-active,#nav .nav-sublink.is-active,#nav .nav-link[aria-current]{color:#1F2340;background:transparent!important;font-weight:700}
  #nav .nav-row{display:flex;align-items:stretch;border-bottom:1px solid #ececf2}
  #nav .nav-row>.nav-link{flex:1;border-bottom:0}
  #nav .nav-chev{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:56px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#1F2340;font-size:14px;cursor:pointer;min-height:56px;opacity:.55}
  [dir=rtl] #nav .nav-chev{margin:0}
  #nav .nav-chev:hover{opacity:1;background:transparent}
  #nav .nav-group.open .nav-chev span{display:inline-block;transform:rotate(180deg)}
  #nav .nav-sub{display:none;flex-direction:column;background:#fafafc;border-bottom:1px solid #ececf2}
  #nav .nav-group.open .nav-sub,#nav .nav-sub:not([hidden]){display:flex}
  #nav .nav-sub[hidden]{display:none!important}
  #nav .nav-sublink{font-size:16px;font-weight:600;min-height:48px;padding:12px 20px 12px 32px;border-bottom:1px solid #f1f1f6;color:#33364d}
  [dir=rtl] #nav .nav-sublink{padding:12px 32px 12px 20px}
  #nav .nav-auth{display:flex;flex-direction:column;gap:10px;padding:18px 20px 8px;border-top:1px solid #ececf2;margin-top:8px}
  #nav .nav-auth .nav-link{border:1px solid #d9d7ea;border-radius:12px;justify-content:center;font-size:17px}
  #nav .nav-auth .btn,#nav .nav-signup{width:100%;margin:0;border-radius:12px;justify-content:center;text-align:center;min-height:48px}
  #nav .nav-logout{color:#b42318}
  #nav .nav-link:hover,#nav .nav-sublink:hover,#nav .nav-auth>a:not(.btn):hover{background:transparent;color:#1F2340}
  #nav .nav-sub{background:#fff}
  #nav .nav-sublink{font-weight:700;color:#1F2340}
  header:has(#nav.open){box-shadow:none}
}
@media(min-width:701px){
  #nav .nav-chev,#nav .nav-close,#nav .nav-sub{display:none!important}
  #nav .nav-link{display:inline-flex}
  /* hide Home / How it works / About / Contact / Complete profile from the slim desktop bar to keep it tidy; they stay in the footer and mobile menu */
  #nav .nav-link[href="#/"],#nav .nav-link[href="#/about"],#nav .nav-link[href^="mailto:"],#nav .nav-link[href="#/onboarding"],#nav .nav-link[href="#/receipts"]{display:none}
  #nav .nav-auth .nav-link,#nav .nav-auth .btn{display:inline-flex}
  #nav .nav-group[data-nav-group="settings"],#nav .nav-group[data-nav-group="experts"],#nav .nav-group[data-nav-group="about"]{display:none}
  #nav .nav-group[data-nav-group="advice"] .nav-link,#nav .nav-group[data-nav-group="hire"] .nav-link{display:inline-flex}
}

/* password show/hide + remember me */
.pw-wrap{position:relative;display:block;margin:4px 0 12px}
.pw-wrap input{width:100%;padding-inline-end:44px;margin:0;box-sizing:border-box}
.pw-toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:var(--mut,#4b5563);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0}
.pw-toggle:hover{color:var(--brand,#4B3BC4);background:var(--soft,#f5f3ff)}
.pw-toggle:focus-visible{outline:2px solid var(--brand,#4B3BC4);outline-offset:1px}
.pw-toggle[aria-pressed="true"]{color:var(--brand,#4B3BC4)}
label.remember{display:flex!important;align-items:center;gap:8px;font-weight:500!important;font-size:14.5px;margin:4px 0 12px;cursor:pointer}
label.remember input{width:auto!important;min-height:0;margin:0}
form#loginForm .btn,form#signupForm .btn,form#newpwForm .btn,form#resetForm .btn{margin-top:4px}

/* Payment method picker (coming soon) */
fieldset.paypick,fieldset#paypick{min-width:0!important;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}
.paypick, .paypick *, .payopt, .paylist, .paylist-global, .paymeta, .paynote{
  box-sizing:border-box;
}
.paypick{
  margin:12px 0;
  padding:12px;
  max-width:100%;
  width:100%;
  min-width:0 !important;
  overflow:hidden;
  display:block;
}
.paypick legend{padding:0 4px;max-width:100%}
.paypick .paynote{
  margin:0 0 12px;
  font-size:.82rem;
  line-height:1.35;
  color:#5b5675;
  background:#f5f3ff;
  border:1px solid #ede9fe;
  border-radius:10px;
  padding:8px 10px;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.paypick .paygroup{margin:0 0 12px;min-width:0;max-width:100%}
.paypick h4{margin:0 0 8px;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:#6b7280}
.paylist{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}
.paylist-global{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:6px;
  min-width:0;
  max-width:100%;
}
.paylist-global > .payopt{min-width:0;max-width:100%}
.payopt{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:auto;
  height:auto;
  padding:0 8px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  cursor:pointer;
  background:#fff;
  margin:0;
  min-width:0;
  max-width:100%;
  width:100%;
  overflow:hidden;
}
.payopt:hover{border-color:#c4b5fd}
.payopt.on{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.18);background:#faf8ff}
.payopt input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.payic-wrap{flex:0 0 auto;display:flex;min-width:0}
.payic{
  width:28px;height:28px;border-radius:7px;background:#f3f4f6;
  display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;overflow:hidden;
}
.payic-paypal,.payic-apple,.payic-google,.payic-card{background:#fff;border:1px solid #e5e7eb}
.payic svg{display:block;width:18px;height:18px}
.paymeta{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;flex:1 1 0%;overflow:hidden}
.payname{font-size:.86rem;font-weight:600;color:#111827;white-space:normal;overflow:hidden;line-height:1.15;min-width:0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.paysub{font-size:.7rem;color:#6b7280;white-space:normal;overflow:hidden;line-height:1.15;min-width:0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.rtl .payopt{flex-direction:row}
body.rtl .payname,body.rtl .paysub{text-align:right}
@media (max-width:360px){
  .paylist-global{grid-template-columns:repeat(2, minmax(0, 1fr));gap:5px}
  .payopt{padding:0 6px;gap:6px}
  .payname{font-size:.8rem}
}

/* pay-x-clip */
html,body{overflow-x:hidden;max-width:100%}
#app,.card{max-width:100%;box-sizing:border-box}

/* verification document slots */
.vr-slot{border:1px solid #e5e2f5}
ul.reqs{padding-left:1.1rem;margin:.4rem 0}
ul.reqs li{margin:.25rem 0}

/* "Available on" date filter (30 Oct 2026): one compact segmented row */
.fdrawer .flbl{display:block;margin-top:.6rem;font-size:.9rem;font-weight:600}
.dseg{display:flex;gap:.3rem;margin-top:.3rem}
.dseg .dchip,.fdrawer .dseg label.dchip{display:inline-flex;align-items:center;gap:.25rem;margin:0;min-height:34px;padding:4px 11px;border:1px solid #e0dcf7;border-radius:999px;background:#fff;color:#3a2f9a;font-size:.84rem;font-weight:550;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.dseg .dchip:hover{background:#f4f2fd;border-color:#c9c2f0}
.dseg .dchip.on,.fdrawer .dseg label.dchip.on{background:#4B3BC4;border-color:#4B3BC4;color:#fff}
.dseg .dchip svg{flex:none}.dseg{flex-wrap:wrap}.dseg .dchip,.fdrawer .dseg label.dchip{flex:1 1 auto;justify-content:center;min-width:0}.dseg .dpick #f_dval{overflow:hidden;text-overflow:ellipsis}
@media(hover:hover){.dseg .dchip.on:hover{background:#3B2CA3}}
.dseg .dpick{position:relative;overflow:hidden}
.dseg .dpick input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;border:0;min-height:0}
.dseg .dpick:focus-within{outline:2px solid #4B3BC4;outline-offset:2px}
/* ---- 31 Oct 2026 UI polish 2: profile pages, sticky mobile action bar, skeletons, single empty state ---- */
.prof{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"head side" "body side";gap:14px 18px;align-items:start;margin-top:6px}
.phead{grid-area:head;margin:0}.pside{grid-area:side;position:sticky;top:12px}.pbody{grid-area:body;min-width:0}
.phead h2{margin:0;font-size:21px;line-height:1.25}.pav{width:64px;height:64px;font-size:22px;flex:none}.pbadges{margin:10px 0 4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.facts{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.facts li{display:flex;gap:8px;align-items:flex-start;min-width:0}.facts .fic{flex:none;width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--brand-d);display:grid;place-items:center;font-size:13px}
.facts small{display:block;font-size:11.5px;color:var(--mut);line-height:1.3}.facts b{display:block;font-size:13.5px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.facts b .muted{font-weight:500;font-size:12.5px}
.pbox{margin:0}.pbox .price{font-size:24px;line-height:1.2}.pbox .price small{font-size:13px;font-weight:500}.pbox .pcta{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:10px 0 6px;text-decoration:none}
.pbody section{margin-bottom:12px}.pbody section.card{margin-top:0}.pbody h3{margin:0 0 8px;font-size:15.5px}.pbody>section:not(.card)>h3{margin:18px 0 8px}
.rcard{margin-bottom:8px}.rcard p{margin:6px 0}
.wdays{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 0}.wdays span{font-size:12px;font-weight:600;color:var(--brand-d);background:var(--soft);border-radius:6px;padding:2px 7px}
.stickycta{display:none}
@media(max-width:860px){.prof{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "side" "body"}.pside{position:static}}
@media(max-width:700px){
 .stickycta{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:40;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(16,24,40,.08);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s}
 .stickycta.show{transform:none;visibility:visible}.stickycta .btn{min-height:42px;padding:10px 18px;font-size:15px;text-decoration:none;white-space:nowrap}
 .scta-p{flex:1 1 auto;min-width:0;line-height:1.25}.stickycta .btn{flex:0 0 auto;width:auto!important;max-width:55%;margin:0}.scta-p small{font-size:11.5px;color:var(--mut)}.scta-p b{font-size:16px;white-space:nowrap}.scta-p .small{white-space:nowrap}
 body.has-scta footer{padding-bottom:84px}
 .phead h2{font-size:19px}.pav{width:56px;height:56px;font-size:19px}.facts{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.stickycta{transition:none}}
/* skeletons */
.skel{padding-top:4px}.skel .grid{margin-top:12px}.sk{display:block;border-radius:6px;margin:8px 0;background:linear-gradient(90deg,#eef0f5 25%,#f6f7fa 37%,#eef0f5 63%);background-size:400% 100%;animation:skm 1.3s ease infinite;max-width:100%}
.sk.skr{border-radius:50%;flex:none;margin:0}.sk.skp{border-radius:999px;flex:none;margin:0}.skc{min-height:120px}.skf{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:10px}.skf .sk{margin:0}
.skchips{display:flex;gap:6px;margin:12px 0;overflow:hidden}
@keyframes skm{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.sk{animation:none}}
/* single empty state for categories without providers */
.lempty{text-align:center;padding:26px 18px;margin-top:8px}.lempty-ic{display:block;font-size:30px;margin-bottom:4px}.lempty h3{margin:4px 0 6px}
.lempty-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 6px}.lempty-act .btn{text-decoration:none;min-height:42px;padding:10px 16px;font-size:14.5px}
a.pname{text-decoration:none;color:inherit}a.pname:hover b{color:var(--brand);text-decoration:underline}
@media(min-width:701px){.gbar-row{max-width:1100px}.gbar-field{flex:0 1 230px}}

/* review integrity (31 Oct 2026) */
.rfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rrep{background:none;border:0;padding:2px 4px;color:#5b6475;font-size:.78rem;cursor:pointer;min-height:auto;box-shadow:none}
.rrep:hover,.rrep[aria-expanded="true"]{color:#4B3BC4;text-decoration:underline}
.rrform{flex-basis:100%;display:grid;gap:6px;margin-top:6px;padding-top:8px;border-top:1px solid #e6e8ef}
.rrform[hidden]{display:none}
.rrform label{font-size:.82rem}.rrform .btn{justify-self:start}
.rvhint{margin:4px 0 6px}
.rvrm{border-left:3px solid #b45309}[dir=rtl] .rvrm{border-left:0;border-right:3px solid #b45309}
.rvrm-i+.rvrm-i{border-top:1px solid #e6e8ef;margin-top:8px;padding-top:8px}
/* area 4, third pass (31 Oct 2026): toolbar, applied-filter chips, mobile filter sheet */
.ltool{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:.2rem}.ltool .lsort{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-size:.9rem}
.ltool .lsort select{min-height:36px;padding-block:4px;font-size:.88rem}
.fbtn{display:none;gap:6px;min-height:38px;padding:6px 12px;font-size:.9rem}.fcount{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:1}.fcount[hidden]{display:none}
.fshead,.fsshow{display:none}.fsfoot{display:flex;gap:8px;align-items:center;margin-top:.8rem}
.fsx{min-height:36px;min-width:36px;border:0;background:var(--soft);border-radius:50%;color:var(--ink);cursor:pointer;font-size:14px;display:inline-grid;place-items:center}
.fapplied{display:flex;flex-wrap:wrap;gap:6px;margin:.35rem 0 .5rem;position:relative}.fapplied[hidden]{display:none}
.achip{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:3px 6px 3px 11px;padding-inline:11px 6px;border:1px solid #d9d3f7;background:var(--soft);color:#2d2380;border-radius:999px;font-size:.82rem;line-height:1.2;cursor:pointer;white-space:nowrap;flex:0 0 auto;transition:border-color .15s,background .15s}
.achip:hover{border-color:var(--brand);background:#ece8fd}.achip .ak{color:#4b4668}.achip .ak::after{content:":"}.achip .av{font-weight:600}
.achip .ax{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;font-size:9px;color:#3a2f9a}
.aclear{flex:0 0 auto;min-height:32px;padding:3px 6px;border:0;background:none;color:var(--brand);font-size:.82rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}
@media(max-width:800px){
 .lwrap{display:block}.fbtn{display:inline-flex}.ltool .lsort-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .ltool .lsort select{max-width:46vw}
 .fdrawer{border:0;padding:0;background:none;position:static}.fdrawer>summary{display:none}
 .fdrawer[open]::before{content:"";position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:60;animation:fsfade .18s ease-out}
 .fdrawer[open] .fbody{position:fixed;left:0;right:0;bottom:0;max-height:86vh;max-height:86dvh;overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:18px 18px 0 0;padding:0 16px;z-index:61;box-shadow:0 -10px 30px rgba(16,24,40,.2);animation:fsup .22s ease-out}
 .fdrawer[open] .fshead{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;background:#fff;padding:14px 0 10px;border-bottom:1px solid var(--line);font-size:1.05rem}
 .fdrawer[open] .fsfoot{position:sticky;bottom:0;z-index:2;background:#fff;margin:14px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
 .fdrawer[open] .fsshow{display:inline-flex;justify-content:center;flex:1;width:auto;margin:0;min-height:44px;padding:10px 14px}
 .fsfoot .pill{flex:0 0 auto}
 html.fsheet-on,html.fsheet-on body{overflow:hidden}
 .fapplied{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.fapplied .aclear{order:-1;padding-inline:2px 4px}.fapplied::-webkit-scrollbar{display:none}
}
@keyframes fsup{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}@keyframes fsfade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.fdrawer[open] .fbody,.fdrawer[open]::before{animation:none}}

/* LANG3 1 Nov 2026: user-text language label, on-device translation, report a translation error */
.ugcl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:2px 0 8px;font-size:.76rem;color:#5b6475;line-height:1.35}
span.ugcl{display:inline-flex;margin:0 6px}
.ugct{display:inline-flex;align-items:center;gap:3px;background:#f3f4f8;border:1px solid #e6e8ef;border-radius:999px;padding:1px 8px;color:#4b5563;white-space:nowrap}
.ugcn{color:#5b6475}
.ugcb{background:none;border:0;padding:0;min-height:auto;box-shadow:none;color:#4B3BC4;font-size:.76rem;cursor:pointer;text-decoration:underline}
.ugctr{display:block;margin:0 0 8px}.ugctr[hidden],[data-ugc][hidden]{display:none}.ugcx{display:block}.ugcd{display:block;font-size:.74rem;color:#5b6475;margin-top:2px}
.trrep{margin-top:12px;padding:10px 14px}
html[lang="en"] .trrep{display:none}
.st-fixed{background:#e7f6ec;color:#1b5e20}.st-not_error{background:#f1f1f4;color:#374151}

/* 1 Nov 2026 safe messaging */
.msgtip{margin:-4px 0 8px;padding:5px 10px;border-radius:8px;background:#f4f5f9;color:#3d4454;font-size:.8rem;line-height:1.4}
.msgtip.warn{background:#fff6e5;color:#6b4a00;border-inline-start:3px solid #e0a100}
.mfoot{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:-6px 0 6px}
.mfoot .rrform{text-align:start}
.msnote{margin-top:-6px}
.sfmine{padding:10px 14px}.sfmine summary{cursor:pointer;font-weight:600;font-size:.92rem}.sfmine ul{margin:8px 0 0;padding-inline-start:18px}.sfmine li{margin:4px 0}
/* ---- UI polish, third pass (1 Nov 2026) ---- */
.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#fff}
.phcard .phrow,.tw .phrow{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.phfig{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.phst{flex:1 1 220px;min-width:0}.phst p{margin:2px 0 6px}.phrules{margin:6px 0 10px}.phrules summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--brand)}.phrules ul{margin:6px 0 0;padding-inline-start:20px}
.phactions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.phactions .btn{width:auto;margin:0;cursor:pointer}
.linkbtn{background:none;border:0;padding:6px 2px;color:#b42318;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.phcrop{width:220px;max-width:100%;aspect-ratio:1;margin:10px 0;border-radius:50%;overflow:hidden;border:1px solid var(--line);box-shadow:0 0 0 4px var(--soft);touch-action:none}
.phcrop canvas{width:100%;height:100%;display:block;cursor:grab}.phcrop canvas:active{cursor:grabbing}#phedit input[type=range]{width:220px;max-width:100%;accent-color:var(--brand)}
#phmsg.ok{color:#067647}#phmsg.err{color:#b42318}
.tw .avatar.pav{width:56px;height:56px}
/* account links on the dashboard: one compact row of chips instead of underlined text */
.dmeta{margin:-4px 0 8px}.dlinks{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.dlinks a{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#1F2340;font-size:13.5px;font-weight:550;text-decoration:none;line-height:1.3}
.dlinks a:hover{border-color:var(--brand);color:var(--brand)}
/* sign-up, log-in, reset: a centred column with a full-width main button */
.auth{max-width:460px;margin:8px auto 0}.auth.wide{max-width:560px}.auth>h2{margin:6px 0 12px}.auth .card{max-width:none}
.auth form>.btn[type=submit]{width:100%;margin:14px 0 4px;padding-block:11px;font-size:16px}.auth .authlinks{margin:6px 0 2px}
/* home: balanced headline, trust tiles that all look the same */
.hero h1{text-wrap:balance}
.trust li.tlink{position:relative;transition:border-color .15s}.trust li.tlink b a{color:inherit;text-decoration:none}.trust li.tlink b a::after{content:"";position:absolute;inset:0;border-radius:12px}
.trust li.tlink b a::before{content:"›";float:inline-end;color:var(--brand);font-weight:700;margin-inline-start:6px}
.trust li.tlink:hover{border-color:var(--brand)}.trust li.tlink:focus-within{outline:3px solid var(--brand);outline-offset:2px}.trust li.tlink b a:focus-visible{outline:none}
@media(max-width:700px){
 .hero{padding:22px 14px 18px}.hero>img{width:52px;height:52px;border-radius:12px!important}.hero .tag{font-size:12px;padding:3px 11px;margin-bottom:6px}
 .hero h1{font-size:26px;margin:8px auto 6px}.hero p{font-size:15px;margin-bottom:12px}
 .hero .sides{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}.hero .side-btn{min-width:0;width:100%;margin:0;padding:11px 6px;font-size:16.5px}.hero .side-btn span{font-size:12px}
 .trust{grid-template-columns:1fr 1fr;gap:6px}.trust li{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.trust li>span{width:26px;height:26px;font-size:13px}
 .trust b{font-size:13.5px}.trust small{display:block;font-size:12px}
 .dlinks a{padding:5px 10px;font-size:13px}
}
/* accessibility statement */
.a11y{max-width:820px;margin:0 auto}.a11y h3{margin:18px 0 6px}.a11y ul{padding-inline-start:20px}.a11y li{margin:4px 0}
.tw td.phdec{min-width:300px}.phdec{vertical-align:top}.phdec select,.phdec input{display:inline-block;width:calc(50% - 4px);min-width:130px;height:34px;min-height:34px;margin:0 0 6px;font-size:13px;padding:4px 8px}
.phdec .pill{padding:5px 12px;font-size:13px}
[dir=rtl] .trust li.tlink b a::before{content:"‹"}
@media(max-width:700px){.dlinks a{min-height:36px!important;height:auto;padding-block:4px}}
/* ui3 finish (2 Nov 2026): slimmer photo card, centred hero logo */
.phcard>h3{margin:0 0 10px}.phcard .phst p{margin:0 0 6px}
details.phrules{background:none;border:0;border-radius:0;padding:0;margin:4px 0 10px}.phrules summary{min-height:0;padding:4px 0}
.phrules[open] ul{margin-top:4px}
.hero>img{display:block;margin:0 auto 10px}
.a11y>h2{margin-top:0}#phmsg:empty{display:none}

/* Check before you send (2 Nov 2026): compact review dialog before a case or booking request */
dialog.orv{border:0;border-radius:14px;padding:18px 18px 12px;max-width:520px;width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink,#1F2340);box-shadow:0 18px 50px rgba(31,35,64,.28)}
dialog.orv::backdrop{background:rgba(31,35,64,.45)}
.orv h2{margin:0 0 4px;font-size:19px;outline:none}.orv #orvi{margin:0 0 10px}
.orvl{margin:0;border-top:1px solid var(--line,#e6e8ef)}.orvr{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line,#e6e8ef);font-size:14px}
.orvr dt{color:var(--mut,#4b5563);font-weight:500}.orvr dd{margin:0;overflow-wrap:anywhere}.orvx{margin:0;padding:0;list-style:none}.orvx li{margin:0 0 2px}
.orvn{background:var(--soft,#f5f3ff);border-radius:var(--r,10px);padding:8px 10px;margin:10px 0 0}
.orvb{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:12px;position:sticky;bottom:-12px;background:#fff;padding:8px 0 4px}.orvb .btn{margin:0}
@media(max-width:520px){dialog.orv{margin:auto auto 0;width:100%;max-width:none;border-radius:14px 14px 0 0;max-height:92dvh}.orvr{grid-template-columns:1fr;gap:0}.orvb .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:no-preference){dialog.orv[open]{animation:orvIn .16s ease-out}@keyframes orvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
/* UI polish 3, part 2 (2 Nov 2026): focus never hidden under the sticky header or the mobile action bar (WCAG 2.4.11),
   24px minimum tap area for the small info button (WCAG 2.5.8), page heading focus without a ring, fields with a problem */
html{scroll-padding-top:84px}
@media(max-width:700px){html{scroll-padding-top:72px;scroll-padding-bottom:84px}}
.gbar-tip{position:relative}.gbar-tip::before{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%}
.pgh[tabindex="-1"]:focus{outline:none}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.14)}
#flash:empty{display:none}
/* Area 4 fourth pass (2 Nov 2026): match counts next to filter choices, muted empty choices (no opacity, so text keeps 4.5:1 contrast), zero-results suggestions */
.ccnt{font-size:.8em;font-weight:500;color:var(--mut);margin-inline-start:.2rem;font-variant-numeric:tabular-nums}.ccnt::before{content:"("}.ccnt::after{content:")"}
.chip.on .ccnt,.dseg .dchip.on .ccnt{color:inherit;opacity:.9}
.chip.z:not(.on),.dseg .dchip.z:not(.on){color:#5f5a78;border-color:#ecebf3;background:#fafafc}
.fdrawer label .ccnt{font-weight:400}
.lnone{grid-column:1/-1}.lnone .nsug{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto 12px;max-width:520px}
.lnone .nsg{white-space:normal;text-align:start}.lnone .nsg .nn{color:var(--brand,#4B3BC4);font-weight:600;font-size:.78rem;padding-inline-start:6px;border-inline-start:1px solid #d9d3f7;white-space:nowrap}
/* provider replies to reviews (3 Nov 2026) */
.rreply{margin:8px 0 2px;padding:8px 10px;border-inline-start:3px solid #c9c3f2;background:#f7f6fd;border-radius:8px}
.rreply p{margin:4px 0}.rrh{font-size:.85rem}
.rrem{border-inline-start-color:#d99a9a;background:#fdf6f6}
.rpnew{justify-content:flex-start;margin-top:4px}.rpact{display:inline-flex;gap:4px;flex-wrap:wrap}
.rrpost textarea{width:100%;box-sizing:border-box}.rrpost .chk{margin:4px 0}
.rrgone{margin:6px 0 0}.rpadm{margin-top:18px}

/* home showcase (3 Nov 2026) */
.showcase{position:relative;margin:12px 0 4px}
.sc-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sc-head h2{margin:0;font-size:18px}.sc-more{font-size:13px;white-space:nowrap}
.sc-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 4px;overscroll-behavior-x:contain}
.sc-strip::-webkit-scrollbar{display:none}
.sc-card{position:relative;flex:0 0 118px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:var(--soft);box-shadow:0 1px 3px rgba(0,0,0,.08);text-decoration:none;transition:transform .2s}
.sc-card img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.sc-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}
.sc-lbl{position:absolute;inset-inline:8px;bottom:7px;z-index:1;color:#fff;font-size:13px;font-weight:650;line-height:1.25}
.sc-card:hover{transform:translateY(-2px)}.sc-card:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.sc-chips{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.sc-chips::-webkit-scrollbar{display:none}
.sc-chips li{flex:none;font-size:12px;color:var(--mut);background:var(--soft);border-radius:999px;padding:4px 10px}
.sc-chips li span{color:var(--brand)}.sc-chips a{color:inherit;text-decoration:none}
.showcase+.gnote{margin-top:12px}
@media(max-width:520px){.sc-strip{gap:8px}.sc-card{flex-basis:124px;aspect-ratio:5/4}.sc-lbl{font-size:12.5px;bottom:6px}}
@media(min-width:900px){.sc-card{flex-basis:150px}}
.sc-strip:has(.sc-card:focus-visible){scroll-snap-type:none}
@media(prefers-reduced-motion:reduce){.sc-strip{scroll-behavior:auto}.sc-card{transition:none}}

/* 3 Nov 2026: paused listing panel (acct.js) */
.acctp{border-inline-start:4px solid #b26b00;background:#fff8ec}.acctp h3{margin:0 0 6px;color:#7a4700}.acctp ul{margin:6px 0;padding-inline-start:20px}.acctp li{margin:3px 0}.acctbtn{gap:12px;flex-wrap:wrap;align-items:center}