/* Veltrixa — the portal's own search, which only finds what the portal sells.
   Schibsted Grotesk (query, titles, snippets) + Spline Sans Mono (address lines, labels). White page, violet-blue titles,
   dark-green address lines, one orange for «Patrocinado», hairlines, no cards. */
:root {
  --bg: #FCFCFD; --bg2: #F4F4F7; --ink: #17161D; --ink2: #4E4C5A; --ink3: #6B6978;
  --vio: #2E2A8F; --vio-d: #1E1A6A; --vio-w: #ECEBFA; --vio-m: #B9B6EC;
  --grn: #17643A; --org: #C2410C; --org-l: #D9480F;
  --line: #E6E5EC; --line2: #CFCDD9; --cell: #E3E1EA;
  --fd: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; --fm: 'Spline Sans Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --ex: cubic-bezier(.16, 1, .3, 1); --qo: cubic-bezier(.25, 1, .5, 1);
  --colR: 200px; --colM: 680px; --colK: 340px; --gap: 56px; --wrap: 1380px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.6 var(--fd); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
::selection { background: var(--vio-w); color: var(--vio-d); }
a { color: var(--vio); text-underline-offset: 3px; }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--vio); outline-offset: 3px; border-radius: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 16px; top: -60px; z-index: 50; background: var(--ink); color: #fff; padding: 8px 12px; font: 500 13px var(--fm); }
.skip:focus { top: 12px; }
[hidden] { display: none !important; }

/* ---------- the search box ---------- */
.top { border-bottom: 1px solid var(--line); background: var(--bg); }
.top-in { max-width: var(--wrap); margin: 0 auto; padding: 34px 24px 0; display: grid; grid-template-columns: var(--colR) minmax(0, 1fr) auto; column-gap: var(--gap); align-items: start; }
.brand { display: block; padding-top: 4px; }
.brand img { height: 30px; width: auto; display: block; }
.lang { display: flex; border: 1px solid var(--line2); border-radius: 4px; overflow: hidden; margin-top: 2px; }
.lang button { border: 0; background: transparent; padding: 6px 10px; font: 500 12px/1 var(--fm); letter-spacing: .06em; color: var(--ink3); }
.lang button + button { border-left: 1px solid var(--line2); }
.lang button[aria-pressed="true"] { background: var(--ink); color: var(--bg); }
.lang button:hover:not([aria-pressed="true"]) { color: var(--ink); }

.crumb { margin: 0 0 6px; font: 500 12px/1.4 var(--fm); color: var(--grn); letter-spacing: .01em; }
.crumb i { font-style: normal; color: var(--ink3); padding: 0 2px; }
.field { position: relative; display: flex; align-items: flex-end; gap: 16px; border-bottom: 2px solid var(--ink); max-width: 1000px; }
.field::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--vio); transform: scaleX(0); transform-origin: left; transition: transform .7s var(--ex); }
.field:focus-within::after { transform: scaleX(1); }
#q { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 0 6px; margin: 0; outline: none;
  font: 700 clamp(46px, 7.1vw, 106px)/1.02 var(--fd); letter-spacing: -.045em; color: var(--ink); caret-color: var(--org-l); -webkit-appearance: none; appearance: none; }
