/* OAS brand cleanup, round 1 (2026-10-31). Loaded only with ?brand=1 (mu-plugins/oas-brand1.php).
   Every rule sits under body.oas-b1. Values from brand/GUIDELINE.md v1.1. Undo: delete this file and oas-brand1.php.
   Contents: 1 tokens, 2 homepage (#oas-hv2), 3 painting cards, 4 header, 5 footer, 6 cookie banner. */

/* 1. tokens */
body.oas-b1{
  --b1-ink:#16161A;--b1-ink0:#14110C;--b1-ink2:#3A3A36;--b1-mut:#6C655E;--b1-gold:#A8823E;--b1-goldtx:#7E622F;--b1-lgold:#E6C98F;
  --b1-line:#E3DDCF;--b1-parch:#F4F1E9;--b1-off:#FBFAF6;--b1-dtx:#C9C2B4;--b1-dlb:#A79C89;
  --b1-panel:linear-gradient(160deg,#14110C,#2F2416);
  --b1-r:10px;--b1-r-lg:14px;--b1-r-sm:6px;
}

/* ============ 2. HOMEPAGE (#oas-hv2) ============ */
/* focus: one ring, drawn on the element's own edge */
body.oas-b1 #oas-hv2 :focus-visible{outline:2px solid var(--b1-gold);outline-offset:0}
body.oas-b1 #oas-hv2 .srch input:focus-visible,body.oas-b1 #oas-hv2 .ask input:focus-visible{outline:0}
body.oas-b1 #oas-hv2 .srch button:focus-visible{outline-offset:-2px}
body.oas-b1 #oas-hv2 .drop-in:focus-visible+.drop-z{outline:2px solid var(--b1-gold);outline-offset:0}

/* type: headings */
body.oas-b1 #oas-hv2 h1 i,body.oas-b1 #oas-hv2 h2 i{font-weight:600}
body.oas-b1 #oas-hv2 h1{font-size:clamp(34px,8.6vw,58px);line-height:1.1}
body.oas-b1 #oas-hv2 h2{line-height:1.1}
body.oas-b1 #oas-hv2 .steps h3,body.oas-b1 #oas-hv2 summary h3{font:700 15px/1.3 Manrope,system-ui,sans-serif}
body.oas-b1 #oas-hv2 .pdc h3,body.oas-b1 #oas-hv2 .drop-z b,body.oas-b1 #oas-hv2 .pet-tx b{font:600 18px/1.1 Fraunces,Georgia,serif}
@media(min-width:700px){body.oas-b1 #oas-hv2 .pdc h3,body.oas-b1 #oas-hv2 .drop-z b,body.oas-b1 #oas-hv2 .pet-tx b{font-size:20px}}

/* type: labels and buttons (Jost 700, 11px, .14em) */
body.oas-b1 #oas-hv2 .btn,body.oas-b1 #oas-hv2 .eb,body.oas-b1 #oas-hv2 .bar.oas-tr .lb,body.oas-b1 #oas-hv2 .facts .chat-btn,body.oas-b1 #oas-hv2 .pdc .lnk,body.oas-b1 #oas-hv2 .lnk,body.oas-b1 #oas-hv2 .grpb h3{font-size:11px}
body.oas-b1 #oas-hv2 .eb,body.oas-b1 #oas-hv2 .grpb h3,body.oas-b1 #oas-hv2 .st3 figcaption,body.oas-b1 #oas-hv2 .ask-l,body.oas-b1 #oas-hv2 .facts .oas-hv2-status,body.oas-b1 #oas-hv2 .secure .sl,body.oas-b1 #oas-hv2 .bar.oas-tr .lb{letter-spacing:.14em}
body.oas-b1 #oas-hv2 .st3 figcaption{font-size:10px;line-height:1.3}
body.oas-b1 #oas-hv2 .ph-tag{font-size:10px;letter-spacing:.14em;border-radius:var(--b1-r-sm)}
body.oas-b1 #oas-hv2 .ph-flag{border-radius:var(--b1-r-sm)}
body.oas-b1 #oas-hv2 .bar.oas-tr sup.oas-fn{font-size:10px!important}
body.oas-b1 #oas-hv2 .bar.oas-tr .lb{line-height:1.3}

/* type: text sizes */
body.oas-b1 #oas-hv2 .lead{font-size:16px;line-height:1.6;margin-top:16px}
@media(min-width:900px){body.oas-b1 #oas-hv2 .lead{font-size:17px}}
body.oas-b1 #oas-hv2 .sub,body.oas-b1 #oas-hv2 .steps p,body.oas-b1 #oas-hv2 .nl{font-size:15px;line-height:1.6}
body.oas-b1 #oas-hv2 .chip,body.oas-b1 #oas-hv2 .ways,body.oas-b1 #oas-hv2 .facts span{font-size:13.5px}
body.oas-b1 #oas-hv2 .price,body.oas-b1 #oas-hv2 .rtn,body.oas-b1 #oas-hv2 .pdc .pd-l,body.oas-b1 #oas-hv2 .drop-z .d-s,body.oas-b1 #oas-hv2 .drop-msg,body.oas-b1 #oas-hv2 .ask-m,body.oas-b1 #oas-hv2 .pet-d{font-size:13.5px;line-height:1.6}
body.oas-b1 #oas-hv2 .fine p,body.oas-b1 #oas-hv2 .fine .rtn,body.oas-b1 #oas-hv2 .fine .price,body.oas-b1 #oas-hv2 .hero .rate.top{font-size:12px;line-height:1.6}
body.oas-b1 #oas-hv2 .facts .oas-hv2-hrs{font-size:13.5px}
body.oas-b1 #oas-hv2 .ways{line-height:2}
/* weights */
body.oas-b1 #oas-hv2 .chip{font-weight:400}
body.oas-b1 #oas-hv2 .steps p.pr{font-weight:700;font-size:13.5px}
body.oas-b1 #oas-hv2 .bar.oas-tr .dt{font-weight:400}
/* captions */
body.oas-b1 #oas-hv2 .hero-art figcaption,body.oas-b1 #oas-hv2 .pdc .by{font:400 13.5px/1.6 Manrope,system-ui,sans-serif;font-style:normal}

/* layout: chips, search, fields */
body.oas-b1 #oas-hv2 .chip{min-height:0;height:40px;padding:0 16px;border-radius:var(--b1-r)}
body.oas-b1 #oas-hv2 .srch-r{height:48px;border-radius:var(--b1-r)}
body.oas-b1 #oas-hv2 .srch-r:focus-within{outline:0;border-color:var(--b1-gold)}
/* the wrapper is 48 tall including its 1px border; input and button fill it */
body.oas-b1 #oas-hv2 .srch input[type=search]{height:100%}
body.oas-b1 #oas-hv2 .srch button{flex:0 0 48px;width:48px;height:100%}
body.oas-b1 #oas-hv2 .srch button:hover{background:var(--b1-ink0)}
body.oas-b1 #oas-hv2 .btn-d:hover{background:var(--b1-ink0)}
body.oas-b1 #oas-hv2 .ask input[type=text],body.oas-b1 #oas-hv2 .ask input[type=email]{height:48px}
body.oas-b1 #oas-hv2 .ask .btn{height:48px}
body.oas-b1 #oas-hv2 .ask input:hover,body.oas-b1 #oas-hv2 .ask input:focus{border-color:var(--b1-gold);outline:0;box-shadow:none}
/* layout: panels and corners */
body.oas-b1 #oas-hv2 .pdc{border-radius:var(--b1-r-lg);padding:16px}
body.oas-b1 #oas-hv2 .cm-box{padding:16px}
body.oas-b1 #oas-hv2 .pet{border-radius:var(--b1-r);padding:16px;gap:16px}
body.oas-b1 #oas-hv2 .st3 img,body.oas-b1 #oas-hv2 .room img,body.oas-b1 #oas-hv2 .room-ph{border-radius:var(--b1-r)}
body.oas-b1 #oas-hv2 .ph-card{border-radius:var(--b1-r)}
body.oas-b1 #oas-hv2 .secure .cd{border-radius:var(--b1-r-sm)}
body.oas-b1 #oas-hv2 .rate .pill{border-color:var(--b1-line);border-radius:var(--b1-r-sm)}
@media(min-width:700px){
body.oas-b1 #oas-hv2 .pdc{padding:24px}
body.oas-b1 #oas-hv2 .cm-box{padding:24px}
}
@media(min-width:1000px){body.oas-b1 #oas-hv2 .pdc{padding:24px}}

/* spacing snaps (4, 8, 12, 16, 24, 32, 48) */
body.oas-b1 #oas-hv2 .hd,body.oas-b1 #oas-hv2 .cm .hd{margin-bottom:24px}
body.oas-b1 #oas-hv2 .hero{padding-top:24px}
body.oas-b1 #oas-hv2 .hero-in{gap:24px}
body.oas-b1 #oas-hv2 .acts{gap:12px}
body.oas-b1 #oas-hv2 .hero .acts{margin-top:16px}
@media(min-width:700px){body.oas-b1 #oas-hv2 .hero .acts{margin-top:24px}}
body.oas-b1 #oas-hv2 .bar.oas-tr{margin-top:48px;padding:16px 0}
body.oas-b1 #oas-hv2 .bar.oas-tr .it{gap:12px;padding:2px 24px}
@media(min-width:700px){body.oas-b1 #oas-hv2 .bar.oas-tr .it{padding:2px 32px}}
body.oas-b1 #oas-hv2 .more{margin-top:24px;gap:8px}
@media(min-width:700px){body.oas-b1 #oas-hv2 .more{gap:32px}}
body.oas-b1 #oas-hv2 .br{gap:32px}
body.oas-b1 #oas-hv2 .ways{margin-top:24px}
body.oas-b1 #oas-hv2 .srch{margin-bottom:24px}
body.oas-b1 #oas-hv2 .hw{gap:32px}
body.oas-b1 #oas-hv2 .steps li{padding:16px 0}
body.oas-b1 #oas-hv2 .steps p{margin-top:4px}
body.oas-b1 #oas-hv2 .steps p.pr{margin-top:8px}
body.oas-b1 #oas-hv2 .st3{gap:12px}
body.oas-b1 #oas-hv2 .facts li{padding:16px 0}
body.oas-b1 #oas-hv2 summary{padding:16px 0}
body.oas-b1 #oas-hv2 .drop-z{padding:24px;gap:8px}
body.oas-b1 #oas-hv2 .ask{margin-top:12px;padding-top:16px}
body.oas-b1 #oas-hv2 .endc h2{margin-bottom:24px}
@media(min-width:900px){
body.oas-b1 #oas-hv2 .hero{padding-top:24px}
body.oas-b1 #oas-hv2 .hero-in{gap:48px}
body.oas-b1 #oas-hv2 .hw{gap:48px}
body.oas-b1 #oas-hv2 .cm{gap:48px}
}
@media(max-width:899px){
body.oas-b1 #oas-hv2 .hero{padding-top:24px}
body.oas-b1 #oas-hv2 .hero-in{gap:0}
body.oas-b1 #oas-hv2 .hero .lead{margin-top:16px}
}
@media(max-width:699px){
body.oas-b1 #oas-hv2 .hd{margin-bottom:24px}
body.oas-b1 #oas-hv2 .br{gap:32px}
body.oas-b1 #oas-hv2 .ways{margin-top:24px}
body.oas-b1 #oas-hv2 .steps li{padding:16px 0}
body.oas-b1 #oas-hv2 .chip{min-height:0;padding:0 16px;font-size:13.5px}
body.oas-b1 #oas-hv2 .hw{gap:32px}
body.oas-b1 #oas-hv2 .srch{margin-bottom:24px}
}

/* icons */
body.oas-b1 #oas-hv2 .lnk svg{width:16px;height:16px}
body.oas-b1 #oas-hv2 .bar.oas-tr .it svg{width:20px;height:20px;flex:0 0 20px}
body.oas-b1 #oas-hv2 .facts .chat-btn svg,body.oas-b1 #oas-hv2 .steps .pr svg{width:16px;height:16px;flex-basis:16px}
body.oas-b1 #oas-hv2 .secure .sl svg{width:16px;height:16px;flex-basis:16px}
body.oas-b1 #oas-hv2 .drop-z svg{width:32px;height:32px}
body.oas-b1 #oas-hv2 svg[stroke]{stroke-width:1.1}
body.oas-b1 #oas-hv2 .bar.oas-tr .it svg{stroke-width:1.1}
body.oas-b1 #oas-hv2 .drop-z svg,body.oas-b1 #oas-hv2 .steps .pr svg{stroke-width:1.1}
/* text links: 44px tap height on phones (padding only; the line stays under the words) */
@media(max-width:699px){
body.oas-b1 #oas-hv2 .lnk{position:relative;min-height:44px;padding:0;border-bottom:0}
body.oas-b1 #oas-hv2 .lnk:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--b1-line);transition:background-color .2s ease}
body.oas-b1 #oas-hv2 .lnk:hover:after{background:var(--b1-gold)}
body.oas-b1 #oas-hv2 .grpb .lnk{padding:0;font-size:11px}
}

/* hero painting: the box follows the file, never cropped or stretched */
body.oas-b1 #oas-hv2 .lean img{width:auto;aspect-ratio:auto;object-fit:contain;max-width:none}

/* frame mockups: keep gradient and own shadow, nothing on the painting, standard 2px lift */
body.oas-b1 #oas-hv2 .lean .sheen{display:none}
body.oas-b1 #oas-hv2 .lean .f-gilt:after{display:none}
@media(hover:hover){
body.oas-b1 #oas-hv2 .lean .p-starry:hover{transform:translateY(-2px) rotate(-1.8deg)}
body.oas-b1 #oas-hv2 .lean .p-girl:hover{transform:translateY(-2px) rotate(1.1deg)}
body.oas-b1 #oas-hv2 .lean .p-kiss:hover{transform:translateY(-2px) rotate(-.5deg)}
}

/* ============ 3. PAINTING CARDS (every page) ============ */
body.oas-b1 a.oas-card{border:1px solid var(--b1-line)!important;border-radius:var(--b1-r)!important;color:var(--b1-ink)!important;box-shadow:none;transition:transform .2s ease,border-color .2s ease}
body.oas-b1 a.oas-card:hover{transform:translateY(-2px);box-shadow:none;border-color:var(--b1-gold)!important}
body.oas-b1 a.oas-card:focus-visible{outline:2px solid var(--b1-gold);outline-offset:0}
body.oas-b1 a.oas-card .ch img,body.oas-b1 a.oas-card:hover .ch img{box-shadow:none!important}
body.oas-b1 a.oas-card:hover .ch img{transform:translate(-50%,-50%)!important}
/* :is(#b1-x,body) gives the id weight needed to beat oas-fix-QH (:is(#sh,body) ...) on every page */
body.oas-b1:is(#b1-x,body) .oas-grid a.oas-card:hover .ch img{transform:none!important}
body.oas-b1 a.oas-card .meta{padding:12px!important;border-top:1px solid var(--b1-line)}
body.oas-b1 a.oas-card .meta b,body.oas-b1 #oas-pp a.oas-card .meta b{font-size:13.5px!important;color:var(--b1-ink)!important}
body.oas-b1 a.oas-card .meta em,body.oas-b1 #oas-pp a.oas-card .meta em{font-family:Jost,sans-serif!important;font-weight:700!important;font-size:10px!important;letter-spacing:.14em!important}
body.oas-b1 a.oas-card .meta .pz,body.oas-b1 a.oas-card .pz .amount,body.oas-b1 a.oas-card .pz bdi{color:var(--b1-ink)!important}
body.oas-b1 a.oas-card .meta .pz{font-size:13.5px!important}
@media(min-width:700px){
body.oas-b1 a.oas-card .meta{padding:14px!important}
body.oas-b1 a.oas-card .meta b,body.oas-b1 #oas-pp a.oas-card .meta b{font-size:15px!important}
body.oas-b1 a.oas-card .meta .pz{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){body.oas-b1 a.oas-card{transition:none}}

/* ============ 4. HEADER (every page) ============ */
body.oas-b1 .oashd{--line:var(--b1-line)}
body.oas-b1 .oashd__burger,body.oas-b1 .oashd__util a,body.oas-b1 .oashd--pin.oashd--up .oashd__searchbtn{color:var(--b1-ink)}
body.oas-b1 .oashd__util a:hover{color:var(--b1-goldtx)}
body.oas-b1 .oashd .oas-hs__f>svg,body.oas-b1 .oas-hs__f svg{color:var(--b1-mut)}
body.oas-b1 .oashd .oas-hs__empty,body.oas-b1 .oas-hs__empty,body.oas-b1 .oashd__mmenu .sub-menu a{color:var(--b1-ink2)}
body.oas-b1 .oashd__logo{color:var(--b1-ink)}
/* creams: backgrounds to off-white, lines to the line colour */
body.oas-b1 .oashd .oas-hs__r:hover,body.oas-b1 .oashd .oas-hs__r.sel,body.oas-b1 .oashd__list a:hover,body.oas-b1 .oashd__list .oashd__all a:hover,body.oas-b1 .oas-hs__r:hover,body.oas-b1 .oas-hs__r.sel{background:var(--b1-off)}
body.oas-b1 .oashd .oas-hs__r+.oas-hs__r,body.oas-b1 .oashd .oas-hs__skr+.oas-hs__skr,body.oas-b1 .oas-hs__r+.oas-hs__r,body.oas-b1 .oashd__mmenu>li>a{border-top-color:var(--b1-line)}
body.oas-b1 .oashd__mmenu>li>a{border-bottom-color:var(--b1-line)}
body.oas-b1 .oashd__drawernote{border-top-color:var(--b1-line)}
body.oas-b1 .oashd .oas-hs__th,body.oas-b1 .oas-hs__th{background:var(--b1-off)}
body.oas-b1 .oashd .oas-hs__skt,body.oas-b1 .oashd .oas-hs__skl span,body.oas-b1 .oashd .oas-hs__skp{background-image:linear-gradient(90deg,var(--b1-parch) 0%,var(--b1-off) 50%,var(--b1-parch) 100%)}
body.oas-b1 .oas-hs__ch a,body.oas-b1 .oas-hs__f,body.oas-b1 .oas-hs__side,body.oas-b1 .oas-hs__ft{border-color:var(--b1-line)}
/* phones show the name only */
@media(max-width:699px){body.oas-b1 .oashd__tag{display:none}}
/* labels */
body.oas-b1 .oashd__bandin{font-family:Jost,sans-serif;font-weight:700;font-size:10px}
body.oas-b1 .oashd__bandin>.oashd__bandmid{font-size:10px}
body.oas-b1 .oashd__menu>li>a{font-weight:700;font-size:11px}
body.oas-b1 .oashd .oas-hs__l,body.oas-b1 .oas-hs__l,body.oas-b1 .oashd__featlbl,body.oas-b1 .oashd .oas-hs__skh{font-size:10px;letter-spacing:.14em}
/* units switch (IN / CM): 10px corners, 44px tap height */
body.oas-b1 .oasu,body.oas-b1 .oasu button,body.oas-b1 .oashd__bandunits{border-radius:var(--b1-r-sm)}
body.oas-b1 .oasu button{position:relative;font-weight:700;font-size:10px;color:var(--b1-mut)}
body.oas-b1 .oasu button:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
body.oas-b1 .oasu button:hover{color:var(--b1-ink0)}
html[data-unit="in"] body.oas-b1 .oasu button[data-u="in"],html[data-unit="cm"] body.oas-b1 .oasu button[data-u="cm"]{color:#fff}
body.oas-b1 .oasu button:focus-visible{outline:2px solid var(--b1-gold);outline-offset:0}
body.oas-b1 .oashd__bandunits button{color:rgba(255,255,255,.72)}
body.oas-b1 .oashd__bandunits button:hover{color:#fff}
html[data-unit="in"] body.oas-b1 .oashd__bandunits button[data-u="in"],html[data-unit="cm"] body.oas-b1 .oashd__bandunits button[data-u="cm"]{color:var(--b1-ink0)}
/* cart counter: no pill */
body.oas-b1 .oashd__n{font-size:10px;border-radius:var(--b1-r-sm);top:5px;right:3px}
/* icons 20, tap area 44 x 44 */
body.oas-b1 .oashd__util{gap:0}
body.oas-b1 .oashd__util a{min-width:44px;min-height:44px;justify-content:center}
body.oas-b1 .oashd__util svg{width:20px;height:20px}
/* search field: 48 high everywhere, white, one outline (the border) */
body.oas-b1 .oashd .oas-hs__f,body.oas-b1 .oashd--up .oas-hs__f,body.oas-b1 .oashd--pin.oashd--up .oas-hs__f{height:48px;background:#fff;border:1px solid var(--b1-line);border-radius:var(--b1-r);box-shadow:none}
body.oas-b1 .oashd .oas-hs__f:hover,body.oas-b1 .oashd .oas-hs__f:focus-within,body.oas-b1 .oashd .oas-hs.is-open .oas-hs__f{background:#fff;border-color:var(--b1-gold);box-shadow:none}
body.oas-b1 .oashd .oas-hs.is-open .oas-hs__f{border-radius:var(--b1-r) var(--b1-r) 0 0}
body.oas-b1 .oashd .oas-hs__i,body.oas-b1 .oashd input.oas-hs__i,body.oas-b1 .oashd input[type="search"].oas-hs__i{font-size:16px!important}
body.oas-b1 .oashd .oas-hs__ch a,body.oas-b1 .oas-hs__ch a{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--b1-r)}
body.oas-b1 .oashd__pan{border-top-width:1px}

/* ============ 5. FOOTER (every page) ============ */
body.oas-b1 .oasft{--mut:var(--b1-dlb);border-top:1px solid var(--b1-gold);background:var(--b1-panel)}
body.oas-b1 .oasft .bot,body.oas-b1 .oasft .cols .plain li{color:var(--b1-dlb)}
body.oas-b1 .oasft .bot{font-size:12px}
body.oas-b1 .oasft .lb{font-size:10px}
@media(max-width:699px){body.oas-b1 .oasft .kick{display:none}}
body.oas-b1 .oasft .chips a{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--b1-r);font-weight:700;font-size:10px;letter-spacing:.14em;border-color:rgba(230,201,143,.35)}
body.oas-b1 .oasft .chips a:hover{border-color:var(--b1-lgold)}
body.oas-b1 .oasft .soc a{width:40px;height:40px;border-radius:var(--b1-r)}
body.oas-b1 .oasft .pay span{font-size:10px;border-radius:var(--b1-r-sm)}
body.oas-b1 .oasft .cols a{font-size:13.5px}
body.oas-b1 .oasft a:focus-visible,body.oas-b1 .oasft button:focus-visible{outline:2px solid var(--b1-lgold);outline-offset:0}

/* ============ 6. COOKIE BANNER (#oasck, every page) ============ */
body.oas-b1 #oasck .oasck-in{background:var(--b1-panel);color:var(--b1-dtx);border:1px solid var(--b1-gold);border-radius:var(--b1-r-lg);padding:16px}
body.oas-b1 #oasck .oasck-top{gap:8px}
body.oas-b1 #oasck .oasck-h{font-family:Manrope,system-ui,sans-serif;font-weight:700;color:var(--b1-off)}
body.oas-b1 #oasck .oasck-p{margin-top:8px;font-size:12px;line-height:1.6;color:var(--b1-dtx)}
body.oas-b1 #oasck .oasck-ic{border-color:rgba(230,201,143,.35)}
body.oas-b1 #oasck .oasck-ic svg{stroke:var(--b1-lgold);stroke-width:1.1}
body.oas-b1 #oasck .oasck-b{gap:8px;margin-top:12px}
body.oas-b1 #oasck .oasck-b button{height:40px;border-radius:var(--b1-r);font-family:Jost,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
body.oas-b1 #oasck .oasck-b button[data-c=no]{background:transparent;border:1px solid rgba(230,201,143,.5);color:var(--b1-dtx)}
body.oas-b1 #oasck .oasck-b button[data-c=no]:hover{background:transparent;border-color:var(--b1-lgold)}
body.oas-b1 #oasck .oasck-b button[data-c=yes]{background:var(--b1-lgold);color:var(--b1-ink0)}
body.oas-b1 #oasck .oasck-b button[data-c=yes]:hover{opacity:1;transform:translateY(-2px)}
body.oas-b1 #oasck .oasck-b button:focus-visible{outline:2px solid var(--b1-lgold);outline-offset:0}
body.oas-b1 #oasck .oasck-f{margin-top:12px;gap:8px;font-size:12px;color:var(--b1-dlb)}
body.oas-b1 #oasck .oasck-f svg{stroke:var(--b1-dlb);stroke-width:1.1}
body.oas-b1 #oasck .oasck-f a{color:var(--b1-lgold)}
@media(prefers-reduced-motion:reduce){body.oas-b1 #oasck .oasck-b button{transition:none}body.oas-b1 #oasck .oasck-b button[data-c=yes]:hover{transform:none}}

/* reviewer: 44px tap areas on phones, visible size stays 40 */
@media (max-width:699px){body.oas-b1 #oas-hv2 .chip,body.oas-b1 .oas-hs__ch a,body.oas-b1 .oasft .chips a,body.oas-b1 .oasft .soc a,body.oas-b1 #oasck .oasck-b button{position:relative}body.oas-b1 #oas-hv2 .chip:after,body.oas-b1 .oas-hs__ch a:after,body.oas-b1 .oasft .chips a:after,body.oas-b1 .oasft .soc a:after,body.oas-b1 #oasck .oasck-b button:after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}body.oas-b1 .oasft .cols a{display:inline-block;padding:12px 0}}/* chat button and back-to-top: when the round chat button shows (homepage), back-to-top sits above it, centred on the same line */
body.oas-b1:has(#oas-hv2 .oas-chat-fab:not([hidden])) a.back-to-top.in{right:20px!important;bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}