.elementor-201 .elementor-element.elementor-element-e65384d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-adf95c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================
   OFFSET SOLAR — REVIEW (Dossier) · Elementor → Custom CSS
   ============================================================ */

/* ---------- shared chrome + atoms ---------- */
/* ============================================================================
   OFFSET SOLAR — REVIEW, SHARED CHROME
   Tokens + header/subnav/footer + section headings + shared atoms
   (buttons, ilink, spec sheet, verdict badge, prose, callouts, compare, faq).
   Each VARIATION file adds only its own hero + section-body layout on top.
   ============================================================================ */
.rev{
  --bg:#F7F3EA;--bg-warm:#F2ECD9;--card:#FFFDF7;--bg3:#EDE5CE;--bg4:#E5DBC0;
  --line:#E2DAC5;--line2:#D6CCB2;
  --ink:#1F1E1A;--ink2:#4B4638;--ink3:#6B6553;--ink4:#8A826E;--ink5:#A99F86;
  --amber:#E4A21A;--amber-d:#C98A12;--amber-ink:#2A2610;--amber-soft:#E8A53C;
  --olive:#444D0A;--olive-d:#353C08;--rust:#8B3A2B;
  --head:'Rubik',-apple-system,system-ui,sans-serif;--body:'Nunito',-apple-system,system-ui,sans-serif;
  background:transparent;color:var(--ink2);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.rev,.rev *{box-sizing:border-box}
.rev ::selection{background:var(--amber);color:var(--amber-ink)}
.rev a{color:inherit;text-decoration:none}
.rev h1,.rev h2,.rev h3,.rev h4,.rev h5{font-family:var(--head);margin:0;color:var(--ink);font-weight:700}
.rev p{margin:0}
.rev .shell{max-width:1180px;margin:0 auto;padding:0 32px}
.rev .shell-narrow{max-width:900px;margin:0 auto;padding:0 32px}
.rev .ilink{color:var(--olive);font-weight:600;border-bottom:1.5px solid rgba(74,90,42,.28);transition:border-color .15s,color .15s}
.rev .ilink:hover{color:var(--amber-d);border-color:var(--amber)}
/* live [ilink] shortcode renders a bare <a> (no class); the .rev a{color:inherit}
   reset above would otherwise hide it, so style plain prose links like .ilink */
.rev-prose a,.rev-synth a,.rev-fq .a a,.ga-item .a a,.wa-row .bd a,.sa-li a,.sa2-row a,.ta1-row a,.ta2-bd a{color:var(--olive);font-weight:600;border-bottom:1.5px solid rgba(74,90,42,.28);transition:border-color .15s,color .15s}
.rev-prose a:hover,.rev-synth a:hover,.rev-fq .a a:hover,.ga-item .a a:hover,.wa-row .bd a:hover,.sa-li a:hover,.sa2-row a:hover,.ta1-row a:hover,.ta2-bd a:hover{color:var(--amber-d);border-color:var(--amber)}

/* variation switcher */
.rev-vary{position:fixed;right:16px;bottom:78px;z-index:60;display:flex;align-items:center;gap:6px;background:rgba(31,30,26,.92);color:#E7E1D2;border-radius:999px;padding:6px 8px 6px 14px;font-family:'Rubik',sans-serif;font-size:12px;box-shadow:0 14px 36px -14px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rev-vary b{font-weight:600;opacity:.7;margin-right:4px;letter-spacing:.04em}
.rev-vary a{font-weight:600;color:#E7E1D2;padding:6px 12px;border-radius:999px;transition:background .15s,color .15s}
.rev-vary a:hover{background:rgba(247,243,234,.14)}
.rev-vary a.on{background:var(--amber);color:var(--amber-ink)}

/* header */
.rev-top{background:var(--olive);color:#E8DFC8;font-size:12.5px;padding:9px 0}
.rev-top .in{display:flex;justify-content:space-between;align-items:center;gap:20px}
.rev-top a{color:var(--amber)}
.rev-brandbar{background:var(--bg);border-bottom:1px solid var(--line)}
.rev-brandbar .in{display:flex;align-items:center;gap:36px;padding:15px 0}
.rev-logo{display:flex;align-items:center;gap:9px;font-family:var(--head);font-weight:700;font-size:22px;color:var(--olive);letter-spacing:-.02em}
.rev-logo b{color:var(--amber)}
.rev-brandnav{display:flex;gap:24px;flex:1;font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--ink)}
.rev-find{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 5px 5px 14px}
.rev-find input{border:0;background:transparent;outline:none;font-family:var(--body);font-size:13px;width:120px;color:var(--ink)}
.rev-find button{background:var(--amber);border:0;border-radius:999px;padding:7px 16px;font-family:var(--head);font-weight:600;font-size:13px;color:var(--amber-ink);cursor:pointer}

/* subnav */
.rev-subnav{position:sticky;top:0;z-index:40;background:rgba(247,243,234,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rev-subnav .in{display:flex;align-items:center;gap:14px;height:58px}
.rev-jump{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.rev-jump::-webkit-scrollbar{display:none}
.rev-subnav .crumb{font-family:var(--head);font-weight:700;font-size:13px;color:var(--ink);white-space:nowrap;margin-right:6px;flex:none}
.rev-subnav .lab{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink4);white-space:nowrap;margin-right:6px}
.rev-subnav a{font-family:var(--head);font-weight:500;font-size:13.5px;color:var(--ink3);padding:7px 13px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
.rev-subnav a:hover{background:var(--olive);color:#F7F3EA}
.rev-subnav a.active{background:var(--olive);color:#F7F3EA}
.rev-subnav .sn-cta{margin-left:auto;flex:none}
.rev-subnav a.rev-sn-buy{display:inline-flex;align-items:center;gap:7px;margin-left:auto;flex:none;font-family:var(--head);font-weight:600;font-size:13px;padding:9px 16px;border-radius:9px;background:var(--olive);color:#fff;transition:background .15s,color .15s}
.rev-subnav a.rev-sn-buy svg{width:14px;height:14px}
.rev-subnav a.rev-sn-buy,.rev-subnav a.rev-sn-buy:visited{color:#fff}
.rev-subnav a.rev-sn-buy:hover{background:var(--olive-d);color:#fff}

/* methodology callout — between subnav and hero */
.rev-method{background:var(--card);border-bottom:1px solid var(--line)}
.rev-method .rm-in{max-width:940px;margin:0 auto;padding:30px 0;text-align:center}
.rm-text{font-family:var(--body);font-weight:300;font-size:14.5px;line-height:1.7;color:var(--ink2);text-wrap:balance}
.rm-text em{font-style:normal;font-weight:600;color:var(--ink)}
.rm-more{font-family:var(--body);font-weight:600;color:var(--olive);white-space:nowrap;border-bottom:1.5px solid rgba(74,90,42,.28);transition:color .15s,border-color .15s}
.rm-more:hover{color:var(--amber-d);border-color:var(--amber)}
@media (max-width:600px){.rev-method .rm-in{padding:26px 0}.rm-text{font-size:15px}}

/* verdict badge */
.rev-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:7px 15px;border-radius:7px}
.rev-badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.7}
.rev-badge.v-buy{background:var(--olive);color:#F7F3EA}
.rev-badge.v-buyif{background:var(--amber-soft);color:var(--amber-ink)}
.rev-badge.v-skipunless{background:var(--ink4);color:#F7F3EA}
.rev-badge.v-skip{background:var(--rust);color:#F7F3EA}

/* section heading */
.rev-sechead{margin-bottom:30px}
.rev-ribbon{display:flex;align-items:center;gap:16px;background:var(--olive);border-radius:14px;padding:16px 26px}
.rev-ribbon .rk{font-family:var(--head);font-weight:800;font-size:22px;color:var(--amber);line-height:1;flex:none}
.rev-ribbon .lbl{font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#F7F3EA;line-height:1.2}
.rev-eyebrow{font-family:var(--head);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin-bottom:11px;display:flex;align-items:center;gap:9px}
.rev-eyebrow .pip{width:7px;height:7px;border-radius:999px;background:var(--amber);flex:none}
.rev-sec-title{font-size:clamp(27px,3.2vw,38px);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.rev-sec-sub{font-size:17px;line-height:1.55;color:var(--ink3);max-width:62ch;margin-top:12px}

/* shared section wrapper */
.rev-sec{padding:90px 0;background:var(--card)}
.rev-sec:nth-of-type(even){background:var(--bg-warm)}

/* shared atoms */
.rev-prose p{font-size:16px;line-height:1.72;color:var(--ink2);margin-bottom:15px}
.rev-prose p:last-child{margin-bottom:0}

.rev-specsheet table{width:100%;border-collapse:collapse;font-family:var(--body);font-size:13.5px}
.rev-specsheet thead{display:none}
.rev-specsheet td{padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.rev-specsheet tr:last-child td{border-bottom:none}
.rev-specsheet td:first-child{font-family:var(--head);font-weight:500;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink4);width:46%;white-space:nowrap}
.rev-specsheet td:last-child{font-weight:700;color:var(--ink);font-family:var(--head)}

/* key specs — compact 2-column list on the green band (no card fill, light text) */
.rev-bluf-specs{align-self:center;min-width:0}
.rev-bspecs{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}
.rev-bspec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(247,243,234,.16)}
.rev-bspec .k{font-family:var(--head);font-weight:500;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#C7C5AC}
.rev-bspec .v{font-family:var(--head);font-weight:700;font-size:14.5px;color:#FBF7EE;text-align:right;white-space:nowrap}

.rev-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:600;font-size:14px;padding:13px 20px;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;border:1px solid transparent}
.rev-btn-amazon{background:var(--amber-soft);color:var(--amber-ink)}
.rev-btn-amazon:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(232,165,60,.7)}
.rev-btn-olive{background:var(--olive);color:#F7F3EA}
.rev-btn-olive:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(68,77,10,.5)}
.rev-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.rev-btn-ghost:hover{background:var(--bg3);border-color:var(--ink4)}
.rev-btn svg{width:17px;height:17px;flex:none}
.rev-btn-sm{display:inline-flex;align-items:center;gap:7px;font-family:var(--head);font-weight:600;font-size:13px;padding:9px 15px;border-radius:9px;background:var(--bg3);color:var(--ink);transition:background .15s,color .15s}
.rev-btn-sm:hover{background:var(--amber);color:var(--amber-ink)}
.rev-btn-sm svg{width:14px;height:14px}

/* pick eyebrow / mini-labels */
.rev-tag{font-family:var(--head);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink4)}

/* image slot wrapper */
.rev-slot{border-radius:14px;border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 25%,var(--card),var(--bg3));overflow:hidden}
.rev-slot image-slot{width:100%;height:100%;display:block}
.rev-slot img{width:100%;height:100%;display:block;object-fit:cover}

/* glance — default look (variations override) */
.rev-glance-list{display:flex;flex-direction:column}
.rev-q{font-family:var(--head);font-weight:700;color:var(--ink)}

/* who-it's-for buyer prose */
.rev-buyer-name{font-family:var(--head);font-weight:700;color:var(--ink);line-height:1.2}
.rev-buyer-body p{font-size:15px;line-height:1.65;color:var(--ink2)}

/* strengths / struggles columns */
.rev-pros-col h4,.rev-cons-col h4{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:6px}
.rev-pros-col h4{color:var(--olive)}
.rev-cons-col h4{color:var(--rust)}
.rev-marker{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.rev-marker.pos{background:rgba(68,77,10,.12);color:var(--olive)}
.rev-marker.neg{background:rgba(139,58,43,.12);color:var(--rust)}

/* headline inside the green band, between the “Bottom line” label and the paragraphs */
.rev-bluf-main .rev-headline{font-family:var(--head);font-weight:800;font-size:clamp(19px,2vw,26px);line-height:1.14;letter-spacing:-.02em;color:#FBF7EE;max-width:34ch;text-wrap:balance;margin:2px 0 16px}

/* compare */
.rev-compare{padding:90px 0}
.rev-compare .shell{max-width:1180px}
.rev-tablewrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}
.rev-tscroll{overflow-x:auto}
.rev-compare table{width:100%;border-collapse:collapse;border-spacing:0;font-size:14.5px;min-width:0;border:0}
.rev-compare thead,.rev-compare tbody,.rev-compare tr{border:0;background:none}
.rev-compare th,.rev-compare thead td{background:var(--bg3);font-family:var(--head);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:13px 13px;border:none;border-bottom:1px solid var(--line)}
.rev-compare td{padding:12px 13px;border:none;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:top;line-height:1.5}
.rev-compare tr:last-child td{border-bottom:none}
.rev-compare tbody tr:hover td,.rev-compare tr:hover td{background:var(--bg-warm)}
.rev-compare td:first-child{font-family:var(--head);font-weight:700;color:var(--ink)}
.rev-compare td:nth-child(2),.rev-compare td:nth-child(3),.rev-compare td:nth-child(4){font-family:var(--head);font-weight:600;color:var(--ink)}
.rev-compare .ilink,.rev-compare table a{border:none;border-bottom:none;color:var(--ink)}
.rev-compare .ilink:hover,.rev-compare table a:hover{color:var(--olive)}
.rev-compare .cmp-cta{white-space:nowrap;text-align:right}
.rev-synth{margin:0 0 25px;max-width:none}
.rev-synth p{font-size:16px;line-height:1.7;color:var(--ink2)}

/* faq — minimal hairline rows (matches the compare pages) */
.rev-faq{padding:90px 0}
.rev-faqlist{display:flex;flex-direction:column;gap:0;counter-reset:faq}
.rev-fq{background:transparent;border:none;border-top:1px solid var(--line);border-radius:0;overflow:hidden}
.rev-fq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;padding:22px 2px;font-family:var(--head);font-weight:600;font-size:17px;line-height:1.4;color:var(--ink)}
.rev-fq summary::-webkit-details-marker{display:none}
.rev-fq summary::before{counter-increment:faq;content:"Q"counter(faq);flex:none;font-family:var(--head);font-weight:700;font-size:11px;color:var(--olive);background:var(--bg3);border-radius:6px;padding:5px 8px;margin-top:1px}
.rev-fq summary .chev{flex:none;margin-left:auto;color:var(--ink4);transition:transform .2s;margin-top:4px;width:18px;height:18px}
.rev-fq[open] summary .chev{transform:rotate(180deg)}
.rev-fq[open] summary{color:var(--olive)}
.rev-fq .a{padding:0 2px 24px 40px}
.rev-fq .a p{font-size:15.5px;line-height:1.7;color:var(--ink2)}

/* dark / brand-green bands (bottom-line BLUF + final word) */
.rev-band{padding:84px 0}
.rev-band.dark{background:var(--ink);color:#E7E1D2}
.rev-band.olive,.rev-band.green{background:var(--olive);color:#E4DCC6}
.rev-band .rev-eyebrow{color:var(--amber)}
.rev-band h2{color:#FBF7EE;font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;max-width:24ch;margin-bottom:18px;text-wrap:balance}
.rev-band-prose p{font-size:16.5px;line-height:1.72;color:#C7C0B0;max-width:78ch;margin-bottom:15px}
.rev-band-prose p:last-child{margin-bottom:0}
.rev-band-prose.lead p:first-child{font-size:20px;line-height:1.6;color:#FBF7EE}
.rev-band.green .rev-band-prose p{color:#DCD7BE}
.rev-band.green .rev-band-prose.lead p:first-child{color:#FBF7EE}
.rev-band-prose .ilink,.rev-band-prose a{color:#F3E4C4;border-color:rgba(232,165,60,.45)}
.rev-band-prose .ilink:hover,.rev-band-prose a:hover{color:#fff;border-color:var(--amber)}

/* BLUF — thin green bottom-line band: quote column + text */
.rev-bluf-sec{padding:48px 0;background:var(--olive)}
.rev-bluf-sec .shell{max-width:1600px}
.rev-bluf-card{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:48px;padding:6px 0}
.rev-bluf-card.has-specs{grid-template-columns:auto 1fr minmax(420px,500px)}
.rev-bluf-main{min-width:0}
.rev-bluf-prose{overflow-wrap:break-word;min-width:0;max-width:100%}
.rev-bluf-prose p{max-width:100%;overflow-wrap:break-word}
.rev-bluf-mark{align-self:center;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:150px;line-height:.9;color:#E8DFC8;opacity:.9}
.rev-bluf-sec .rev-eyebrow{color:var(--amber)}
.rev-bluf-card .rev-eyebrow{justify-content:flex-start;margin-bottom:14px}
.rev-bluf-prose{max-width:74ch}
.rev-bluf-prose p{font-size:15.5px;line-height:1.65;color:#DCD7BE;margin-bottom:12px}
.rev-bluf-prose p:last-child{margin-bottom:0}
.rev-bluf-prose p:first-child{font-size:17px;line-height:1.55;color:#FBF7EE}
.rev-bluf-prose .ilink,.rev-bluf-prose a{color:#F3E4C4;border-color:rgba(232,165,60,.45)}
.rev-bluf-prose .ilink:hover,.rev-bluf-prose a:hover{color:#fff;border-color:var(--amber)}

/* final word — prose + product card (white section) */
.rev-final-sec{padding:104px 0;background:var(--card)}
.rev-final-sec .rev-eyebrow{color:var(--olive)}
.rev-final-sec .rev-band-prose p{color:var(--ink2)}
.rev-final-sec .rev-band-prose.lead p:first-child{color:var(--ink)}
.rev-final-sec .rev-band-prose .ilink,.rev-final-sec .rev-band-prose a{color:var(--olive);border-color:rgba(74,90,42,.28)}
.rev-final-sec .rev-band-prose .ilink:hover,.rev-final-sec .rev-band-prose a:hover{color:var(--amber-d);border-color:var(--amber)}
.rev-final-grid{display:grid;grid-template-columns:1fr 360px;gap:76px;align-items:center}
.rev-final-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 22px 50px -34px rgba(31,30,26,.35)}
.rev-fc-slot{width:100%;aspect-ratio:4/3;border-radius:12px;margin-bottom:18px}
.rev-fc-brand{font-family:var(--head);font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);margin-bottom:5px}
.rev-fc-name{font-family:var(--head);font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}
.rev-fc-specs .rev-specsheet{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}
.rev-fc-cta{width:100%;justify-content:center}

/* compare CTAs — always brand yellow, matching the affiliate link per row */
.rev-compare .cmp-cta .rev-btn-sm{background:var(--amber-soft);color:var(--amber-ink)}
.rev-compare .cmp-cta .rev-btn-sm:hover{background:var(--amber);color:var(--amber-ink)}

/* footer */

@media (max-width:1000px){
  .rev-brandnav{display:none}
  .rev-bluf-card.has-specs{grid-template-columns:auto 1fr}
  .rev-bluf-specs{grid-column:1 / -1;margin-top:4px}
  .rev-final-grid{grid-template-columns:1fr;gap:34px}
  .rev-final-card{max-width:440px}
}
@media (max-width:600px){
  .rev .shell,.rev .shell-narrow{padding:0 20px}
  .rev-find{display:none}
  .rev-subnav .sn-cta{display:none}
  .rev-bluf-card{grid-template-columns:1fr;gap:14px}
  .rev-bluf-mark{font-size:96px;line-height:.7}
  .rev-bspecs{grid-template-columns:1fr}
  .rev-compare table{min-width:720px}
  .rev-vary{bottom:74px}
}

/* ---------- Dossier layout ---------- */
html{scroll-behavior:smooth;scroll-padding-top:128px}
  

  /* ---- Variation A: Dossier — spec-forward, structured ---- */
  /* hero: reading column + sticky product/verdict card */
  .ha{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;padding:125px 0;background:var(--bg)}
  #rev-hero .ha{padding-block:125px}
  #verdict{background:var(--bg)}
  .ha-crumb{font-family:var(--head);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink4);margin-bottom:22px}
  .ha-crumb b{color:var(--olive)}
  .ha-left>.rev-badge{display:inline-flex;margin-bottom:24px}
  .ha-title{font-family:var(--head);font-weight:800;font-size:clamp(34px,4.6vw,36px);line-height:1.03;letter-spacing:-.025em;color:var(--ink);margin:0 0 15px;text-wrap:balance}
  #rev-hero .ha-title{margin-bottom:15px!important;padding-bottom:0!important}
  .ha-body{max-width:60ch}
  .ha-body p{font-size:17px;line-height:1.68}
  .ha-meta{display:flex;align-items:center;gap:22px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
  .ha-av{width:42px;height:42px;border-radius:999px;background:var(--olive);color:#F7F3EA;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:14px;flex:none}
  .ha-meta .who{font-family:var(--head);font-weight:700;font-size:13.5px;color:var(--ink)}
  .ha-meta .sub{font-size:12.5px;color:var(--ink4);margin-top:2px}
  .ha-meta .div{width:1px;height:34px;background:var(--line)}
  .ha-meta .stamp{font-family:var(--head);font-weight:500;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink4);line-height:1.6}
  .ha-meta .stamp b{color:var(--olive);font-weight:600}

  .ha-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 30px -22px rgba(31,30,26,.22)}
  .ha-card .badge-row{display:flex;justify-content:flex-end;margin-bottom:14px}
  .ha-slot{width:100%;aspect-ratio:4/3;border-radius:12px;margin-bottom:18px}
  .ha-card .brand{font-family:var(--head);font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);margin-bottom:5px}
  .ha-card .name{font-family:var(--head);font-weight:800;font-size:25px;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}
  .ha-card .rev-specsheet{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}
  .ha-cta{display:flex;flex-direction:column;gap:9px}
  .ha-cta .rev-btn{justify-content:space-between;width:100%}
  .ha-fine{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink4);margin-top:12px;justify-content:center}

  /* glance: two-up Q/A grid with hairlines + index */
  .ga-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;counter-reset:ga}
  .ga-item{padding:26px 0;border-top:1px solid var(--line2)}
  .ga-item:nth-child(1),.ga-item:nth-child(2){border-top:none}
  .ga-item .q{display:flex;gap:13px;align-items:baseline;font-family:var(--head);font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-.01em;line-height:1.25;margin-bottom:11px}
  .ga-item .q::before{counter-increment:ga;content:counter(ga,decimal-leading-zero);font-family:var(--head);font-weight:800;font-size:13px;color:var(--amber-d);flex:none;line-height:1.55}
  .ga-item .a p{font-size:15.5px;line-height:1.66;color:var(--ink2)}
  .ga-item .a p{padding-left:27px}

  /* who: numbered rows */
  .wa-row{display:grid;grid-template-columns:54px 1fr;gap:26px;padding:30px 0}
  .wa-row + .wa-row{border-top:1px solid var(--line)}
  .wa-n{font-family:var(--head);font-weight:800;font-size:34px;color:var(--amber-d);line-height:1}
  .wa-row .nm{font-family:var(--head);font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.01em;margin-bottom:9px;text-wrap:balance}
  .wa-row .bd p{font-size:15.5px;line-height:1.68;color:var(--ink2)}

  /* section option switcher (strengths + tradeoffs) */
  .sw-bar{display:inline-flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--line);border-radius:999px;padding:5px;margin-bottom:26px}
  .sw-lab{font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink4);padding:0 10px 0 8px}
  .sw-btn{font-family:var(--head);font-weight:600;font-size:13px;color:var(--ink3);background:transparent;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;transition:background .15s,color .15s}
  .sw-btn.on{background:var(--olive);color:#F7F3EA}
  .sw-opt.hide{display:none}

  /* section backgrounds */
  #glance{background:#f7f3ea}
  #who{background:var(--card)}
  #strengths{background:var(--card)}
  #tradeoffs{background:var(--card)}
  #compare,#faq{background:var(--bg)}

  /* strengths option 1 — two colored-header cards */
  .sa-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .sa-col{background:transparent}
  .sa-cap{display:flex;align-items:center;gap:11px;font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.09em;text-transform:uppercase;padding:0 0 14px}
  .sa-cap svg{width:16px;height:16px;flex:none}
  .sa-cap.pos{color:var(--olive)}
  .sa-cap.neg{color:var(--rust)}
  .sa-body{padding:4px 0 8px}
  .sa-li{display:grid;grid-template-columns:26px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
  .sa-li:last-child{border-bottom:none}
  .sa-li p{font-size:15px;line-height:1.66;color:var(--ink2)}
  .sa-mk{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px;color:#fff}
  .sa-mk svg{width:15px;height:15px}
  .sa-mk.pos{background:var(--olive)}
  .sa-mk.neg{background:var(--rust)}

  /* strengths option 2 — stacked scorecard */
  .sa2-group{margin-bottom:34px}
  .sa2-group:last-child{margin-bottom:0}
  .sa2-head{display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:700;font-size:16px;color:var(--ink);padding-bottom:15px;border-bottom:2px solid var(--line);margin-bottom:2px}
  .sa2-ct{margin-left:auto;font-family:var(--head);font-weight:700;font-size:12px;color:var(--ink4);background:var(--bg3);border-radius:999px;padding:4px 11px}
  .sa2-row{display:grid;grid-template-columns:26px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}
  .sa2-row:last-child{border-bottom:none}
  .sa2-row p{font-size:15.5px;line-height:1.66;color:var(--ink2)}
  .sa2-mk{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
  .sa2-mk.pos{background:rgba(68,77,10,.12);color:var(--olive)}
  .sa2-mk.neg{background:rgba(139,58,43,.12);color:var(--rust)}

  /* tradeoffs option 1 — fine-print ledger */
  .ta1-box{border-radius:16px;overflow:hidden;background:var(--card)}
  .ta1-row{display:grid;grid-template-columns:56px 1fr;gap:26px;padding:28px 34px;border-bottom:1px solid var(--line);align-items:start}
  .ta1-row:last-child{border-bottom:none}
  .ta1-n{font-family:var(--head);font-weight:800;font-size:26px;color:var(--olive);line-height:1.05}
  .ta1-row p{font-size:16px;line-height:1.72;color:var(--ink2)}

  /* tradeoffs option 2 — margin notes */
  .ta2-note{display:grid;grid-template-columns:128px 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line2)}
  .ta2-note:first-child{border-top:none;padding-top:4px}
  .ta2-side{display:flex;flex-direction:column;gap:10px}
  .ta2-ic{width:32px;height:32px;border-radius:9px;background:rgba(228,162,26,.14);color:var(--amber-d);display:flex;align-items:center;justify-content:center}
  .ta2-k{font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4)}
  .ta2-bd p{font-size:16.5px;line-height:1.72;color:var(--ink2)}

  @media (max-width:1000px){
    .ha{grid-template-columns:1fr;gap:36px}
    #rev-hero .ha{padding-block:80px}
    .ha-card{max-width:480px}
    .ga-grid{grid-template-columns:1fr}
    .ga-item:nth-child(1){border-top:none}
    .ga-item:nth-child(2){border-top:1px solid var(--line2)}
    .sa-cols{grid-template-columns:1fr}
    .ta2-note{grid-template-columns:1fr;gap:12px}
  }
  @media (max-width:600px){
    .ha{padding:32px 0 44px}
    #rev-hero .ha{padding-block:52px}
    .ha-meta{flex-wrap:wrap;gap:14px}
    .wa-row{grid-template-columns:1fr;gap:8px}
    .ta-item{grid-template-columns:1fr;gap:6px}
    .ta1-row{grid-template-columns:44px 1fr;gap:16px;padding:22px 20px}
  }

/* =========================================================================
   RESEARCH LEDGER — stylesheet  (OffSet Solar brand · light theme)
   Load once on /review/ pages. Self-contained: webfonts imported here, every
   rule namespaced under .ofs-ledger. The HTML widget carries NO <style>.
   Palette + card design are shared with the site's loop item cards.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700;800&family=Nunito:wght@300;400;600;700&display=swap');

.ofs-ledger,.ofs-ledger *{box-sizing:border-box}
.ofs-ledger{
  /* warm neutrals */
  --bg:#F7F3EA;--bg-warm:#F2ECD9;--card:#FFFDF7;--bg3:#EDE5CE;
  --line:#E2DAC5;--line2:#D6CCB2;
  --ink:#1F1E1A;--ink2:#4B4638;--ink3:#6B6553;--ink4:#8A826E;--ink5:#A99F86;
  /* brand accents */
  --green:#444D0A;--green-d:#353C08;
  --amber:#E4A21A;--amber-d:#C98A12;--amber-soft:#E8A53C;--amber-ink:#2A2610;
  --rust:#8B3A2B;
  --accent:#444D0A;            /* green is the primary highlight */
  /* per-source accents (wayfinding, mirrors loop-card content pills) */
  --c-web:#444D0A;             /* Editorial → green  */
  --c-yt:#8B3A2B;              /* YouTube   → rust   */
  --c-rd:#C98A12;              /* Reddit    → amber  */
  --c-az:#1F1E1A;              /* Amazon    → ink    */
  --head:'Rubik','Helvetica Neue',system-ui,sans-serif;
  --body:'Nunito','Helvetica Neue',system-ui,sans-serif;
  background:var(--bg);color:var(--ink2);
  font-family:var(--body);font-weight:300;
  padding:84px 0 96px;border-top:1px solid var(--line2);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.ofs-ledger ::selection{background:var(--green);color:#F7F3EA}
.ofs-ledger a{color:inherit;text-decoration:none}
.ofs-wrap{max-width:1240px;margin:0 auto;padding:0 32px}

/* ---------- Icons (CSS-driven so they survive ACF/TinyMCE SVG stripping) ----------
   The widget markup carries NO inline SVG; each icon is a masked <span> that
   inherits its color via currentColor. */
.ofs-i{display:inline-block;flex:none;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.ofs-i-doc{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l5 5v12.5a.5.5 0 0 1-.5.5h-12a.5.5 0 0 1-.5-.5v-17a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l5 5v12.5a.5.5 0 0 1-.5.5h-12a.5.5 0 0 1-.5-.5v-17a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E")}
.ofs-i-video{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='3.5'/%3E%3Cpath d='M11 9.6l4 2.4-4 2.4z' fill='black' stroke='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='3.5'/%3E%3Cpath d='M11 9.6l4 2.4-4 2.4z' fill='black' stroke='none'/%3E%3C/svg%3E")}
.ofs-i-chat{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9.5L5 20v-4H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9.5L5 20v-4H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")}
.ofs-i-box{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")}
.ofs-i-globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}
.ofs-i-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E")}
.ofs-i-chev{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.ofs-i-arrowur{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E")}
.ofs-i-arrowr{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}

/* ---------- Header ---------- */
.ofs-head{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;margin-bottom:56px}
.ofs-head-text{padding-right:24px}
.ofs-head-right{display:flex;flex-direction:column;gap:24px}
.ofs-h2{font-family:var(--head);font-weight:800 !important;font-size:clamp(31px,4.3vw,52px);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px;text-wrap:balance}
.ofs-h2 .accent{color:var(--green)}
.ofs-lead{font-family:var(--body);font-weight:400;font-size:18px;line-height:1.62;color:var(--ink3);margin:0;max-width:580px}

/* ---------- Source-type legend (icons + labels, no counts) ---------- */
.ofs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ofs-stat{display:flex;flex-direction:column;gap:7px}
.ofs-stat .ico{width:26px;height:26px;margin-bottom:2px}
.ofs-stat-lab{font-family:var(--head);font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.ofs-stat-sub{font-family:var(--body);font-weight:600;font-size:12.5px;color:var(--ink4)}
.ofs-stat.web .ico{color:var(--c-web)} .ofs-stat.yt .ico{color:var(--c-yt)}
.ofs-stat.rd .ico{color:var(--c-rd)}  .ofs-stat.az .ico{color:var(--c-az)}

/* ---------- Methodology CTA (full width under the legend) ---------- */
.ofs-ledger a.ofs-method{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;
  font-family:var(--head);font-weight:700;font-size:15px;letter-spacing:.01em;
  color:#F7F3EA;background:var(--green);padding:16px 22px;border-radius:11px;
  box-shadow:0 6px 20px -10px rgba(68,77,10,.6);
  transition:transform .15s,box-shadow .15s,background .15s}
.ofs-ledger a.ofs-method:hover{background:var(--green-d);transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(68,77,10,.6)}
.ofs-ledger a.ofs-method .ofs-i{width:16px;height:16px}

/* ---------- Jump-link bar ---------- */
.ofs-metabox{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:56px;overflow:hidden;box-shadow:0 4px 20px -10px rgba(31,30,26,.10)}
.ofs-mb-jump{display:flex}
.ofs-mb-cell{flex:1;display:flex;align-items:center;justify-content:center;gap:11px;padding:17px 14px;font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink2);transition:background .16s,color .16s}
.ofs-mb-cell:not(:first-child){border-left:1px solid var(--line)}
.ofs-mb-cell .ico{width:19px;height:19px}
.ofs-mb-cell .chev{width:15px;height:15px;color:var(--ink5);transition:transform .18s,color .16s}
.ofs-mb-cell:hover{background:var(--bg-warm);color:var(--ink)}
.ofs-mb-cell:hover .chev{transform:translateY(3px);color:var(--green)}
.ofs-mb-cell.web .ico{color:var(--c-web)} .ofs-mb-cell.yt .ico{color:var(--c-yt)}
.ofs-mb-cell.rd .ico{color:var(--c-rd)}  .ofs-mb-cell.az .ico{color:var(--c-az)}

/* ---------- Section ---------- */
.ofs-section{margin-bottom:64px;scroll-margin-top:28px}
.ofs-section:last-of-type{margin-bottom:0}
.ofs-sechead{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line2)}
.ofs-sechead .ico{width:24px;height:24px;flex:none}
.ofs-sechead h4{font-family:var(--head);font-weight:800;font-size:23px;letter-spacing:-.02em;color:var(--ink);margin:0}
.ofs-sechead .sub{font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink4);margin-left:auto;text-align:right}
.ofs-section.web .ico{color:var(--c-web)} .ofs-section.yt .ico{color:var(--c-yt)}
.ofs-section.rd .ico{color:var(--c-rd)}  .ofs-section.az .ico{color:var(--c-az)}

/* ---------- Cards (shared design language with site loop cards) ---------- */
.ofs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.ofs-card{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:21px 23px 22px;display:block;color:inherit;
  box-shadow:0 4px 20px -8px rgba(31,30,26,.10);
  transition:box-shadow .28s,transform .28s,border-color .2s}
.ofs-card:hover{box-shadow:0 18px 44px -14px rgba(31,30,26,.20);transform:translateY(-3px);border-color:var(--line2)}
.ofs-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.ofs-tag{font-family:var(--head);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:5px;white-space:nowrap}
.ofs-tag.web{background:var(--green);color:#E8DFC8}
.ofs-tag.yt{background:var(--rust);color:#F4ECE7}
.ofs-tag.rd{background:var(--amber-soft);color:var(--amber-ink)}
.ofs-tag.az{background:var(--ink);color:#E8DFC8}
.ofs-card-arrow{width:15px;height:15px;color:var(--ink5);flex:none;transition:color .16s,transform .16s}
.ofs-card:hover .ofs-card-arrow{color:var(--green);transform:translate(1px,-1px)}
.ofs-card-title{font-family:var(--head);font-weight:700;font-size:16.5px;line-height:1.3;letter-spacing:-.015em;color:var(--ink);margin:0 0 9px;text-wrap:balance}
.ofs-card-snip{font-family:var(--body);font-weight:400;font-size:14px;line-height:1.66;color:var(--ink3);margin:0}
.ofs-az-meta{display:flex;align-items:center;gap:10px;margin:-2px 0 10px}
.ofs-az-stars{font-size:13px;letter-spacing:2px;color:var(--amber);line-height:1}
.ofs-az-stars .off{color:var(--line2)}
.ofs-az-date{font-family:var(--head);font-weight:600;font-size:12px;color:var(--ink5)}

@media (max-width:920px){
  .ofs-head{grid-template-columns:1fr;gap:34px;align-items:start}
  .ofs-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ofs-mb-jump{flex-wrap:wrap}
  .ofs-mb-cell{flex:1 1 50%}
  .ofs-mb-cell:nth-child(3){border-left:none}
  .ofs-mb-cell:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:560px){
  .ofs-wrap{padding:0 20px}
  .ofs-stats{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .ofs-head-text{padding-right:0}
  .ofs-sechead .sub{display:none}
}/* End custom CSS */