#q::placeholder { color: #B5B3C0; font-weight: 600; letter-spacing: -.035em; font-size: .52em; }
#q::-webkit-search-cancel-button { -webkit-appearance: none; }
.cnt { flex: none; margin-bottom: 22px; font: 500 13px/1.2 var(--fm); color: var(--ink3); white-space: nowrap; }
.cnt b { display: inline-block; font: 700 30px/1 var(--fd); letter-spacing: -.03em; color: var(--vio); margin-right: 4px; vertical-align: -4px; }
.cnt.tick b { animation: tick .5s var(--ex); }
@keyframes tick { from { transform: translateY(-40%); opacity: 0; } to { transform: none; opacity: 1; } }
.go { flex: none; width: 58px; height: 58px; margin-bottom: 14px; border: 0; border-radius: 4px; background: var(--ink); display: grid; place-items: center; transition: background .3s var(--qo), transform .3s var(--qo); }
.go svg { width: 26px; height: 26px; fill: none; stroke: var(--bg); stroke-width: 2.4; stroke-linecap: round; }
.go:hover { background: var(--vio); }
.go:active { transform: scale(.94); }
.sugg { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0 22px; }
.sugg-k { font: 500 12px/1 var(--fm); color: var(--ink3); margin-right: 4px; }
.chip { border: 1px solid var(--line2); background: var(--bg); border-radius: 4px; padding: 7px 11px 8px; font: 500 13px/1 var(--fm); color: var(--ink); transition: border-color .25s var(--qo), background .25s var(--qo), color .25s var(--qo); }
.chip:hover { border-color: var(--vio); color: var(--vio); }
.chip[aria-pressed="true"] { background: var(--vio); border-color: var(--vio); color: #fff; }

/* the box turned into the request */
.ask { max-width: 1000px; padding-bottom: 26px; }
.top.morph .ask { animation: morph .75s var(--ex) both; }
@keyframes morph { from { clip-path: inset(0 0 72% 0); opacity: .3; transform: translateY(-6px); } to { clip-path: inset(0 0 0 0); opacity: 1; transform: none; } }
.ask-l { display: block; margin: 0 0 6px; font: 500 11.5px/1.4 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); }
.ask-l b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 4px; border-radius: 3px; background: var(--vio); color: #fff; font-weight: 600; letter-spacing: 0; }
#ask-words { display: block; width: 100%; resize: none; overflow: hidden; min-height: 1.2em; border: 0; border-bottom: 2px solid var(--ink); background: transparent; padding: 0 0 8px; outline: none;
  font: 700 clamp(28px, 3.6vw, 50px)/1.1 var(--fd); letter-spacing: -.035em; color: var(--ink); caret-color: var(--org-l); }
#ask-words::placeholder { color: #B5B3C0; font-weight: 600; }
#ask-words:focus { border-bottom-color: var(--vio); }
.ask-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 40px; margin-top: 22px; }
.ask-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.ask-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.al-t { font-weight: 600; color: var(--vio); font-size: 15.5px; line-height: 1.35; }
.al-p { grid-row: 2; font: 400 12px/1.5 var(--fm); color: var(--ink3); }
.al-x { grid-row: 1 / span 2; grid-column: 2; align-self: center; border: 1px solid var(--line2); background: var(--bg); width: 30px; height: 30px; border-radius: 4px; font-size: 18px; line-height: 1; color: var(--ink2); }
.al-x:hover { border-color: var(--org); color: var(--org); }
.ask-none { margin: 0; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 14.5px; color: var(--ink2); }
.ask-fields { display: grid; gap: 14px; align-content: start; }
.ask-fields label span { display: block; font: 500 11.5px/1.4 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); margin-bottom: 2px; }
.ask-fields input { width: 100%; border: 0; border-bottom: 1.5px solid var(--line2); background: transparent; padding: 6px 0 7px; font-size: 18px; outline: none; transition: border-color .3s var(--qo); }
.ask-fields input:focus { border-bottom-color: var(--vio); }
.ask-fields input::placeholder { color: #9C9AA8; }
.ask-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 24px; }
.send { border: 0; border-radius: 4px; background: var(--ink); color: var(--bg); padding: 15px 22px; font-weight: 600; font-size: 16px; letter-spacing: -.005em; transition: background .3s var(--qo); }
.send:hover { background: var(--vio); }
.back { border: 0; background: none; padding: 6px 0; color: var(--vio); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.chan { font: 500 12.5px/1.4 var(--fm); color: var(--grn); }
.ask-st { min-height: 0; margin: 10px 0 0; font-size: 14px; color: var(--vio-d); font-weight: 500; }
.ask-st:empty { display: none; }
.ask-how { margin: 12px 0 6px; font-size: 14px; color: var(--ink2); max-width: 64ch; }
.ask .lead-note { color: var(--ink); }

/* ---------- page grid ---------- */
.page { max-width: var(--wrap); margin: 0 auto; padding: 0 24px 64px; display: grid; grid-template-columns: var(--colR) minmax(0, var(--colM)) var(--colK); column-gap: var(--gap); align-items: start; }

/* rail */
.rail { position: sticky; top: 24px; padding-top: 26px; min-width: 0; }
.rail-k { margin: 0 0 8px; font: 500 11.5px/1.4 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); }
.filters { list-style: none; margin: 0 0 28px; padding: 0; }
.filters button { width: 100%; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; border: 0; background: none; text-align: left; padding: 7px 0 7px 14px; position: relative; font-size: 15.5px; color: var(--ink2); transition: color .25s var(--qo); }
.filters button::before { content: ''; position: absolute; left: 0; top: 9px; bottom: 9px; width: 3px; border-radius: 2px; background: var(--vio); transform: scaleY(0); transition: transform .4s var(--ex); }
.filters button em { font: 400 12px/1 var(--fm); font-style: normal; color: var(--ink3); }
.filters button:hover { color: var(--ink); }
.filters button.zero { color: var(--ink3); }
.filters button.zero em { color: var(--ink3); }
.filters button[aria-pressed="true"] { color: var(--ink); font-weight: 600; }
.filters button[aria-pressed="true"]::before { transform: scaleY(1); }
.filters button[aria-pressed="true"] em { color: var(--vio); }
.opts { display: grid; gap: 6px; margin-bottom: 26px; }
.opt { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.4; color: var(--ink2); cursor: pointer; }
.rail-note { margin: 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.5; color: var(--ink3); }

