/* Site-wide fields, v4: brushed metal, quieter (Big Ski, 10 Nov 2026 2:06 PM ET: the gold gradient is "too loud").
   Same structure as v3 (one continuous ramp, top sheen, 1px rim) with the colour pulled back: near-black over most of the field,
   easing into a low-saturation pewter-gold (#4a4334) in the right padding. Buttons, chips and the share box use the same quiet metal.
   Contrast at the brightest point text can reach (#1d1b16): text #ece6d8 13.8:1, placeholder #a9a08c 6.6:1 (AA).
   Rollback: link fields-gold.a3-20261110.css?v=2211101400 again (left on the server). */
:root{--fg-ink:#ece6d8;--fg-ph:#a9a08c;--fg-icon:#c9c0aa;
  --fg-end:#4a4334;--fg-end-f:#5a5140;
  --fg-sheen:linear-gradient(180deg,rgba(255,250,235,.05) 0,rgba(255,250,235,0) 40%);
  --fg-rim:linear-gradient(90deg,#26241f 0,#2f2c26 50%,#4d4638 85%,#625a48 100%);
  --fg-rim-h:linear-gradient(90deg,#34312a 0,#423d33 50%,#6a604c 85%,#837760 100%)}
:is(input:is([type=search],[type=text],[type=email],[type=url],[type=password],[type=tel],:not([type])),textarea):not(#kiPanel *),
select:not(#kiPanel *):not(.svp *):not(#svw *):not([multiple]){
  --fg-gz:clamp(52px,8vw,104px);
  --fg-ramp:linear-gradient(90deg,#0c0c0b 0,#0d0d0b 45%,#11100e 65%,#171613 80%,#1d1b16 calc(100% - var(--fg-gz)),#2e2a22 calc(100% - var(--fg-gz) * .5),var(--fg-end) 100%);
  background-color:#0c0c0b!important;
  background-image:var(--fg-sheen),var(--fg-ramp),var(--fg-rim)!important;
  background-size:100% 100%,100% 100%,100% 100%!important;
  background-position:0 0,0 0,0 0!important;
  background-repeat:no-repeat!important;
  background-origin:padding-box,padding-box,border-box!important;
  background-clip:padding-box,padding-box,border-box!important;
  border:1px solid transparent!important;padding-right:var(--fg-gz)!important;
  color:var(--fg-ink)!important;-webkit-text-fill-color:var(--fg-ink);caret-color:var(--fg-icon);color-scheme:dark;
  box-shadow:0 4px 14px -10px rgba(0,0,0,.7)!important;
  transition:box-shadow .15s,filter .15s}
/* narrow fields keep a smaller gold zone so their text area stays usable */
:is(#chFilter,#sq,[id^=wb-]):not(#kiPanel *){--fg-gz:36px}
#hcQ:not(#kiPanel *){--fg-gz:28px}
#hq:not(#kiPanel *){--fg-gz:clamp(52px,5.5vw,70px)}
/* textareas: same ramp, narrow end zone */
textarea:not(#kiPanel *):not(#fg-none){--fg-gz:28px}
select:not(#kiPanel *):not(.svp *):not(#svw *):not([multiple]){--fg-gz:40px}
:is(input:is([type=search],[type=text],[type=email],[type=url],[type=password],[type=tel],:not([type])),textarea):not(#kiPanel *)::placeholder{color:var(--fg-ph)!important;-webkit-text-fill-color:var(--fg-ph);opacity:1}
:is(input:is([type=search],[type=text],[type=email],[type=url],[type=password],[type=tel],:not([type])),textarea,select):not(#kiPanel *):hover:not(:disabled):not(:focus){
  --fg-rim:var(--fg-rim-h);box-shadow:0 0 0 1px rgba(214,204,180,.10),0 6px 18px -12px rgba(0,0,0,.8)!important}
:is(input:is([type=search],[type=text],[type=email],[type=url],[type=password],[type=tel],:not([type])),textarea,select):not(#kiPanel *):focus{
  --fg-rim:var(--fg-rim-h);--fg-end:var(--fg-end-f)}
:is(input:is([type=search],[type=text],[type=email],[type=url],[type=password],[type=tel],:not([type])),textarea,select):not(#kiPanel *):focus-visible{
  outline:2px solid var(--fg-ink)!important;outline-offset:2px!important;
  box-shadow:0 0 0 4px rgba(214,204,180,.14)!important}
:is(input:is([type=search],[type=text],[type=email],[type=url],[type=password],[type=tel],:not([type])),textarea,select):not(#kiPanel *):disabled{
  background-image:none!important;background-color:#1c1811!important;color:#a99a7b!important;-webkit-text-fill-color:#a99a7b;
  border-color:#5a4a2c!important;cursor:not-allowed;box-shadow:none!important}
:is(input,textarea):not(#kiPanel *):disabled::placeholder{color:#a99a7b!important;-webkit-text-fill-color:#a99a7b}
/* search icon (light gold on the dark end) */
input[type=search]:not(#kiPanel *){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9c0aa' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E"),var(--fg-sheen),var(--fg-ramp),var(--fg-rim)!important;
  background-size:18px 18px,100% 100%,100% 100%,100% 100%!important;
  background-position:14px 50%,0 0,0 0,0 0!important;
  background-origin:padding-box,padding-box,padding-box,border-box!important;
  background-clip:padding-box,padding-box,padding-box,border-box!important;
  padding-left:42px!important}
input[type=search]:not(#kiPanel *):disabled{background-image:none!important}
/* a page's own inline search glyph would double our icon */
.srch>svg:has(+input[type=search]:not(#kiPanel *)){display:none}
input[type=search]::-webkit-search-cancel-button{filter:brightness(0) invert(.9) sepia(.35)}
/* select arrow sits on the gold end in dark ink */
select:not(#kiPanel *):not(.svp *):not(#svw *):not([multiple]){appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23d8d0bd' stroke-width='1.9'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E"),var(--fg-sheen),var(--fg-ramp),var(--fg-rim)!important;
  background-size:12px 12px,100% 100%,100% 100%,100% 100%!important;
  background-position:right 14px center,0 0,0 0,0 0!important;
  background-origin:padding-box,padding-box,padding-box,border-box!important;
  background-clip:padding-box,padding-box,padding-box,border-box!important}
select option{color:#17130a;background:#fff3d6}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px #1d160c inset!important;-webkit-text-fill-color:var(--fg-ink)!important;caret-color:var(--fg-icon)}
@media(prefers-reduced-motion:reduce){input,textarea,select{transition:none!important}}

/* v4: quiet metal for gold buttons, chips and the share box */
:root{--qm-btn:linear-gradient(180deg,#d9d2c1 0,#b9b09a 100%);--qm-btn-h:linear-gradient(180deg,#e4ddcd 0,#c6bda7 100%);--qm-ink:#141310;--qm-hair:rgba(214,204,180,.16)}
.sc-go,.hc-pri{background:var(--qm-btn)!important;color:var(--qm-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 22px -14px rgba(0,0,0,.9)!important}
.sc-go:hover,.hc-pri:hover{background:var(--qm-btn-h)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 26px -14px rgba(0,0,0,.9)!important;filter:none!important}
.sc-chip[aria-checked=true]{background:rgba(236,230,216,.12)!important;border-color:rgba(236,230,216,.55)!important;color:#f4f1ea!important}
.sc-chip:hover{border-color:rgba(236,230,216,.35)!important}
.sc{--sc-gold:#cfc6b0;--sc-hair:var(--qm-hair);background:linear-gradient(135deg,rgba(214,204,180,.22),rgba(214,204,180,.06) 40%,rgba(255,255,255,.03))!important}
.sc-in{background:linear-gradient(180deg,rgba(255,250,235,.025),rgba(255,250,235,0) 50%),#0c0c0b!important}
.sc-gl,.sc-cic{background:rgba(214,204,180,.08)!important}
.sc-card,.sc-auth{background:rgba(214,204,180,.04)!important}
.sc-dot{box-shadow:none!important}
.hf-new{background:#cfc6b0!important;color:#141310!important}