input::placeholder,textarea::placeholder{color:inherit;opacity:.55}
.qopt:hover{border-color:#14120D !important;background:rgba(169,133,70,.07) !important}
.qsend:hover{background:#F6F1E6 !important}
.hv0:hover{color:#A98546 !important}
.hv1:hover{border-color:#A98546 !important;color:#A98546 !important}
.hv2:hover{background:#A98546 !important;color:#14120D !important}
.hv3:hover{color:#14120D !important;border-color:#14120D !important}
.hv4:hover{border-color:#A98546 !important}
.hv5:hover{color:#F6F1E6 !important;border-color:#F6F1E6 !important}
.hv6:hover{color:#C9A96A !important}
.hv7:hover{border-color:#C9A96A !important;color:#C9A96A !important}
.hv8:hover{background:#F6F1E6 !important}
.hv9:hover{color:#14120D !important}
.hv10:hover{opacity:.95 !important}

/* Readability: lining numerals (no old-style figures in Cormorant), no
   ultra-light text, and stronger ink on the muted body colors. */
*{font-variant-numeric:lining-nums}
[style*="font-weight:300"]{font-weight:400 !important}
[style*="color:rgba(28,25,19,.72)"],[style*="color:rgba(28,25,19,.7)"]{color:rgba(28,25,19,.85) !important}
[style*="color:rgba(28,25,19,.68)"],[style*="color:rgba(28,25,19,.65)"]{color:rgba(28,25,19,.8) !important}
[style*="color:rgba(28,25,19,.55)"],[style*="color:rgba(28,25,19,.5)"],[style*="color:rgba(28,25,19,.45)"]{color:rgba(28,25,19,.68) !important}
[style*="color:rgba(28,25,19,.4)"]{color:rgba(28,25,19,.6) !important}
[style*="color:rgba(246,241,230,.7)"],[style*="color:rgba(246,241,230,.72)"]{color:rgba(246,241,230,.85) !important}
[style*="color:rgba(246,241,230,.75)"],[style*="color:rgba(246,241,230,.78)"],[style*="color:rgba(246,241,230,.8)"]{color:rgba(246,241,230,.88) !important}
[style*="color:rgba(246,241,230,.6)"],[style*="color:rgba(246,241,230,.65)"]{color:rgba(246,241,230,.78) !important}
[style*="color:rgba(246,241,230,.5)"],[style*="color:rgba(246,241,230,.45)"]{color:rgba(246,241,230,.66) !important}
[style*="font-size:14.5px"]{font-size:15.5px !important}
[style*="font-size:13.5px"]{font-size:14px !important}
/* hero headlines: don't squash the display type into a narrow measure */
h1[style*="max-width:24ch"],h1[style*="max-width:26ch"]{max-width:36ch !important}
/* reskinned legacy buttons: dark ink on gold backgrounds, never cream */
[style*="background:#A98546"][style*="color:#F6F1E6"],[style*="background:#A98546"][style*="color:#FDFBF5"],[style*="background:#A98546"][style*="color:#EFE8D9"]{color:#14120D !important}

/* Responsive overrides. Base styles are inline by design (see README); these
   target them via [style*=] the same way the previous site did. */

/* -- small laptop / tablet landscape: 4-col strips become 2-col */
@media (max-width:1080px){
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr !important}
  [style*="grid-template-columns:1.2fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important} /* footers */
}

/* -- tablet portrait and below: single column, wrapped rows */
@media (max-width:840px){
  html,body{overflow-x:clip;max-width:100%}
  img{max-width:100%}
  input,select,textarea{min-width:0;max-width:100%}
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  [style*="max-width:1400px"],[style*="max-width:820px"]{padding-left:22px !important;padding-right:22px !important}
  [style*="padding:9px 48px"]{padding-left:16px !important;padding-right:16px !important}
  [style*="font-size:56px"],[style*="font-size:52px"],[style*="font-size:50px"],[style*="font-size:48px"]{font-size:34px !important;line-height:1.12 !important}
  [style*="font-size:44px"]{font-size:30px !important;line-height:1.15 !important}
  [style*="font-size:34px"],[style*="font-size:32px"]{font-size:26px !important}
  [style*="height:500px"]{height:300px !important}
  [style*="height:340px"]{height:220px !important}
  /* wrap rows of buttons/labels/stats — but NOT marker+text bullet rows
     (gap:9/10/12/16px), where the text item shrinks and wraps internally */
  [style*="display:flex"][style*="justify-content:space-between"],
  [style*="display:flex"][style*="justify-content:center"],
  [style*="display:flex"][style*="gap:14px"],
  [style*="display:flex"][style*="gap:18px"],
  [style*="display:flex"][style*="gap:20px"],
  [style*="display:flex"][style*="gap:22px"],
  [style*="display:flex"][style*="gap:26px"],
  [style*="display:flex"][style*="white-space:nowrap"],
  [style*="display:flex"][style*="max-width:480px"]{flex-wrap:wrap}
  [style*="display:flex"][style*="gap:10px"][style*="align-items:center"]{flex-wrap:wrap}
  [style*="display:flex"][style*="gap:12px"]:not([style*="font-size:13px"]){flex-wrap:wrap}
  /* grid/flex children may not force their column wider than the viewport */
  [style*="grid-template-columns"]>*{min-width:0}
  [style*="display:flex"][style*="justify-content:space-between"]{gap:10px 18px}
  [style*="white-space:nowrap"]{white-space:normal !important}
  [style*="position:absolute"][style*="left:-26px"]{position:static !important;margin-top:10px}
  /* 4-step strips: drop the between-column borders and offsets once stacked */
  [style*="border-right:1px solid rgba(28,25,19,.16)"]{border-right:none !important}
  [style*="padding:26px 26px 8px"],[style*="padding:26px 0 8px 26px"]{padding-left:0 !important;padding-right:0 !important}
}

/* -- phones */
@media (max-width:520px){
  /* fixed-width feature cards (e.g. the Honest Guide book mock) */
  [style*="width:340px"]{width:100% !important;max-width:340px}
  /* step-ladder rows (flex + gap:0 + border-top) stack; hide the arrow spacers */
  [style*="display:flex"][style*="gap:0"][style*="border-top"]{flex-direction:column;align-items:stretch !important;gap:16px}
  [style*="display:flex"][style*="gap:0"][style*="border-top"]>[style*="padding:0 22px"]{display:none}
  /* dark feature cards keep some breathing room */
  [style*="padding:36px 38px"],[style*="padding:32px 34px"],[style*="padding:30px 32px"]{padding-left:20px !important;padding-right:20px !important}
  [style*="padding:16px 32px"]{padding-left:16px !important;padding-right:16px !important} /* nav */
  [style*="font-size:56px"],[style*="font-size:52px"],[style*="font-size:50px"],[style*="font-size:48px"]{font-size:30px !important}
  [style*="font-size:44px"]{font-size:27px !important}
  [style*="height:500px"]{height:240px !important}
  /* floating badges over images sit in flow instead of overlapping */
  [style*="position:absolute"][style*="right:34px"]{position:static !important;margin-top:10px}
}