/* the square tick used for marks and options */
.opt input, .mk input { -webkit-appearance: none; appearance: none; flex: none; width: 16px; height: 16px; margin: 1px 0 0; border: 1.5px solid var(--ink3); border-radius: 3px; background: var(--bg); display: grid; place-items: center; cursor: pointer; transition: background .2s var(--qo), border-color .2s var(--qo); }
.opt input::after, .mk input::after { content: ''; width: 8px; height: 4px; border: solid #fff; border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg) scale(0); transition: transform .3s var(--ex); }
.opt input:checked, .mk input:checked { background: var(--vio); border-color: var(--vio); }
.opt input:checked::after, .mk input:checked::after { transform: translateY(-1px) rotate(-45deg) scale(1); }

/* results */
.results { min-width: 0; padding-top: 22px; outline: none; }
.meta { margin: 0 0 18px; font: 400 13px/1.5 var(--fm); color: var(--ink3); }
.meta b { color: var(--ink); font-weight: 600; }
.meta q { color: var(--ink); quotes: '«' '»'; }
.list { list-style: none; margin: 0; padding: 0; }
.r { position: relative; padding: 18px 0 20px; border-top: 1px solid var(--line); }
.r:first-child { border-top: 0; padding-top: 6px; }
.r.sp + .r:not(.sp) { margin-top: 10px; border-top-color: var(--line2); }
.org-k { margin: 0 0 8px; font: 500 11.5px/1.4 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); }
.r::after { content: ''; position: absolute; left: -22px; top: 22px; bottom: 22px; width: 3px; border-radius: 2px; background: var(--vio); transform: scaleY(0); transform-origin: top; transition: transform .45s var(--ex); }
.r.marked::after { transform: scaleY(1); }
.r.flash { animation: flash 1.4s var(--qo); }
@keyframes flash { 0%, 30% { background: var(--vio-w); } 100% { background: transparent; } }
.sp-k { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0 0 6px; }
.sp-l { font: 600 12px/1 var(--fm); letter-spacing: .1em; text-transform: uppercase; color: var(--org); padding: 4px 0 3px; border-bottom: 2px solid var(--org-l); }
.sp-n { font-size: 13px; line-height: 1.45; color: var(--ink3); }
.addr { margin: 0 0 3px; font: 400 13px/1.45 var(--fm); color: var(--grn); overflow-wrap: anywhere; }
.addr .host { font-weight: 600; }
.addr i { font-style: normal; color: var(--ink3); }
.rt { margin: 0; font-size: 22px; line-height: 1.28; font-weight: 500; letter-spacing: -.015em; }
.rt-b { display: inline; border: 0; background: none; padding: 0; text-align: left; font: inherit; letter-spacing: inherit; color: var(--vio); text-decoration: none; }
.rt-b:hover { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.rt-b b, .sn b { font-weight: 700; }
.rt-b::after { content: '+'; display: inline-block; margin-left: 8px; font: 500 15px/1 var(--fm); color: var(--ink3); transform: translateY(-2px); transition: transform .4s var(--ex); }
.r.open .rt-b::after { transform: translateY(-2px) rotate(45deg); }
.sn { margin: 6px 0 0; font-size: 15.5px; line-height: 1.6; color: var(--ink2); max-width: 64ch; }
.sn b { color: var(--ink); }
.tbc { font: 500 11.5px/1 var(--fm); color: var(--ink3); white-space: nowrap; letter-spacing: .01em; }
.sn .tbc { padding: 2px 5px; border: 1px dashed var(--line2); border-radius: 3px; }
.rmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; }
.trail { display: inline-flex; gap: 2px; padding: 3px 0; }
.trail i { width: 4px; height: 12px; border-radius: 1px; background: var(--cell); }
.trail i.on { background: var(--vio); }
.tag { font: 500 11.5px/1 var(--fm); color: var(--ink3); }
.tag + .tag::before { content: '· '; }
.mk { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font: 500 12px/1.2 var(--fm); color: var(--ink2); cursor: pointer; }
.mk input { margin: 0; }
.r.marked .mk { color: var(--vio); }

/* the ficha, opened in place */
.fi { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .55s var(--ex); }
.r.open .fi { grid-template-rows: 1fr; }
.fi-in { overflow: hidden; min-height: 0; }
.fi-t { margin: 16px 0 0; padding: 4px 0 2px 18px; border-left: 2px solid var(--vio); }
.fi-t div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.fi-t div:last-child { border-bottom: 0; }
.fi-t dt { font: 500 11.5px/1.6 var(--fm); letter-spacing: .06em; text-transform: uppercase; color: var(--ink3); padding-top: 2px; }
.fi-t dd { margin: 0; font-size: 15px; line-height: 1.55; color: var(--ink); }
.fi-t .pr dd strong { font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.also { margin: 12px 0 0 20px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; font-size: 14px; }
.also span { font: 500 12px/1.4 var(--fm); color: var(--grn); }
.also-b { border: 0; background: none; padding: 2px 0; color: var(--vio); text-decoration: underline; text-decoration-color: var(--vio-m); text-underline-offset: 3px; font-size: 14px; }
.also-b:hover { text-decoration-color: var(--vio); }

/* load choreography: results arrive one after the other */
html.js:not(.static) .list.in .r { animation: rise .7s var(--ex) both; animation-delay: calc(var(--i) * 55ms + 80ms); }
@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* empty state */
.empty { padding: 10px 0 8px; }
.empty p { margin: 0 0 10px; color: var(--ink2); max-width: 60ch; }
.empty .em-t { font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: -.02em; color: var(--ink); }
.empty q { quotes: '«' '»'; }
.lnk { border: 0; background: none; padding: 0; color: var(--vio); text-decoration: underline; text-underline-offset: 3px; }
.empty .sugg { margin: 14px 0 0; }

/* related questions */
.paa { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line2); }
.paa h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -.015em; }
.paa details { border-bottom: 1px solid var(--line); }
.paa summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 0; font-size: 16.5px; font-weight: 500; color: var(--ink); }
.paa summary::-webkit-details-marker { display: none; }
.paa summary::after { content: ''; flex: none; width: 9px; height: 9px; border: solid var(--ink3); border-width: 0 2px 2px 0; transform: translateY(-3px) rotate(45deg); transition: transform .4s var(--ex); }
.paa details[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.paa summary:hover { color: var(--vio); }
.ans { padding: 0 0 16px; }
.ans p { margin: 0 0 8px; font-size: 15px; line-height: 1.6; color: var(--ink2); max-width: 64ch; }
.ans b { color: var(--ink); }
.ans .src { font: 400 12.5px/1.4 var(--fm); color: var(--grn); margin: 0; }

/* end of results: the button that turns the box into the request */
.endrow { margin-top: 40px; }
.endrow-k { margin: 0 0 10px; font: 500 12px/1.4 var(--fm); color: var(--ink3); }
.pq { width: 100%; display: flex; align-items: center; gap: 14px; text-align: left; border: 2px solid var(--ink); background: var(--bg); border-radius: 4px; padding: 16px 20px; font-size: clamp(20px, 2vw, 26px); font-weight: 700; letter-spacing: -.025em; color: var(--ink); transition: border-color .3s var(--qo), color .3s var(--qo), background .3s var(--qo); }
.pq::before { content: ''; flex: none; width: 18px; height: 18px; border: 2.5px solid currentColor; border-radius: 50%; box-shadow: 9px 9px 0 -7px currentColor; }
.pq::after { content: '→'; margin-left: auto; font-weight: 500; transition: transform .45s var(--ex); }
.pq:hover { border-color: var(--vio); color: var(--vio); }
.pq:hover::after { transform: translateX(6px); }
.pq-n { font: 500 13px/1 var(--fm); letter-spacing: 0; color: var(--vio); }
.endrow-p { margin: 10px 0 0; font-size: 14px; color: var(--ink2); }
.rfoot { margin-top: 44px; padding-top: 16px; border-top: 1px solid var(--line); }
.rule { margin: 0 0 8px; font-size: 13.5px; line-height: 1.55; color: var(--ink2); max-width: 68ch; }
.links { margin: 0; font: 400 12.5px/1.6 var(--fm); color: var(--ink3); }
.links a { color: var(--vio); }

/* knowledge panel */
.kp { position: sticky; top: 24px; margin-top: 26px; padding: 2px 0 6px 28px; border-left: 1px solid var(--line); min-width: 0; }
.kp-k { margin: 0 0 12px; font: 500 11.5px/1.4 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); }
.kp h2 { margin: 0 0 4px; line-height: 1; }
.kp-logo { height: 34px; width: auto; display: block; }
.kp-sub { margin: 8px 0 12px; font: 400 13px/1.45 var(--fm); color: var(--grn); }
.kp-d { margin: 0 0 14px; font-size: 14.5px; line-height: 1.55; color: var(--ink2); }
.kp-t { margin: 0 0 18px; border-top: 1px solid var(--line); }
.kp-t div { padding: 8px 0; border-bottom: 1px solid var(--line); }
.kp-t dt { font: 500 11px/1.4 var(--fm); letter-spacing: .07em; text-transform: uppercase; color: var(--ink3); }
.kp-t dd { margin: 2px 0 0; font-size: 14.5px; line-height: 1.45; color: var(--ink); overflow-wrap: anywhere; }
.kp-t dd.tbc { font: 500 13px/1.45 var(--fm); color: var(--ink3); white-space: normal; }
.kp-only { display: inline-block; margin-left: 6px; font: 500 11px/1 var(--fm); color: var(--grn); padding: 3px 5px; border: 1px solid #BBD3C4; border-radius: 3px; }
.kp-ask { width: 100%; border: 0; border-radius: 4px; background: var(--ink); color: var(--bg); padding: 12px 16px; font-weight: 600; font-size: 15px; text-align: left; transition: background .3s var(--qo); }
.kp-ask:hover { background: var(--vio); }
.kp-src { margin: 12px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--ink3); }

/* seller block: the page's own footer strip */
footer.seller { background: var(--bg2); color: var(--ink2); border-top: 1px solid var(--line); padding: 26px 24px 30px; font-family: var(--fd); font-size: 13px; }
footer.seller .seller-in { max-width: calc(var(--wrap) - 48px); }
footer.seller b { font: 500 11px/1.4 var(--fm); letter-spacing: .08em; opacity: 1; color: var(--ink3); }
footer.seller strong { color: var(--ink); }
footer.seller a { color: var(--vio); }

/* static review mode */
html.static *, html.static *::before, html.static *::after { transition: none !important; animation: none !important; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-delay: 0ms !important; } }

/* ---------- narrower screens ---------- */
@media (max-width: 1240px) { :root { --colR: 170px; --colK: 290px; --gap: 36px; } }
@media (max-width: 980px) {
  .top-in { grid-template-columns: minmax(0, 1fr) auto; padding: 20px 16px 0; row-gap: 18px; }
  .brand { grid-column: 1; grid-row: 1; padding-top: 0; }
  .brand img { height: 26px; }
  .lang { grid-column: 2; grid-row: 1; }
  .box-wrap { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .page { grid-template-columns: minmax(0, 1fr); padding: 0 16px 48px; }
  .rail { position: static; padding-top: 14px; border-bottom: 1px solid var(--line); }
  .rail > .rail-k, .rail-note { display: none; }
  .filters { display: flex; gap: 6px; overflow-x: auto; margin: 0 -16px 10px; padding: 0 16px 4px; scrollbar-width: none; }
  .filters::-webkit-scrollbar { display: none; }
  .filters button { width: auto; white-space: nowrap; padding: 7px 11px; border: 1px solid var(--line2); border-radius: 4px; font-size: 14.5px; }
  .filters button::before { display: none; }
  .filters button[aria-pressed="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
  .filters button[aria-pressed="true"] em { color: var(--vio-m); }
  .opts { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 14px; }
  .opts .rail-k { display: none; }
  .opt { font-size: 13.5px; }
  .kp { position: static; margin-top: 40px; padding: 22px 0 0; border-left: 0; border-top: 2px solid var(--ink); }
  .r::after { left: -12px; }
  .ask-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 560px) {
  #q { font-size: 44px; }
  .cnt { display: none; }
  .go { width: 46px; height: 46px; margin-bottom: 10px; }
  .go svg { width: 22px; height: 22px; }
  .rt { font-size: 19.5px; }
  .sn { font-size: 15px; }
  .fi-t { padding-left: 12px; }
  .fi-t div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .mk { margin-left: 0; width: 100%; }
  .also { margin-left: 0; }
  .send { width: 100%; }
}

/* == legal == cookie banner + seller block (generated by sites/_legal/gen.py; the banner look comes from _legal/cookie-styles.css) */
.ck { position: fixed; left: 16px; bottom: 16px; z-index: 9999; max-width: 400px; font-family: inherit; font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; text-align: left; }
.ck, .ck * { box-sizing: border-box; } .ck .ck-k { display: block; } .ck .ck-t, .ck .ck-p { margin: 0; } .ck .b { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.ck button, .ck a.more { cursor: pointer; text-decoration: none; line-height: 1.2; margin: 0; }
/* banner: veltrixa */
.ck { --ck-bottom: 0px; left: calc(max(0px, (100vw - 1380px) / 2) + 256px); bottom: 0; width: min(728px, calc(100vw - 652px)); max-width: calc(100vw - 32px); padding: 16px 24px 18px; background: #FCFCFD; color: #17161D; border-top: 1px solid #CFCDD9; border-radius: 0; box-shadow: 0 -22px 32px -22px rgba(23, 22, 29, .22); font-family: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; }
.ck .ck-k { display: inline-block; margin: 0 0 8px; padding: 4px 0 3px; font: 600 12px/1 'Spline Sans Mono', ui-monospace, Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; color: #17161D; border-bottom: 2px solid #2E2A8F; }
.ck .ck-t::before { content: 'veltrixa › cookies'; display: block; margin-bottom: 3px; font: 400 13px/1.45 'Spline Sans Mono', ui-monospace, Consolas, monospace; color: #17643A; }
.ck .ck-t b { display: block; font: 500 21px/1.28 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; letter-spacing: -.015em; color: #2E2A8F; }
.ck .ck-p { margin-top: 5px; font-size: 14.5px; line-height: 1.55; color: #4E4C5A; max-width: 64ch; }
.ck .b { gap: 6px 20px; margin-top: 10px; }
.ck button, .ck a.more { border: 0; background: none; padding: 4px 0; font: 500 14.5px/1.2 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; color: #2E2A8F; text-decoration: underline; text-decoration-color: #B9B6EC; text-decoration-thickness: 1.5px; text-underline-offset: 4px; border-radius: 0; }
.ck button.ok { font-weight: 700; text-decoration-color: #2E2A8F; }
.ck button:hover, .ck a.more:hover { color: #1E1A6A; text-decoration-color: #1E1A6A; }
.ck a.more { font: 500 12.5px/1.2 'Spline Sans Mono', ui-monospace, Consolas, monospace; color: #17643A; text-decoration-color: #BBD3C4; }
@media (max-width: 1240px) and (min-width: 981px) { .ck { left: 206px; width: min(728px, calc(100vw - 532px)); } }
@media (max-width: 980px) and (min-width: 601px) { .ck { left: 0; right: 0; width: auto; max-width: none; padding: 14px 16px 16px; } }
@media (max-width: 600px) { .ck { left: 0; right: 0; padding: 14px 16px 16px; } .ck .ck-t b { font-size: 19px; } }

@media (max-width: 600px) { .ck { left: 10px; right: 10px; bottom: var(--ck-bottom, 10px); width: auto; max-width: none; transform: none; } }
.seller { font-size: 12.5px; line-height: 1.6; color: inherit; padding: 22px 24px 26px; border-top: 1px solid rgba(128,128,128,.35); letter-spacing: 0; text-transform: none; font-family: inherit; }
.seller-in { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 28px; }
.seller b { display: block; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; opacity: .7; margin-bottom: 4px; font-weight: 700; }
.seller a { color: inherit; } .seller address { font-style: normal; } .seller strong { font-weight: 700; }
.seller.panel { display: none; position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9998; background: #fff; color: #111; border-radius: 14px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.5); max-width: 940px; margin: 0 auto; border-top: 0; padding: 24px 26px 22px; }
.seller.panel:target { display: block; }
.seller .x { position: absolute; top: 6px; right: 12px; text-decoration: none; font-size: 22px; line-height: 1; padding: 6px 8px; }
.ck-page .st { padding: 10px 14px; border: 1px solid rgba(128,128,128,.4); border-radius: 8px; margin: 10px 0 14px; font-weight: 700; } .ck-page .b { display: flex; gap: 8px; flex-wrap: wrap; } .ck-page button { font: inherit; font-weight: 700; padding: 9px 16px; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
@media (max-width: 760px) { table.lgl-t, table.lgl-t tbody, table.lgl-t tr, table.lgl-t td { display: block; width: auto; } table.lgl-t thead { display: none; } table.lgl-t tr { padding: 10px 0; border-bottom: 1px solid rgba(128,128,128,.35); } table.lgl-t td { border: 0 !important; padding: 2px 0 !important; overflow-wrap: anywhere; } table.lgl-t td::before { content: attr(data-l) ": "; font-weight: 700; } }
table.lgl-t code { overflow-wrap: anywhere; }
.lead-note.lead-note { font-size: 12px; line-height: 1.5; margin: 0; letter-spacing: 0; text-transform: none; font-weight: 400; font-style: normal; text-align: left; max-width: 62ch; } .lead-note.lead-note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 700px) { .seller-in { grid-template-columns: 1fr; } .seller.panel { left: 8px; right: 8px; bottom: 8px; max-height: 80dvh; overflow: auto; } }