@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face{ font-family:'Archivo'; font-style:normal; font-weight:600; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-600-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:600; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-600-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:700; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-700-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:700; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-700-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:800; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-800-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:800; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-800-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:900; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-900-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:900; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/archivo-900-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:500; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:500; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-mono-500-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:600; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-mono-600-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:600; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-mono-600-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:400; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:400; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:500; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-500-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:500; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-500-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:600; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-600-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:600; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-600-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:700; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-700-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:700; font-display:swap;
src:url(//www.ecocarguide.com.au/wp-content/themes/eco-car-guide/assets/fonts/ibm-plex-sans-700-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{
--ink-0:#0b0f0c; --ink-1:#0f1511; --ink-2:#141b16; --ink-3:#070a08;
--line:#28322c; --line-2:#1b241f; --green:#00ad02; --green-br:#35c93a; --green-text:#0A7A3B; --green-deep:#087F3D; --green-2:#0A9D4C;
--fg:#e9efea; --fg-dim:#93a49a;
--paper:#ffffff; --paper-2:#f5f8f5; --ink:#14201a; --text:#29342e; --muted:#5f6f66; --line-lt:#e6ece7;
--r:12px; --r-sm:7px;
--display:'Archivo','Segoe UI',Helvetica,Arial,sans-serif;
--sans:'IBM Plex Sans','Segoe UI',Helvetica,Arial,sans-serif;
--mono:'IBM Plex Mono',Consolas,monospace;
}
*{ box-sizing:border-box; }
html,body{ margin:0; }
body{ background:var(--ink-0); color:var(--fg); font-family:var(--sans); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; transition:color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.wrap{ max-width:1220px; margin:0 auto; padding:0 28px; }
@media(max-width:640px){ .wrap{ padding:0 16px; } } .kicker{ font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
color:var(--fg-dim); display:inline-flex; align-items:center; gap:9px; }
.kicker::before{ content:''; width:18px; height:2px; background:var(--green); }
.kicker.on-photo{ color:#d7e0da; }
.meta{ font-family:var(--mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--fg-dim); } .topbar{ background:var(--ink-3); border-bottom:1px solid var(--line-2); }
.topbar .wrap{ display:flex; justify-content:space-between; align-items:center; height:38px; }
.topbar .meta{ font-size:11px; }
.topbar .socials{ display:flex; gap:16px; }
.topbar .socials .social-list{ display:flex; gap:16px; list-style:none; margin:0; padding:0; }
.topbar .socials a:hover{ color:var(--green-br); } .masthead{ background:var(--ink-0); text-align:center; padding:26px 0 20px; }
.wordmark{ font-family:var(--display); font-weight:900; font-size:30px; letter-spacing:-.03em; color:#fff; }
.wordmark .dot{ color:var(--green); }
.tagline{ font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--fg-dim); margin-top:6px; } .nav{ position:sticky; top:0; z-index:100; background:rgba(7,10,8,.92); backdrop-filter:blur(10px);
border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); }
.nav .wrap{ display:flex; justify-content:center; gap:4px; flex-wrap:wrap; }
.nav a{ font-family:var(--sans); font-weight:600; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
color:var(--fg); padding:16px 15px; box-shadow:inset 0 0 0 var(--green); }
.nav a:hover{ color:var(--green-br); box-shadow:inset 0 -2px 0 var(--green); }
.nav a.current{ color:#fff; box-shadow:inset 0 -2px 0 var(--green); } .lead{ position:relative; margin:26px 0 8px; border-radius:var(--r); overflow:hidden; min-height:520px; display:flex; align-items:flex-end; }
.lead::before{ content:''; position:absolute; inset:-8% 0; z-index:0;
background:var(--img) center/cover no-repeat;
transform:translate3d(0,var(--py,0px),0) scale(var(--pz,1.02)); }
.lead::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(to top,rgba(6,10,8,.95) 0%,rgba(6,10,8,.80) 30%,rgba(6,10,8,.52) 55%,rgba(6,10,8,.12) 82%,rgba(6,10,8,0) 100%),
linear-gradient(100deg,rgba(6,10,8,.72) 0%,rgba(6,10,8,.22) 46%,rgba(6,10,8,0) 74%); }
.lead-inner{ position:relative; z-index:2; padding:46px; max-width:760px; }
.lead h1{ font-family:var(--display); font-weight:900; font-size:52px; line-height:1.0; letter-spacing:-.03em; color:#fff; margin:16px 0 14px; text-shadow:0 2px 28px rgba(0,0,0,.55); }
.lead p{ color:#d7e0da; font-size:17px; max-width:560px; margin:0 0 22px; text-shadow:0 1px 18px rgba(0,0,0,.5); }
.lead .cta{ display:inline-flex; align-items:center; gap:10px; font-family:var(--sans); font-weight:600; font-size:13px;
letter-spacing:.05em; text-transform:uppercase; color:#fff; background:var(--green); padding:13px 22px; border-radius:var(--r-sm); }
.lead .cta:hover{ background:var(--green-deep); color:#fff; }
.lead .score-badge{ position:absolute; z-index:3; top:34px; right:34px; } @media(max-width:760px){ .lead h1{ font-size:32px; } .lead-inner{ padding:104px 20px 26px; }
.lead .score-badge{ top:18px; right:18px; transform:scale(.68); transform-origin:top right; } } .specbar{ display:flex; flex-wrap:wrap; gap:9px; list-style:none; padding:0; margin:0 0 24px; }
.specbar li{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:var(--r-sm); padding:9px 13px; backdrop-filter:blur(4px); }
.specbar .v{ display:block; font-family:var(--mono); font-weight:600; font-size:16px; color:#fff; font-variant-numeric:tabular-nums; }
.specbar .k{ display:block; font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#aebcb2; margin-top:2px; }  @property --val{ syntax:'<number>'; inherits:false; initial-value:0; }
.score-badge{ --val:var(--goal,0); --tier:var(--green); --tier-text:var(--green-br);
width:104px; height:104px; border-radius:50%; position:relative;
background:conic-gradient(var(--tier) calc(var(--val)*3.6deg), rgba(255,255,255,.14) 0); display:grid; place-items:center; } .score-badge.tier-outstanding{ --tier:#8b5cf6; --tier-text:#a78bfa; }
.score-badge.tier-good{ --tier:var(--green); --tier-text:var(--green-br); }
.score-badge.tier-average{ --tier:#eab308; --tier-text:#f5ce3e; }
.score-badge.tier-weak{ --tier:#e0493a; --tier-text:#f0776b; }
.score-badge::before{ content:''; position:absolute; inset:7px; border-radius:50%; background:#0b0f0c; }
.score-badge .n{ position:relative; font-family:var(--mono); font-weight:600; font-size:30px; color:#fff; line-height:1; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.score-badge.sm{ width:60px; height:60px; }
.score-badge.sm::before{ inset:5px; background:#0b0f0c; }
.score-badge.sm .n{ font-size:18px; }
.score-badge.light::before{ background:var(--paper); } .score-badge.light .n{ color:var(--ink); } .sec{ padding:44px 0 8px; }
.sec-head{ display:flex; align-items:flex-end; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:26px; }
.sec-head h1, .sec-head h2{ font-family:var(--display); font-weight:800; font-size:26px; letter-spacing:-.02em; color:var(--fg); margin:8px 0 0; display:flex; align-items:center; gap:12px; }
.sec-head h1::before, .sec-head h2::before{ content:''; width:5px; height:24px; background:var(--green); border-radius:1px; }
.sec-head .more{ font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--fg-dim); }
.sec-head .more:hover{ color:var(--green-br); } .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:900px){ .grid3{ grid-template-columns:1fr 1fr; } }
@media(max-width:600px){ .grid3{ grid-template-columns:1fr; } }
.card{ background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column;
transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.card:hover{ border-color:rgba(0,173,2,.55); box-shadow:0 14px 34px rgba(0,0,0,.5); transform:translateY(-3px); }
.card-thumb{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.card-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.card:hover .card-thumb img{ transform:scale(1.04); }
.card-tag{ position:absolute; left:12px; top:12px; font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.12em;
text-transform:uppercase; color:var(--green-br); background:rgba(7,10,8,.82); padding:5px 9px; border-radius:var(--r-sm); }
.card-score{ position:absolute; right:12px; bottom:12px; z-index:2; }
.card-body{ padding:22px 20px 20px; display:flex; flex-direction:column; gap:9px; flex:1; }
.card-body .meta{ font-size:11px; }
.card-body h3{ font-family:var(--display); font-weight:700; font-size:20px; line-height:1.22; letter-spacing:-.01em; color:var(--fg); margin:0; }
.card:hover .card-body h3{ color:var(--green-br); }
.card-body p{ color:var(--fg-dim); font-size:14px; line-height:1.6; margin:0; } .split{ display:grid; grid-template-columns:2fr 1fr; gap:40px; }
@media(max-width:860px){ .split{ grid-template-columns:1fr; } }
.newsrow{ display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--line-2); }
.newsrow img{ width:130px; height:84px; object-fit:cover; border-radius:var(--r-sm); flex:0 0 auto; }
.newsrow h4{ font-family:var(--display); font-weight:700; font-size:17px; line-height:1.25; margin:6px 0 8px; color:var(--fg); }
.newsrow:hover h4{ color:var(--green-br); }
.ranklist{ list-style:none; margin:0; padding:0; }
.ranklist li{ display:flex; gap:14px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line-2); }
.ranklist .rk{ font-family:var(--mono); font-weight:600; font-size:15px; color:var(--green); font-variant-numeric:tabular-nums; }
.ranklist h4{ font-family:var(--sans); font-weight:600; font-size:15px; line-height:1.3; margin:0; color:var(--fg); }
.ranklist li:hover h4{ color:var(--green-br); } .mm{ margin:46px 0; background:linear-gradient(120deg,var(--ink-2),var(--ink-1)); border:1px solid var(--line); border-radius:var(--r);
padding:34px 36px; display:flex; align-items:center; gap:28px; }
.mm .play{ width:66px; height:66px; border-radius:50%; background:var(--green); display:grid; place-items:center; flex:0 0 auto; color:#fff; font-size:22px; }
.mm h3{ font-family:var(--display); font-weight:800; font-size:23px; margin:0 0 6px; color:#fff; }
.mm p{ margin:0; color:var(--fg-dim); font-size:14px; }
.mm .stat{ margin-left:auto; text-align:right; }
.mm .stat .v{ font-family:var(--mono); font-weight:600; font-size:26px; color:var(--green-br); }
.mm .stat .k{ font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-dim); }
@media(max-width:700px){ .mm{ flex-wrap:wrap; padding:24px; } .mm .stat{ margin-left:0; } } .rhero{ position:relative; min-height:74vh; display:flex; align-items:flex-end; overflow:hidden; }
.rhero::before{ content:''; position:absolute; inset:0; z-index:0; background:var(--img) center/cover no-repeat; }
.rhero::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,rgba(5,8,6,.92) 0%,rgba(5,8,6,.62) 20%,rgba(5,8,6,.20) 42%,rgba(5,8,6,0) 66%); } .rhero .wrap{ width:100%; }
.rhero-inner{ position:relative; z-index:2; width:100%; padding:44px 0 40px; }
.rhero h1{ font-family:var(--display); font-weight:900; font-size:58px; line-height:.98; letter-spacing:-.032em; color:#fff; margin:18px 0 16px; max-width:900px; }
.rhero-meta{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-bottom:22px; }
.rhero-meta .who{ font-family:var(--mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:#c9d6cd; }
.rhero .score-badge{ position:absolute; right:0; bottom:40px; } @media(max-width:820px){ .rhero h1{ font-size:34px; }
.rhero .score-badge{ position:relative; right:auto; bottom:auto; margin-top:20px; } .rhero::after{ background:linear-gradient(0deg,rgba(5,8,6,.95) 0%,rgba(5,8,6,.84) 32%,rgba(5,8,6,.58) 60%,rgba(5,8,6,.18) 84%,rgba(5,8,6,0) 100%); } } .rhero-standfirst{ font-size:19px; line-height:1.55; color:#d7e0da; max-width:720px; margin:0 0 20px;
text-shadow:0 1px 18px rgba(0,0,0,.5); }
.rhero h1{ text-shadow:0 2px 28px rgba(0,0,0,.55); }
.rhero-by{ display:inline-flex; align-items:center; gap:10px; }
.rhero-by .au-mark, .rhero-by .au-face{ width:38px; height:38px; font-size:13px; box-shadow:none; }
.rhero-by .who{ color:#fff; font-weight:600; }
.rhero-by:hover .who{ color:var(--green-br); }
.rhero-method{ color:#a9bcb0 !important; } @media(min-width:821px){ .rhero-meta{ max-width:calc(100% - 190px); }
.rhero-standfirst{ max-width:min(720px, calc(100% - 190px)); }
.rhero h1{ max-width:min(900px, calc(100% - 190px)); } }
@media(max-width:820px){ .rhero-standfirst{ font-size:16.5px; } .rhero-method{ display:none; } } .rail-by{ display:flex; gap:13px; align-items:flex-start; }
.rail-by .au-mark, .rail-by .au-face{ width:46px; height:46px; font-size:15px; flex:0 0 auto; box-shadow:none; }
.rail-by-name{ font-family:var(--display); font-weight:700; font-size:15px; color:var(--fg); }
.rail-by-name:hover{ color:var(--green-br); }
.rail-by p{ margin:5px 0 0; font-size:13px; line-height:1.5; color:var(--fg-dim); } .article-tags{ margin-top:34px; padding-top:18px; border-top:1px solid var(--line-lt);
display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.article-tags .kicker{ color:var(--green-text); }
.article-tags a{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase;
color:var(--text); border:1px solid var(--line-lt); border-radius:100px; padding:6px 13px; }
.article-tags a:hover{ border-color:var(--green); color:var(--green-text); } .rbody > .wrap > .mmbar{ margin:0 0 26px; } .rbody{ background:var(--ink-1); padding:40px 0 60px; }
.rbody-grid{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:40px; align-items:start; }
@media(max-width:940px){ .rbody-grid{ grid-template-columns:1fr; } }
.article{ background:var(--paper); border-radius:var(--r); padding:46px 50px; box-shadow:0 18px 46px rgba(0,0,0,.42); color:var(--text); }
@media(max-width:600px){ .article{ padding:24px 20px; } }
.article > p:first-of-type{ font-size:1.16rem; color:var(--ink); line-height:1.7; }
.article p,.article li{ color:var(--text); font-size:16.5px; line-height:1.78; }
.article b,.article strong{ color:var(--ink); }
.article h3{ font-family:var(--display); font-weight:800; font-size:25px; letter-spacing:-.02em; color:var(--ink); margin:42px 0 4px; padding-bottom:12px; position:relative; }
.article h3::after{ content:''; position:absolute; left:0; bottom:0; width:46px; height:3px; background:var(--green); border-radius:2px; }
.article h4{ font-family:var(--display); font-weight:700; font-size:18px; color:var(--ink); margin:26px 0 8px; }
.article a{ color:var(--green-text); font-weight:600; border-bottom:1px solid rgba(10,125,12,.3); }
.article a:hover{ color:var(--green-deep); }
.article img{ border-radius:var(--r); box-shadow:0 6px 20px rgba(13,74,35,.12); margin:20px 0; }
.article ul{ margin:14px 0; padding:0; } .article ul li{ list-style:none; padding-left:22px; position:relative; margin:9px 0; }
.article ul li::before{ content:''; position:absolute; left:0; top:11px; width:7px; height:7px; background:var(--green); border-radius:1px; }
.article blockquote{ border-left:3px solid var(--green); background:var(--paper-2); padding:18px 22px; margin:28px 0; border-radius:0 var(--r-sm) var(--r-sm) 0;
font-family:var(--display); font-weight:600; font-size:21px; line-height:1.4; color:var(--ink); } .specbar.light li{ background:var(--paper-2); border:1px solid var(--line-lt); backdrop-filter:none; }
.specbar.light .v{ color:var(--ink); } .specbar.light .k{ color:var(--muted); } .ecg-table{ border-collapse:collapse; width:100%; margin:24px 0; font-family:var(--sans); font-size:15px; border:1px solid var(--line-lt); border-radius:var(--r-sm); overflow:hidden; } .ecg-table th{ background:var(--green) !important; color:#fff; text-align:left; padding:13px 15px; font-family:var(--display); font-weight:700; }
.ecg-table th:not(:first-child){ background:var(--green-2) !important; } .ecg-table th:empty{ background:var(--green) !important; }
.ecg-table td{ padding:12px 15px; border-bottom:1px solid var(--line-lt); color:var(--text); }
.ecg-table td:first-child{ font-weight:600; color:var(--ink); }
.ecg-table tbody tr:nth-child(even) td{ background:var(--paper-2); }
.ecg-table tbody tr:last-child td{ border-bottom:none; } .rail{ display:flex; flex-direction:column; gap:18px; }
.rail-sticky{ position:sticky; top:74px; z-index:2; }
@media(max-width:940px){ .rail-sticky{ position:static; } } .article h3[id]{ scroll-margin-top:88px; }
.railcard{ background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
a.railcard{ text-decoration:none; transition:border-color .18s ease; }
a.railcard:hover{ border-color:var(--green); }
.railcard h4{ font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--fg-dim);
margin:0; padding:15px 18px; border-bottom:1px solid var(--line-2); }
.railcard .body{ padding:16px 18px; }
.verdict-top{ display:flex; align-items:center; gap:16px; padding:18px; }
.verdict-top .txt .k{ display:block; font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-dim); }
.verdict-top .txt .v{ display:block; font-family:var(--display); font-weight:800; font-size:16px; color:var(--fg); line-height:1.2; margin-top:3px; }
.bars{ list-style:none; margin:0; padding:0; }
.bars li{ margin:11px 0; }
.bars .row{ display:flex; justify-content:space-between; font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--fg-dim); margin-bottom:5px; }
.bars .row b{ color:var(--fg); }
.bars .track{ height:5px; background:var(--line); border-radius:3px; overflow:hidden; }
.bars .fill{ height:100%; background:var(--green); border-radius:3px; }
.quickspec{ list-style:none; margin:0; padding:0; }
.quickspec li{ display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--line-2); font-size:13px; }
.quickspec li:last-child{ border-bottom:none; }
.quickspec .k{ color:var(--fg-dim); } .quickspec .v{ font-family:var(--mono); color:var(--fg); font-variant-numeric:tabular-nums; }
.prosbox{ display:grid; grid-template-columns:1fr 1fr; gap:0; }
.prosbox .col{ padding:14px 16px; } .prosbox .col+.col{ border-left:1px solid var(--line-2); }
.prosbox h5{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin:0 0 8px; }
.prosbox .good h5{ color:var(--green-br); } .prosbox .bad h5{ color:#e0776a; }
.prosbox ul{ list-style:none; margin:0; padding:0; } .prosbox li{ font-size:12.5px; color:var(--fg-dim); margin:6px 0; line-height:1.35; } .rail-toc .body{ padding:6px 18px 12px; }
.rail-toc ul{ list-style:none; margin:0; padding:0; }
.rail-toc li a{ display:block; position:relative; font-family:var(--sans); font-size:13.5px; color:var(--fg-dim);
padding:8px 0 8px 15px; border-bottom:1px solid var(--line-2); }
.rail-toc li:last-child a{ border-bottom:none; }
.rail-toc li a::before{ content:''; position:absolute; left:0; top:14px; width:6px; height:6px; border-radius:1px; background:var(--line); transition:background .15s ease; }
.rail-toc li a:hover{ color:var(--green-br); }
.rail-toc li a:hover::before{ background:var(--green); } .rail-mm{ display:flex; align-items:center; gap:12px; padding:14px 16px; }
.rail-mm .play{ width:38px; height:38px; border-radius:50%; background:var(--green); color:#fff; font-size:12px; display:grid; place-items:center; flex:0 0 auto; }
.rail-mm .mm-t{ display:flex; flex-direction:column; flex:1; min-width:0; }
.rail-mm .mm-t .k{ font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--green-br); }
.rail-mm .mm-t .t{ font-family:var(--display); font-weight:700; font-size:14px; color:var(--fg); margin-top:2px; line-height:1.2; }
.rail-mm .time{ font-family:var(--mono); font-size:11px; color:var(--fg-dim); flex:0 0 auto; } .rail-list .body{ padding:4px 18px 10px; }
.railmini{ display:flex; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line-2); text-decoration:none; }
.rail-list .railmini:last-child{ border-bottom:none; }
.railmini img{ width:74px; height:52px; object-fit:cover; border-radius:var(--r-sm); flex:0 0 auto; }
.railmini .rm-txt{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.railmini .rm-k{ font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--green-br); }
.railmini .rm-t{ font-family:var(--display); font-weight:700; font-size:14px; line-height:1.22; color:var(--fg); }
.railmini:hover .rm-t{ color:var(--green-br); } .rail-rank{ list-style:none; margin:0; padding:0; counter-reset:r; }
.rail-rank li{ counter-increment:r; display:flex; gap:12px; align-items:baseline; padding:10px 0; border-bottom:1px solid var(--line-2); }
.rail-rank li:last-child{ border-bottom:none; }
.rail-rank li::before{ content:counter(r,decimal-leading-zero); font-family:var(--mono); font-weight:600; font-size:13px; color:var(--green-br); flex:0 0 auto; font-variant-numeric:tabular-nums; }
.rail-rank a{ font-family:var(--sans); font-weight:600; font-size:13.5px; line-height:1.3; color:var(--fg); text-decoration:none; }
.rail-rank a:hover{ color:var(--green-br); } .rail-video{ display:block; text-decoration:none; overflow:hidden; }
.rail-video .vid-thumb{ display:block; position:relative; aspect-ratio:16/9; background:var(--img) center/cover no-repeat; }
.rail-video .vid-play{ position:absolute; inset:0; margin:auto; width:48px; height:48px; border-radius:50%; background:rgba(0,173,2,.92); color:#fff; display:grid; place-items:center; font-size:15px; }
.rail-video .vid-txt{ display:block; padding:12px 16px; }
.rail-video .vid-txt .k{ display:block; font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--green-br); }
.rail-video .vid-txt .t{ display:block; font-family:var(--display); font-weight:700; font-size:14px; color:var(--fg); margin-top:3px; line-height:1.2; } .rail-compare .body{ padding:4px 18px 10px; }
.cmp-row{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:10px 0; border-bottom:1px solid var(--line-2); text-decoration:none; }
.rail-compare .cmp-row:last-child{ border-bottom:none; }
.cmp-name{ font-family:var(--sans); font-weight:600; font-size:13px; color:var(--fg); }
.cmp-fig{ font-family:var(--mono); font-size:10.5px; color:var(--fg-dim); white-space:nowrap; font-variant-numeric:tabular-nums; }
.cmp-row:hover .cmp-name{ color:var(--green-br); }
.cmp-row.is-this{ margin:0 -18px; padding:10px 18px; background:rgba(0,173,2,.09); border-bottom:1px solid var(--line-2); }
.cmp-row.is-this .cmp-name{ color:var(--green-br); }
.cmp-row.is-this .cmp-fig{ color:var(--fg); } .rail-tags .body{ display:flex; flex-wrap:wrap; gap:8px; padding:14px 18px; }
.tagchip{ font-family:var(--mono); font-size:11px; letter-spacing:.03em; color:var(--fg-dim); text-decoration:none;
border:1px solid var(--line); border-radius:999px; padding:6px 12px; transition:border-color .15s ease, color .15s ease; }
.tagchip:hover{ border-color:var(--green); color:var(--green-br); } .rail-author .body{ padding:16px 18px; }
.au-top{ display:flex; align-items:center; gap:12px; }
.au-avatar{ width:46px; height:46px; border-radius:50%; background:var(--green); color:#fff; display:grid; place-items:center;
font-family:var(--display); font-weight:800; font-size:20px; flex:0 0 auto; }
.au-name{ font-family:var(--display); font-weight:800; font-size:15px; color:var(--fg); }
.au-role{ font-family:var(--mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--green-br); margin-top:2px; }
.au-bio{ font-size:12.5px; line-height:1.55; color:var(--fg-dim); margin:12px 0 0; } .footer{ background:var(--ink-3); border-top:2px solid var(--green); padding:44px 0 0; } .footer-grid{ display:flex; flex-wrap:wrap; gap:36px; }
.footer-grid > div{ flex:1 1 160px; min-width:0; }
.footer-grid > div:first-child{ flex:1.4 1 240px; }
.footer-grid > .footcol:has(> p, > .wp-block-paragraph){ flex:2 1 300px; }
.footer-grid ul{ list-style:none; margin:0; padding:0; }
.footer-grid li{ margin:0 0 8px; }
.footcol h2, .footcol h3, .footcol h4, .footcol h5{ font-family:var(--display);
font-weight:700; font-size:15px; color:#fff; margin:0 0 14px; }
.footcol p{ margin:0 0 12px; line-height:1.6; }
:root[data-theme="light"] .footcol h2, :root[data-theme="light"] .footcol h3,
:root[data-theme="light"] .footcol h4, :root[data-theme="light"] .footcol h5{ color:var(--ink); }
@media(max-width:760px){ .footer-grid{ gap:24px; } .footer-grid > div{ flex-basis:100%; } }
.footer h5{ font-family:var(--display); font-weight:700; font-size:15px; color:#fff; margin:0 0 14px; }
.footer p,.footer a{ color:var(--fg-dim); font-size:14px; }
.footer ul{ list-style:none; margin:0; padding:0; } .footer li{ margin:8px 0; } .footer a:hover{ color:var(--green-br); }
.footer .wm{ font-family:var(--display); font-weight:900; font-size:22px; color:#fff; letter-spacing:-.02em; }
.footer .wm .dot{ color:var(--green); }
.copyright{ border-top:1px solid var(--line-2); margin-top:34px; }
.copyright .wrap{ display:flex; justify-content:space-between; height:52px; align-items:center; }
.copyright, .copyright a{ font-family:var(--mono); font-size:11px; letter-spacing:.04em; color:#6c7d72; } .mosaic{ display:grid; grid-template-columns:1.9fr 1fr; gap:18px; margin:26px 0 6px; }
.mosaic .lead{ margin:0; min-height:486px; }
.mosaic .rightcol{ display:grid; grid-template-rows:1fr 1fr; gap:18px; }
@media(max-width:860px){ .mosaic{ grid-template-columns:1fr; } .mosaic .lead{ min-height:400px; } }
.feature-sm{ position:relative; border-radius:var(--r); overflow:hidden; display:flex; align-items:flex-end; min-height:234px;
transition:transform .2s ease, box-shadow .2s ease; }
.feature-sm::before{ content:''; position:absolute; inset:0; z-index:0; background:var(--img) center/cover no-repeat; transition:transform .55s ease; }
.feature-sm::after{ content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,rgba(6,10,8,.94) 4%,rgba(6,10,8,.45) 52%,rgba(6,10,8,.05) 100%); }
.feature-sm:hover{ box-shadow:0 14px 34px rgba(0,0,0,.5); }
.feature-sm:hover::before{ transform:scale(1.05); }
.feature-sm .fs-inner{ position:relative; z-index:2; padding:20px 22px; }
.feature-sm h3{ font-family:var(--display); font-weight:800; font-size:20px; line-height:1.1; letter-spacing:-.015em; color:#fff; margin:8px 0 0; }
.feature-sm:hover h3{ color:var(--green-br); }
.feature-sm .score-badge.sm{ position:absolute; z-index:3; top:16px; right:16px; } .segbar{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:30px 0 2px; padding-bottom:2px; }
.segbar .lbl{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--fg-dim); margin-right:6px; }
.segbar a{ font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--fg-dim);
border:1px solid var(--line); padding:8px 15px; border-radius:100px; }
.segbar a:hover{ border-color:var(--green); color:var(--fg); }
.segbar a.active{ background:var(--green); border-color:var(--green); color:#fff; } .guide{ display:grid; grid-template-columns:1.05fr 1fr; margin:8px 0; background:var(--ink-2); border:1px solid var(--line);
border-radius:var(--r); overflow:hidden; }
.guide .g-img{ position:relative; min-height:280px; }
.guide .g-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.guide .g-body{ padding:40px 44px; align-self:center; }
.guide h3{ font-family:var(--display); font-weight:800; font-size:30px; line-height:1.08; letter-spacing:-.02em; color:#fff; margin:14px 0 12px; }
.guide p{ color:var(--fg-dim); font-size:15px; margin:0 0 20px; max-width:440px; }
.guide .cta{ display:inline-flex; align-items:center; gap:9px; font-family:var(--sans); font-weight:600; font-size:12.5px;
letter-spacing:.05em; text-transform:uppercase; color:var(--green-br); }
.guide .cta:hover{ color:#fff; }
.guide .kicker{ color:var(--green-br); }
.guide.no-img{ grid-template-columns:1fr; } @media(max-width:760px){ .guide{ grid-template-columns:1fr; } .guide .g-img{ min-height:200px; } .guide .g-body{ padding:26px 22px; } } .band{ background:var(--ink-1); border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); margin-top:46px; padding:6px 0 50px; }
.band + .band{ margin-top:0; border-top:none; } .impact{ background:var(--ink-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:48px; padding:40px 0; } .impact-grid{ display:grid; grid-auto-flow:column; grid-auto-columns:1fr; }
@media(max-width:640px){ .impact-grid{ grid-auto-flow:row; grid-auto-columns:auto; gap:26px; } }
.impact .stat-link{ display:block; text-decoration:none; }
.impact .stat-link:hover .k{ color:var(--green-br); }
.impact .stat{ text-align:center; padding:6px 20px; }
.impact-grid .stat + .stat{ border-left:1px solid var(--line-2); }
@media(max-width:640px){ .impact-grid .stat + .stat{ border-left:none; } }
.impact .v{ font-family:var(--mono); font-weight:600; font-size:42px; line-height:1; color:#fff; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.impact .v em{ font-style:normal; color:var(--green); }
.impact .k{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--fg-dim); margin-top:10px; } .tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:820px){ .tiles{ grid-template-columns:1fr 1fr; } }
@media(max-width:440px){ .tiles{ grid-template-columns:1fr; } }
.tile{ background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden;
transition:border-color .2s ease, transform .2s ease; }
.tile:hover{ border-color:rgba(0,173,2,.5); transform:translateY(-2px); }
.tile-thumb{ aspect-ratio:4/3; overflow:hidden; position:relative; }
.tile-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.tile:hover .tile-thumb img{ transform:scale(1.05); }
.tile-body{ padding:12px 13px 14px; }
.tile .meta{ font-size:10px; }
.tile h4{ font-family:var(--display); font-weight:700; font-size:14.5px; line-height:1.2; letter-spacing:-.01em; color:var(--fg); margin:5px 0 0; }
.tile:hover h4{ color:var(--green-br); } .headlist{ list-style:none; margin:0; padding:0; }
.headlist li a{ display:flex; align-items:center; gap:14px; padding:15px 0; border-bottom:1px solid var(--line-2); }
.hl-thumb{ flex:0 0 96px; aspect-ratio:16/10; border-radius:5px; overflow:hidden; }
.hl-thumb img{ width:100%; height:100%; object-fit:cover; display:block;
transition:transform .25s ease; }
.headlist li a:hover .hl-thumb img{ transform:scale(1.06); }
.hl-text{ min-width:0; }
.headlist li:first-child a{ padding-top:2px; }
.headlist .meta{ font-size:10.5px; }
.headlist h4{ font-family:var(--display); font-weight:700; font-size:16px; line-height:1.28; letter-spacing:-.01em; color:var(--fg); margin:5px 0 0; }
.headlist li a:hover h4{ color:var(--green-br); } .newslead{ display:block; margin-bottom:8px; }
.newslead .nl-thumb{ aspect-ratio:16/9; border-radius:var(--r-sm); overflow:hidden; margin-bottom:14px; }
.newslead .nl-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.newslead:hover .nl-thumb img{ transform:scale(1.04); }
.newslead h3{ font-family:var(--display); font-weight:800; font-size:24px; line-height:1.15; letter-spacing:-.02em; color:var(--fg); margin:8px 0 8px; }
.newslead:hover h3{ color:var(--green-br); }
.newslead p{ color:var(--fg-dim); font-size:14.5px; margin:0; } .card-tag.advice{ color:#e0c15a; } .siteheader{ position:sticky; top:0; z-index:100; background:rgba(7,10,8,.94); backdrop-filter:blur(10px);
border-bottom:1px solid var(--line-2); }
.siteheader .wrap{ display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:62px; flex-wrap:wrap; }
.siteheader .wordmark{ font-size:21px; letter-spacing:-.025em; flex:0 0 auto; }
.siteheader .nav-inline{ display:flex; gap:1px; flex-wrap:wrap; }
.siteheader .nav-inline .nav-list{ display:flex; gap:1px; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.siteheader .nav-inline a{ font-family:var(--sans); font-weight:600; font-size:12.5px; letter-spacing:.05em; text-transform:uppercase;
color:var(--fg); padding:20px 13px; box-shadow:inset 0 0 0 var(--green); }
.siteheader .nav-inline a:hover{ color:var(--green-br); box-shadow:inset 0 -2px 0 var(--green); }
.siteheader .nav-inline a.current{ color:#fff; box-shadow:inset 0 -2px 0 var(--green); }
@media(max-width:640px){ .siteheader .wrap{ min-height:0; padding-top:10px; padding-bottom:6px; } .siteheader .nav-inline a{ padding:8px 10px; } } .inline-related{ display:flex; gap:15px; align-items:center; border-top:1px solid var(--line-lt); border-bottom:1px solid var(--line-lt);
padding:15px 0; margin:30px 0; }
.inline-related img{ width:104px; height:66px; object-fit:cover; border-radius:var(--r-sm); flex:0 0 auto; }
.inline-related .ir-k{ font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--green-text); display:block; margin-bottom:5px; }
.inline-related a{ font-family:var(--display); font-weight:700; font-size:17.5px; line-height:1.2; color:var(--ink); border:none !important; }
.inline-related a:hover{ color:var(--green-deep); } .mm-embed{ display:flex; align-items:center; gap:16px; background:var(--ink); border-radius:var(--r); padding:15px 20px; margin:26px 0; }
.mm-embed .play{ width:46px; height:46px; border-radius:50%; background:var(--green); color:#fff; font-size:15px; display:grid; place-items:center; flex:0 0 auto; }
.mm-embed .mm-txt{ flex:0 0 auto; }
.mm-embed .mm-txt .k{ font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--green-br); }
.mm-embed .mm-txt .t{ font-family:var(--display); font-weight:700; font-size:15px; color:#fff; margin-top:2px; }
.mm-embed .wave{ flex:1; height:24px; min-width:60px; border-radius:4px;
background:repeating-linear-gradient(90deg, var(--green) 0 2px, transparent 2px 5px);
opacity:.5; -webkit-mask:linear-gradient(90deg,#000 55%,transparent 55%); mask:linear-gradient(90deg,#000 55%,transparent 55%); }
.mm-embed .time{ font-family:var(--mono); font-size:11px; color:var(--fg-dim); flex:0 0 auto; } .he-right{ display:flex; align-items:center; gap:12px; }
.theme-toggle{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%;
border:1px solid var(--line); background:transparent; color:var(--fg); cursor:pointer; font-size:15px; line-height:1; flex:0 0 auto;
transition:border-color .2s ease, color .2s ease; }
.theme-toggle:hover{ border-color:var(--green); color:var(--green-br); } :root[data-theme="light"]{
--ink-0:#f2f5f2; --ink-1:#eef2ee; --ink-2:#ffffff; --ink-3:#ffffff; --line:#dce4dd; --line-2:#e7ede7;
--fg:#16241c; --fg-dim:#5f6f66; --green-br:#0A7A3B; } :root[data-theme="light"] .siteheader{ background:rgba(255,255,255,.9); }
:root[data-theme="light"] .nav{ background:rgba(255,255,255,.92); }
:root[data-theme="light"] .wordmark,
:root[data-theme="light"] .footer .wm{ color:var(--ink); }
:root[data-theme="light"] .nav-inline a.current,
:root[data-theme="light"] .nav a.current{ color:var(--ink); }
:root[data-theme="light"] .impact .v{ color:var(--ink); }
:root[data-theme="light"] .guide h3,
:root[data-theme="light"] .mm h3{ color:var(--ink); }
:root[data-theme="light"] .footer{ background:#e9efe9; }
:root[data-theme="light"] .footer h5{ color:var(--ink); }
:root[data-theme="light"] .copyright{ border-top-color:var(--line); }
:root[data-theme="light"] .copyright,
:root[data-theme="light"] .copyright a{ color:#788b7f; }
:root[data-theme="light"] .article{ box-shadow:0 10px 34px rgba(20,50,30,.10); border:1px solid var(--line-lt); } :root[data-theme="light"] .au-mark{ background:var(--ink); }
:root[data-theme="light"] .au-count strong,
:root[data-theme="light"] .au-big,
:root[data-theme="light"] .mmbar .mm-body h2 a,
:root[data-theme="light"] .mmbar .mm-body h3 a{ color:var(--ink); }
:root[data-theme="light"] .au-link:hover{ color:var(--ink); }
@media(prefers-reduced-motion:reduce){
*{ transition:none !important; animation:none !important; } .ecg-js [data-ecg-reveal]{ opacity:1 !important; transform:none !important; }
.ecg-js [data-ecg-reveal] .sec-head h1::before,
.ecg-js [data-ecg-reveal] .sec-head h2::before,
.ecg-js .lead-inner .kicker::before{ transform:none !important; }
.score-badge{ --val:var(--goal,0) !important; }
}   .ecg-hero { margin: 18px 0; }
.ecg-hero img { width: 100%; height: auto; display: block; } .ecg-gallery { display: grid; gap: 10px; margin: 14px 0; grid-template-columns: repeat(2, 1fr); }
.ecg-gallery figure { margin: 0; }
.ecg-gallery img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; } @media (min-width: 600px) {
.ecg-cols-3 { grid-template-columns: repeat(3, 1fr); }
.ecg-cols-4 { grid-template-columns: repeat(4, 1fr); }
.ecg-cols-5 { grid-template-columns: repeat(5, 1fr); }
} .ecg-table{
border-collapse:collapse;
width:100%;
margin:18px 0;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.45;
box-shadow:0 1px 4px rgba(0,0,0,.10);
}
.ecg-table th{
background:var(--green); color:#fff; text-align:left;
padding:12px 14px;
font-weight:700;
}
.ecg-table th:not(:first-child){ background:var(--green-2); } .ecg-table td{
padding:11px 14px;
border-bottom:1px solid #e6e6e6;
vertical-align:top;
}
.ecg-table tbody tr:nth-child(even) td{ background:#f4faf4; } .ecg-table tbody tr:hover td{ background:#eaf6ea; } .ecg-table tbody tr:last-child td{ border-bottom:none; } @media (max-width:600px){
.ecg-table{ font-size:14px; }
.ecg-table th, .ecg-table td{ padding:10px 11px; }
.ecg-wide{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; }
.ecg-wide th, .ecg-wide td{ white-space:nowrap; }
} @property --pz{ syntax:'<number>'; inherits:false; initial-value:1.02; } .ecg-progress{ position:fixed; left:0; top:0; right:0; height:3px; z-index:200; pointer-events:none; }
.ecg-progress span{ display:block; height:100%; transform:scaleX(0); transform-origin:left;
background:linear-gradient(90deg,var(--green),var(--green-br)); } .ecg-js [data-ecg-reveal="up"]{ opacity:0; transform:translateY(15px); }
.ecg-js [data-ecg-reveal="up"].is-in{ opacity:1; transform:none;
transition:opacity .55s ease, transform .55s cubic-bezier(.2,.75,.25,1); } .ecg-js [data-ecg-reveal="up"] .sec-head h1::before,
.ecg-js [data-ecg-reveal="up"] .sec-head h2::before{ transform:scaleY(0); transform-origin:top; }
.ecg-js [data-ecg-reveal="up"].is-in .sec-head h1::before,
.ecg-js [data-ecg-reveal="up"].is-in .sec-head h2::before{ transform:scaleY(1);
transition:transform .5s cubic-bezier(.2,.8,.2,1) .14s; } .ecg-js .segbar.is-in a{ animation:ecg-chip .42s cubic-bezier(.2,.8,.2,1) both; }
.ecg-js .segbar.is-in a:nth-of-type(1){ animation-delay:.02s; }
.ecg-js .segbar.is-in a:nth-of-type(2){ animation-delay:.07s; }
.ecg-js .segbar.is-in a:nth-of-type(3){ animation-delay:.12s; }
.ecg-js .segbar.is-in a:nth-of-type(4){ animation-delay:.17s; }
.ecg-js .segbar.is-in a:nth-of-type(5){ animation-delay:.22s; }
.ecg-js .segbar.is-in a:nth-of-type(6){ animation-delay:.27s; }
.ecg-js .segbar.is-in a:nth-of-type(7){ animation-delay:.32s; }
.ecg-js .segbar.is-in a:nth-of-type(8){ animation-delay:.37s; }
@keyframes ecg-chip{ from{ opacity:0; transform:translateY(8px) scale(.96); } } .ecg-js .score-badge[data-ecg-reveal="gauge"]:not(.is-in){ --val:0; }
.ecg-js .score-badge[data-ecg-reveal="gauge"].is-in{ animation:ecg-gauge 1s cubic-bezier(.22,.85,.25,1) both; }
@keyframes ecg-gauge{ from{ --val:0; } } .impact .cv{ display:inline-block; text-align:right; font-variant-numeric:tabular-nums; } .ecg-js .lead::before{ animation:ecg-push 24s cubic-bezier(.16,.6,.3,1) both; }
@keyframes ecg-push{ from{ --pz:1.02; } to{ --pz:1.08; } } .lead h1 .w{ display:inline-block; overflow:hidden; vertical-align:bottom;
padding-bottom:.09em; margin-bottom:-.09em; }
.lead h1 .wi{ display:inline-block; animation:ecg-word .72s cubic-bezier(.19,.83,.26,1) both; }
@keyframes ecg-word{ from{ transform:translateY(108%); } to{ transform:translateY(0); } } .ecg-js .lead-inner > h1.is-split{ animation:none; opacity:1; transform:none; }
.ecg-js .lead-inner > *{ animation:ecg-rise .62s cubic-bezier(.2,.75,.25,1) both; }
.ecg-js .lead-inner > .kicker{ animation-delay:.06s; }
.ecg-js .lead-inner > h1{ animation-delay:.14s; }
.ecg-js .lead-inner > p{ animation-delay:.42s; }
.ecg-js .lead-inner > .cta{ animation-delay:.52s; }
@keyframes ecg-rise{ from{ opacity:0; transform:translateY(16px); } } .ecg-js .lead-inner .kicker::before{ transform-origin:left;
animation:ecg-dash .5s cubic-bezier(.2,.8,.2,1) .12s both; }
@keyframes ecg-dash{ from{ transform:scaleX(0); } } .lead .cta{ transition:background .2s ease, transform .18s ease, box-shadow .18s ease; }
.lead .cta:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,173,2,.34); }
.lead .cta:active{ transform:translateY(0); }
.feature-sm .fs-inner{ transition:transform .25s cubic-bezier(.2,.8,.2,1); }
.feature-sm:hover .fs-inner{ transform:translateY(-4px); }
.feature-sm:hover h3{ color:var(--green-br); }
.segbar a{ transition:border-color .2s ease, color .2s ease, transform .2s ease, background .2s ease; }
.segbar a:hover{ transform:translateY(-2px); }
.card:active{ transform:translateY(-1px); } .authority{ display:grid; grid-template-columns:1.3fr 1.25fr .85fr; gap:0;
margin:16px 0 6px; border:1px solid var(--line); border-radius:var(--r);
background:linear-gradient(120deg,var(--ink-2),var(--ink-1)); overflow:hidden; }
.au-cell{ padding:22px 26px; min-width:0; }
.au-cell + .au-cell{ border-left:1px solid var(--line-2); }
.authority .kicker{ color:var(--green-br); } .au-faces{ display:flex; margin:12px 0 10px; padding-left:6px; }
.au-face-link{ display:block; margin-left:-6px; border-radius:50%;
transition:transform .2s ease, z-index 0s; }
.au-face-link:hover{ transform:translateY(-3px) scale(1.07); position:relative; z-index:2; }
.au-mark, .au-face{ display:block; width:46px; height:46px; border-radius:50%;
border:2px solid var(--green); box-shadow:0 0 0 3px var(--ink-1); }
.au-mark{ display:grid; place-items:center; background:var(--ink-3); color:#fff;
font-family:var(--display); font-weight:800; font-size:16px; letter-spacing:-.02em; }
.au-face{ object-fit:cover; }
.au-names{ margin:0 0 8px; font-size:13.5px; line-height:1.5; color:var(--fg-dim); }
.au-names a{ color:var(--fg); }
.au-names a:hover{ color:var(--green-br); }
.au-more{ color:var(--fg-dim); }
.au-pitch{ margin:0 0 10px; color:var(--fg-dim); font-size:13.5px; line-height:1.55; } .au-count{ margin:10px 0 12px; font-family:var(--display); font-weight:700; font-size:15px; color:var(--fg-dim); }
.au-count strong{ font-family:var(--mono); font-weight:600; font-size:38px; color:#fff;
letter-spacing:-.03em; font-variant-numeric:tabular-nums; margin-right:7px;
display:inline-block; text-align:right; } .au-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.au-strip a{ display:block; aspect-ratio:16/10; border-radius:5px; overflow:hidden;
transition:transform .2s ease, box-shadow .2s ease; }
.au-strip img{ width:100%; height:100%; object-fit:cover; display:block; }
.au-strip a:hover{ transform:translateY(-3px) scale(1.06); box-shadow:0 8px 18px rgba(0,0,0,.55); } .au-big{ margin:8px 0 4px; font-family:var(--mono); font-weight:600; font-size:38px; line-height:1;
color:#fff; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.au-big em{ font-style:normal; color:var(--green); }
.au-big .cv{ display:inline-block; text-align:right; }
.au-sub{ margin:0 0 10px; font-family:var(--mono); font-size:11px; letter-spacing:.09em;
text-transform:uppercase; color:var(--fg-dim); line-height:1.7; }
.au-link{ font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.1em;
text-transform:uppercase; color:var(--green-br); }
.au-link:hover{ color:#fff; } @media(max-width:700px){
.wrap:has(> .mosaic){ display:flex; flex-direction:column; }
.mosaic{ display:contents; }
.mosaic .lead{ order:1; margin:26px 0 0; }
.authority{ order:2; }
.mosaic .rightcol{ order:3; display:grid; gap:18px; margin-top:18px; }
.segbar{ order:4; }
.sec{ order:5; }
}
@media(max-width:1040px){
.authority{ grid-template-columns:1fr 1fr; }
.au-heard{ grid-column:1 / -1; border-left:0; border-top:1px solid var(--line-2); }
}
@media(max-width:700px){
.authority{ grid-template-columns:1fr; }
.au-cell + .au-cell{ border-left:0; border-top:1px solid var(--line-2); }
.au-cell{ padding:20px; }
.au-big, .au-count strong{ font-size:32px; }
} .mmbar{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px;
margin:16px 0 6px; padding:20px 26px; border-radius:var(--r);
background:linear-gradient(120deg,var(--ink-2),var(--ink-1)); border:1px solid var(--line); }
.mmbar::before{ content:''; position:absolute; left:0; top:14px; bottom:14px; width:3px;
border-radius:0 3px 3px 0; background:var(--green); }
.mmbar .mm-play{ position:relative; flex:0 0 auto; width:54px; height:54px; border:0; border-radius:50%;
background:var(--green); color:#fff; cursor:pointer; display:grid; place-items:center;
transition:background .2s ease, transform .2s ease; }
.mmbar .mm-play:hover{ background:var(--green-deep); transform:scale(1.05); }
.mmbar .mm-play:focus-visible{ outline:2px solid var(--green-br); outline-offset:3px; }
.mm-icon{ width:0; height:0; margin-left:4px;
border-left:15px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; }
.mmbar.is-playing .mm-icon{ width:14px; height:18px; margin-left:0; border:0;
background:linear-gradient(90deg,#fff 0 5px,transparent 5px 9px,#fff 9px 14px); }
.mmbar.is-playing .mm-play::after{ content:''; position:absolute; inset:-5px; border-radius:50%;
border:2px solid var(--green); animation:ecg-pulse 1.9s ease-out infinite; }
@keyframes ecg-pulse{ from{ transform:scale(1); opacity:.55; } to{ transform:scale(1.4); opacity:0; } }
.mmbar .mm-body{ flex:1 1 260px; min-width:0; }
.mmbar .mm-body .kicker{ color:var(--green-br); }
.mmbar .mm-body h2, .mmbar .mm-body h3{ font-family:var(--display); font-weight:800; font-size:20px; line-height:1.2;
letter-spacing:-.02em; margin:6px 0 4px; }
.mmbar .mm-body h2 a, .mmbar .mm-body h3 a{ color:#fff; }
.mmbar .mm-body h2 a:hover, .mmbar .mm-body h3 a:hover{ color:var(--green-br); }
.mmbar .mm-body p{ margin:0; font-family:var(--mono); font-size:11px; letter-spacing:.08em;
text-transform:uppercase; color:var(--fg-dim); }
.mmbar .mm-scrub{ flex:0 1 300px; display:flex; align-items:center; gap:14px; }
.mmbar .mm-track{ flex:1 1 auto; height:6px; border-radius:3px; background:rgba(255,255,255,.13);
cursor:pointer; overflow:hidden; }
.mmbar .mm-track:focus-visible{ outline:2px solid var(--green-br); outline-offset:3px; }
.mmbar .mm-fill{ display:block; width:0; height:100%; border-radius:3px; background:var(--green-br);
transition:width .15s linear; }
.mmbar .mm-time{ font-family:var(--mono); font-size:12px; color:var(--fg-dim);
font-variant-numeric:tabular-nums; flex:0 0 auto; }
.mmbar audio{ flex:1 1 100%; width:100%; }
.mmbar.mm-ready audio{ display:none; }
.mmbar:not(.mm-ready) .mm-play,
.mmbar:not(.mm-ready) .mm-scrub{ display:none; }
@media(max-width:760px){
.mmbar{ padding:18px 20px; gap:14px 18px; }
.mmbar .mm-scrub{ flex:1 1 100%; }
.mmbar .mm-body h2, .mmbar .mm-body h3{ font-size:18px; }
} .mm-home{ margin:0 0 64px; padding:28px 32px; }
.mm-home .mm-play{ width:64px; height:64px; }
.mm-home .mm-body h3{ font-size:23px; margin:6px 0 4px; } .article details.ecg-more{ border:1px solid var(--line-lt); border-radius:var(--r-sm);
margin:14px 0; background:var(--paper-2); overflow:hidden; }
.article details.ecg-more + details.ecg-more{ margin-top:10px; }
.article details.ecg-more > summary{ cursor:pointer; list-style:none; padding:15px 18px;
font-family:var(--display); font-weight:700; font-size:16px; color:var(--ink);
display:flex; align-items:center; gap:12px; transition:background .15s ease; }
.article details.ecg-more > summary::-webkit-details-marker{ display:none; }
.article details.ecg-more > summary::before{ content:''; flex:0 0 auto; width:9px; height:9px;
border-right:2px solid var(--green); border-bottom:2px solid var(--green);
transform:rotate(-45deg); transition:transform .2s ease; margin-left:2px; }
.article details.ecg-more[open] > summary::before{ transform:rotate(45deg); }
.article details.ecg-more > summary:hover{ background:rgba(10,125,12,.06); }
.article details.ecg-more > summary:focus-visible{ outline:2px solid var(--green); outline-offset:-2px; }
.article details.ecg-more[open] > summary{ border-bottom:1px solid var(--line-lt); }
.article details.ecg-more > *:not(summary){ margin-left:18px; margin-right:18px; }
.article details.ecg-more > *:not(summary):first-of-type{ margin-top:16px; }
.article details.ecg-more > *:not(summary):last-child{ margin-bottom:18px; }
.article details.ecg-more .ecg-table{ width:calc(100% - 0px); } .article p.ecg-signpost{ font-family:var(--mono); font-size:13px; letter-spacing:.01em;
color:var(--muted); border-left:3px solid var(--green); padding:8px 0 8px 14px; margin:22px 0; }    .rbody-grid > .rail{ align-self:stretch; height:100%; } .rail-sticky{ top:84px; display:flex; flex-direction:column; gap:16px; background:var(--ink-1);
max-height:calc(100vh - 104px); overflow:hidden; }
.rail-sticky .rail-toc{ display:flex; flex-direction:column; min-height:0; }
.rail-sticky .rail-toc .body{ overflow-y:auto; min-height:0; overscroll-behavior:contain;
scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.rail-sticky .rail-toc .body::-webkit-scrollbar{ width:6px; }
.rail-sticky .rail-toc .body::-webkit-scrollbar-thumb{ background:var(--line); border-radius:3px; }
@media(max-width:940px){
.rail-sticky{ max-height:none; overflow:visible; } .rail-toc{ display:none; }
} .rail-toc h4{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; border-bottom:none; padding-bottom:11px; }
.toc-mins{ font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.08em; color:var(--green-br); }
.toc-bar{ height:2px; background:var(--line-2); }
.toc-bar i{ display:block; height:100%; background:var(--green); transform:scaleX(0); transform-origin:0 50%; }
.rail-toc .body{ padding:4px 18px 12px; }
.rail-toc li.is-sub a{ padding-left:30px; font-size:12.5px; }
.rail-toc li.is-sub a::before{ left:15px; }
.rail-toc li a.is-active{ color:var(--fg); font-weight:600; }
.rail-toc li a.is-active::before{ background:var(--green); box-shadow:0 0 0 3px rgba(0,173,2,.16); } .toc-inline{ display:none; }
@media(max-width:940px){
.toc-inline{ display:block; border:1px solid var(--line-lt); border-radius:var(--r-sm);
background:var(--paper-2); margin:0 0 26px; }
.toc-inline summary{ display:flex; align-items:center; justify-content:space-between; gap:12px;
padding:14px 16px; cursor:pointer; list-style:none;
font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.toc-inline summary::-webkit-details-marker{ display:none; }
.toc-inline summary::after{ content:'+'; font-size:15px; color:var(--green-text); }
.toc-inline[open] summary::after{ content:'–'; }
.toc-inline ul{ list-style:none; margin:0; padding:0 16px 10px; }
.toc-inline li{ margin:0; padding:0; }
.toc-inline li::before{ display:none; }
.toc-inline li a{ display:block; padding:10px 0; border-top:1px solid var(--line-lt);
color:var(--text); font-size:14.5px; font-weight:500; border-bottom:none; }
.toc-inline li.is-sub a{ padding-left:16px; font-size:13.5px; color:var(--muted); }
}  .article{ padding:52px 56px; overflow:hidden; counter-reset:ecg-sec; }
.article p, .article li{ font-size:17.5px; line-height:1.75; }
.article > p:first-of-type{ font-size:19.5px; line-height:1.62; } .article h2:empty, .article h3:empty, .article p:empty{ display:none; } .article h2{ font-family:var(--display); font-weight:900; font-size:33px; line-height:1.12; letter-spacing:-.026em;
color:var(--ink); margin:58px 0 14px; }
.article h3{ font-size:28px; line-height:1.18; margin:54px 0 14px; padding-bottom:0; }
.article h3::after{ display:none; }
.article h2::before, .article h3:not(:empty)::before{ counter-increment:ecg-sec;
content:counter(ecg-sec,decimal-leading-zero); display:block;
font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.16em; color:var(--green-text); margin-bottom:10px; } .article:has(h2) h3::before{ display:none; }
.article:has(h2) h3{ font-size:23px; margin:38px 0 10px; }
.article h2[id], .article h3[id], .article h4[id]{ scroll-margin-top:96px; }  .article .plate{ margin:34px -56px; }
.article .plate img{ width:100%; border-radius:0; box-shadow:none; margin:0; }
.article .plate.is-pair{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.article .plate.is-pair img{ aspect-ratio:3/2; object-fit:cover; }
.article .plate figcaption, .article .wp-caption-text{ font-family:var(--mono); font-size:11px; letter-spacing:.05em;
color:var(--muted); padding:10px 56px 0; margin:0; }
@media(max-width:600px){
.article{ padding:26px 20px; }
.article .plate{ margin:24px -20px; }
.article .plate figcaption, .article .wp-caption-text{ padding:8px 20px 0; }
.article p, .article li{ font-size:16.5px; }
.article > p:first-of-type{ font-size:18px; }
.article h2{ font-size:26px; margin:44px 0 12px; }
.article h3{ font-size:23px; margin:40px 0 12px; }
}  .article .gallery{ display:grid; gap:6px; margin:34px -56px; grid-template-columns:repeat(3,1fr); }
.article .gallery-columns-1{ grid-template-columns:1fr; }
.article .gallery-columns-2{ grid-template-columns:repeat(2,1fr); }
.article .gallery-columns-4{ grid-template-columns:repeat(4,1fr); }
.article .gallery-columns-5{ grid-template-columns:repeat(5,1fr); }
.article .gallery .gallery-item{ margin:0; width:auto; float:none; }
.article .gallery .gallery-icon{ margin:0; overflow:hidden; }
.article .gallery img{ width:100%; height:100%; aspect-ratio:3/2; object-fit:cover; border:0;
border-radius:0; box-shadow:none; margin:0; transition:transform .5s ease; }
.article .gallery a:hover img{ transform:scale(1.04); }
.article .gallery .gallery-caption{ font-family:var(--mono); font-size:10.5px; color:var(--muted); padding:6px 2px 0; margin:0; }
@media(max-width:600px){
.article .gallery{ margin:24px -20px; grid-template-columns:repeat(2,1fr) !important; }
}  .article table:not(.ecg-table){ border-collapse:collapse; width:100%; margin:28px 0; font-size:15px;
border:1px solid var(--line-lt); border-radius:var(--r-sm); overflow:hidden; }
.article table:not(.ecg-table) th{ background:var(--green); color:#fff; text-align:left; padding:13px 15px;
font-family:var(--display); font-weight:700; }
.article table:not(.ecg-table) td{ padding:12px 15px; border-bottom:1px solid var(--line-lt); color:var(--text); }
.article table:not(.ecg-table) tbody tr:nth-child(even) td{ background:var(--paper-2); }
.article table:not(.ecg-table) tbody tr:last-child td{ border-bottom:none; }
.article table:not(.ecg-table) td:first-child{ font-weight:600; color:var(--ink); }
.article .tablewrap{ margin:28px 0; overflow-x:auto; }
.article .tablewrap table{ margin:0; }  .comments-area{ margin-top:8px; max-width:760px; }
.comments-title, .comment-reply-title{ font-family:var(--display); font-weight:800; font-size:22px;
color:var(--fg); margin:0 0 18px; }
.comment-form p{ margin:0 0 14px; }
.comment-form label{ display:block; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.1em;
text-transform:uppercase; color:var(--fg-dim); margin-bottom:7px; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url],
.comment-form textarea, .search-field{
width:100%; max-width:560px; background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r-sm);
color:var(--fg); font-family:var(--sans); font-size:15px; padding:12px 14px; }
.comment-form textarea{ max-width:100%; min-height:140px; resize:vertical; }
.comment-form input:focus, .comment-form textarea:focus, .search-field:focus{ outline:none; border-color:var(--green); }
.comment-form .form-submit{ margin-top:4px; }
.comment-form input[type=submit], .search-submit{ font-family:var(--sans); font-weight:600; font-size:13px;
letter-spacing:.05em; text-transform:uppercase; color:#fff; background:var(--green); border:0;
border-radius:var(--r-sm); padding:13px 24px; cursor:pointer; transition:background .18s ease; }
.comment-form input[type=submit]:hover, .search-submit:hover{ background:var(--green-deep); }
.comment-notes, .comment-form-cookies-consent label, .logged-in-as{ font-size:13px; color:var(--fg-dim);
font-family:var(--sans); letter-spacing:0; text-transform:none; }
.comment-form-cookies-consent{ display:flex; align-items:center; gap:9px; }
.comment-form-cookies-consent input{ margin:0; accent-color:var(--green); }
.comment-list{ list-style:none; margin:0 0 34px; padding:0; }
.comment-list li{ border:1px solid var(--line); border-radius:var(--r); background:var(--ink-2);
padding:18px 20px; margin:0 0 14px; }
.comment-list .children{ list-style:none; margin:14px 0 0 22px; padding:0; }
.comment-list .fn{ font-family:var(--display); font-weight:700; font-style:normal; color:var(--fg); }
.comment-list .comment-metadata a{ font-family:var(--mono); font-size:11px; color:var(--fg-dim); }
.comment-list .comment-content p{ font-size:15px; color:var(--fg-dim); }  .navtoggle{ display:none; }
@media(max-width:820px){ .rhero{ min-height:60vh; }
.rhero-inner{ padding:28px 0 24px; }
.rhero h1{ font-size:31px; margin:14px 0 12px; }
.rhero-standfirst{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:16px; }
.rhero-meta{ gap:14px; margin-bottom:16px; }
.rhero .score-badge{ transform:scale(.8); transform-origin:left center; margin-top:8px; margin-bottom:-10px; }
.siteheader .wrap{ position:relative; }
.navtoggle{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
border:1px solid var(--line); border-radius:var(--r-sm); background:transparent; color:var(--fg); cursor:pointer; }
.navtoggle span{ display:block; width:17px; height:2px; background:currentColor; position:relative; }
.navtoggle span::before, .navtoggle span::after{ content:''; position:absolute; left:0; width:17px; height:2px;
background:currentColor; transition:transform .2s ease, top .2s ease; }
.navtoggle span::before{ top:-5px; } .navtoggle span::after{ top:5px; }
.navtoggle[aria-expanded="true"] span{ background:transparent; }
.navtoggle[aria-expanded="true"] span::before{ top:0; transform:rotate(45deg); }
.navtoggle[aria-expanded="true"] span::after{ top:0; transform:rotate(-45deg); }
.siteheader .nav-inline{ position:absolute; left:0; right:0; top:calc(100% + 14px); z-index:120;
background:var(--ink-3); border:1px solid var(--line); border-radius:var(--r);
box-shadow:0 22px 44px rgba(0,0,0,.5); padding:6px 4px; display:none; }
.siteheader .nav-inline.is-open{ display:block; }
.siteheader .nav-inline .nav-list{ flex-direction:column; gap:0; }
.siteheader .nav-inline .nav-list li{ border-bottom:1px solid var(--line-2); }
.siteheader .nav-inline .nav-list li:last-child{ border-bottom:none; }
.siteheader .nav-inline .nav-list a{ display:block; padding:14px 16px; font-size:13px; }
.siteheader .wrap{ min-height:56px; flex-wrap:nowrap; } .topbar .meta:first-child{ display:none; }
.topbar .wrap{ justify-content:flex-end; height:32px; }
} :root[data-theme="light"] .railcard .score-badge::before,
:root[data-theme="light"] .verdict-top .score-badge::before{ background:var(--ink-2); }
:root[data-theme="light"] .railcard .score-badge .n{ color:var(--ink); }  .score-badge{ align-content:center; gap:3px; }
.score-badge .n{ padding-left:.04em; }  .rhero::after{ background:
radial-gradient(74% 66% at 24% 86%,
rgba(3,6,4,.78) 0%, rgba(3,6,4,.60) 32%, rgba(3,6,4,.34) 56%,
rgba(3,6,4,.12) 76%, rgba(3,6,4,0) 92%),
linear-gradient(0deg,
rgba(5,8,6,.88) 0%, rgba(5,8,6,.56) 15%, rgba(5,8,6,.26) 33%,
rgba(5,8,6,.08) 52%, rgba(5,8,6,0) 70%); } .rhero h1{ text-shadow:
0 1px 1px rgba(3,6,4,.72), 0 2px 4px rgba(3,6,4,.62),
0 6px 16px rgba(3,6,4,.6), 0 16px 46px rgba(3,6,4,.55); }
.rhero-standfirst{ text-shadow:
0 1px 1px rgba(3,6,4,.72), 0 2px 6px rgba(3,6,4,.6), 0 8px 26px rgba(3,6,4,.5); }
.rhero .kicker.on-photo,
.rhero-meta .who,
.rhero-by .who{ text-shadow:
0 1px 2px rgba(3,6,4,.8), 0 2px 8px rgba(3,6,4,.6); }
@media(max-width:820px){ .rhero::after{ background:linear-gradient(0deg,
rgba(5,8,6,.92) 0%, rgba(5,8,6,.74) 26%, rgba(5,8,6,.44) 54%,
rgba(5,8,6,.14) 78%, rgba(5,8,6,0) 96%); }
} .stripwrap{ margin:28px 0 30px; }
.strip{ display:flex; gap:6px; overflow-x:auto; scroll-snap-type:x mandatory;
scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior-x:contain; }
.strip::-webkit-scrollbar{ display:none; } .strip-item{ flex:0 0 46%; scroll-snap-align:start; padding:0; border:0; background:none;
cursor:zoom-in; border-radius:3px; overflow:hidden; position:relative; line-height:0; }
.strip-item img{ width:100%; aspect-ratio:3/2; object-fit:cover; margin:0; border-radius:0;
box-shadow:none; transition:transform .5s ease, filter .25s ease; }
.strip-item:hover img{ transform:scale(1.03); }
.strip-item:focus-visible{ outline:2px solid var(--green); outline-offset:2px; }
@media(max-width:600px){ .strip-item{ flex-basis:78%; } }
.strip-bar{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:9px; }
.strip-count{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--muted); }
.strip-arrows{ display:flex; gap:7px; }
.strip-a{ width:30px; height:30px; border-radius:50%; border:1px solid var(--line-lt);
background:var(--paper); cursor:pointer; position:relative; transition:border-color .18s ease, opacity .18s ease; }
.strip-a::before{ content:''; position:absolute; inset:0; margin:auto; width:7px; height:7px;
border-top:2px solid var(--ink); border-right:2px solid var(--ink); }
.strip-prev::before{ transform:translateX(2px) rotate(-135deg); }
.strip-next::before{ transform:translateX(-2px) rotate(45deg); }
.strip-a:hover{ border-color:var(--green); }
.strip-a[disabled]{ opacity:.3; cursor:default; } .lb{ position:fixed; inset:0; z-index:300; display:none; background:rgba(4,7,5,.96);
backdrop-filter:blur(3px); place-items:center; }
.lb.is-open{ display:grid; }
.lb-fig{ margin:0; display:grid; place-items:center; gap:14px; padding:26px; max-width:100vw; }
.lb-fig img{ max-width:min(1400px,92vw); max-height:82vh; width:auto; height:auto;
object-fit:contain; border-radius:2px; box-shadow:0 30px 80px rgba(0,0,0,.6); margin:0; }
.lb-fig figcaption{ font-family:var(--mono); font-size:12px; line-height:1.5; color:#c9d6cd;
text-align:center; max-width:760px; }
.lb-count{ position:absolute; bottom:22px; left:0; right:0; text-align:center;
font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:#8b9c92; }
.lb-x{ position:absolute; top:18px; right:20px; width:42px; height:42px; border-radius:50%;
border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.35); color:#fff;
font-size:22px; line-height:1; cursor:pointer; }
.lb-x:hover{ border-color:var(--green); color:var(--green-br); }
.lb-nav{ position:absolute; top:50%; transform:translateY(-50%); width:52px; height:52px;
border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.35);
cursor:pointer; }
.lb-nav::before{ content:''; position:absolute; inset:0; margin:auto; width:11px; height:11px;
border-top:2px solid #fff; border-right:2px solid #fff; }
.lb-prev{ left:20px; } .lb-prev::before{ transform:translateX(3px) rotate(-135deg); }
.lb-next{ right:20px; } .lb-next::before{ transform:translateX(-3px) rotate(45deg); }
.lb-nav:hover{ border-color:var(--green); }
@media(max-width:700px){
.lb-nav{ display:none; } .lb-fig{ padding:16px; } .lb-fig img{ max-height:74vh; }
}
.lb.is-single .lb-nav, .lb.is-single .lb-count{ display:none; }  @media(min-width:701px){
.stripwrap .strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; overflow:visible; }
.stripwrap .strip-item{ flex:none; width:auto; }
.stripwrap .strip-arrows{ display:none; }
} .scorecard{ margin:44px 0 8px; padding:28px 0 0; border-top:1px solid var(--line-lt); position:relative; }
.sc-head{ font-family:var(--mono) !important; font-size:11px !important; font-weight:600;
letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin:0 0 22px !important; }
.sc-mean{ position:absolute; top:29px; right:0; font-family:var(--mono); font-size:11px; font-weight:600;
letter-spacing:.16em; text-transform:uppercase; color:var(--ink); } .article h3.sc-head::before{ content:none; }
.sc-gauges{ list-style:none; margin:0 !important; padding:0 !important; display:grid;
grid-template-columns:repeat(5,1fr); gap:28px 14px; }
@media(max-width:640px){ .sc-gauges{ grid-template-columns:repeat(3,1fr); gap:24px 10px; } }
@media(max-width:400px){ .sc-gauges{ grid-template-columns:repeat(2,1fr); } }
.sc-gauges li{ margin:0 !important; padding:0 !important; display:grid; justify-items:center;
align-content:start; gap:9px; text-align:center; }
.sc-gauges li::before{ display:none !important; } .sc-gauges .score-badge{ width:76px; height:76px;
background:conic-gradient(var(--tier) calc(var(--val)*3.6deg), var(--line-lt) 0); }
.sc-gauges .score-badge::before{ inset:6px; background:var(--paper); }
.sc-gauges .score-badge .n{ font-size:19px; color:var(--ink); }
.sc-gauges .score-badge.tier-outstanding{ --tier:#7c3aed; }
.sc-gauges .score-badge.tier-good{ --tier:var(--green-text); }
.sc-gauges .score-badge.tier-average{ --tier:#b26a00; }
.sc-gauges .score-badge.tier-weak{ --tier:#c1362a; }
.ecg-js .sc-gauges .score-badge.is-in{ animation-delay:var(--gd,0s); }
.sc-gauges .k{ font-size:13px !important; line-height:1.3; color:var(--text); }
.sc-gauges .tag{ font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase;
color:var(--muted); border:1px solid var(--line-lt); border-radius:100px; padding:2px 7px; margin-left:6px;
vertical-align:1px; white-space:nowrap; }
.sc-foot{ font-size:13px !important; color:var(--muted) !important; margin:22px 0 0 !important; }
.sc-foot a{ font-weight:600; }
 [data-wp-review-tabs] .tab-titles:after, [data-ui-tabs] .ui-tabs-nav:after, .wp-reviews-list .reviews-pagination:after, .wp-reviews-list .item:after, .review-list li:after {
content: " ";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.review-wrapper {
border: 1px solid #e7e7e7;
margin-bottom: 30px;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.review-wrapper .review-list {
margin: 0;
list-style: none;
padding: 0;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.review-wrapper .review-list li {
margin: 0;
list-style: none;
}
.review-wrapper li:after {
content: "";
display: block;
clear: both;
}
.review-wrapper .review-desc li:after {
display: none;
}
.review-wrapper .review-total-wrapper h5 {
font-family: inherit;
}
.review-title {
background-color: #f6f6f6;
border-bottom: 1px solid #e7e7e7;
margin: 0;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
}
.review-price {
float: right;
}
.review-links {
list-style: none;
padding: 15px 15px 8px !important;
margin: 0 !important;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.review-links li {
display: inline-block;
margin-bottom: 10px;
}
.review-links li a {
display: block;
padding: 4px 10px;
margin: 0 10px 0 0;
border: 1px solid;
border-radius: 5px;
outline: 0;
}
.review-links li:last-child a {
margin-right: 0;
}
.review-links .review-links:not(:last-child) a {
margin-right: 10px;
}
.entry-content .review-wrapper li:last-child a {
margin-right: 0;
}
.wpr-error {
background: #f9ada7;
padding: 10px;
margin: 10px 0;
}
.review-list li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #e7e7e7;
padding: 10px 15px;
position: relative;
list-style: none !important;
}
.review-list li:nth-child(even) {
background-color: #fafafa;
}
.review-list li:last-child {
border-bottom: 1px solid #e7e7e7;
}
.wp_review_comment .review-list, .widefat .column-comment ul.review-list {
margin: 0;
padding: 0;
}
.wp_review_comment .review-list li, .wp-review-comment-form .review-list li {
padding: 10px;
margin: 0;
background: #f9f9f9;
border-bottom: 1px solid #e7e7e7;
}
.review-summary-title {
margin-bottom: 5px;
}
.review-desc {
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.review-desc p:last-child {
margin-bottom: 0;
}
.review-pros-cons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 15px 30px;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.review-pros-cons .review-pros {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.review-pros-cons .review-pros p:last-of-type {
margin-bottom: 0;
}
.review-pros-cons .review-cons {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.review-pros-cons .review-cons p:last-of-type {
margin-bottom: 0;
}
.review-pros-cons .review-pros .mb-5 strong:before,
.review-pros-cons .review-cons .mb-5 strong:before {
content: "";
font-family: "FontAwesome";
font-weight: normal;
margin-right: 5px;
opacity: 0.7;
}
.review-pros-cons .review-cons .mb-5 strong:before {
content: "";
}
.review-pros-cons ul,
.review-pros-cons ol {
margin: 0;
margin-left: 0;
padding: 0;
list-style: none;
}
.review-pros-cons li {
list-style-type: none !important;
}
.review-pros-cons .review-pros ul li:before,
.review-pros-cons .review-cons ul li:before {
content: "";
font-family: "FontAwesome";
opacity: 0.4;
margin-right: 7px;
}
.review-pros-cons .review-cons ul li:before {
content: "";
}
.wp_review_comment .review-pros-cons {
padding-left: 0;
padding-right: 0;
}
textarea#wp_review_comment_pros, textarea#wp_review_comment_cons {
height: 100px;
}
.wp-review-comment-form-qualifier label {
display: block;
}
.wp-review-comment-form-qualifier select {
display: block;
width: 100%;
}
#review .review-desc ul,
#review .review-desc ol {
margin: 0;
margin-left: 0;
padding: 0;
}
.review-result-wrapper {
white-space: nowrap;
position: relative;
}
.review-star .review-result-wrapper {
display: inline-block;
}
.review-star .review-result-wrapper img.wp-review-image {
max-width: 20px;
max-height: 20px;
display: inline-block;
opacity: 0.6;
}
.wp-review-usercomment-rating-star .review-result-wrapper img {
opacity: 0.6;
}
.wp-review-usercomment-rating-star .review-result-wrapper .review-result img {
opacity: 1;
}
.review-star .wpr-count {
margin-left: 3px;
vertical-align: top;
}
.review-result-wrapper i, .review-result-wrapper img.wp-review-image {
font-style: normal;
font-size: 16px;
padding: 0;
line-height: inherit;
}
.reviewed-item {
display: inline-block;
padding: 10px 15px;
border-bottom: 1px solid #e7e7e7;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.reviewed-item .review-links {
border: 0;
background: transparent !important;
}
.reviewed-item .review-links li {
margin: 0;
}
.reviewed-item .reviewed-item-data img {
vertical-align: top;
}
.reviewed-item-image {
float: right;
max-width: 40%;
margin-left: 15px;
}
.rtl .reviewed-item-image {
float: left;
margin-left: 0;
margin-right: 15px;
}
.reviewed-item-data-label {
display: inline-block;
}
.reviewed-item-data p:last-of-type {
margin-bottom: 0;
}
.review-result {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
}
.rtl .review-result {
left: auto;
right: 0;
}
.review-total-wrapper {
float: right;
padding-right: 0;
clear: both;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 15px 20px 15px;
}
.rtl .review-total-wrapper {
float: left;
}
.review-total-wrapper span.review-total-box {
border: 0;
display: block;
font-size: 40px;
font-weight: 700;
text-align: right;
margin: 0;
padding: 35px 0 20px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.circle-point span.review-total-box {
height: 180px;
}
.review-total-wrapper span.review-total-box small {
font-size: 12px;
display: block;
}
.percentage-icon {
font-size: 22px;
position: relative;
top: -14px;
}
.review-total-star {
position: relative;
margin-top: 5px;
margin: 0 auto;
float: right;
}
.review-star.review-total {
position: relative;
}
.wp-review-loading-msg, .wp-review-loading .review-result-wrapper {
display: none;
}
.wp-review-loading .wp-review-loading-msg {
display: block;
}
.review-total {
z-index: 99;
}
.rtl .review-total {
left: auto;
right: 0;
}
.review-star, .wp-review-user-feature-rating-star {
position: relative;
margin-top: 5px;
margin: 0 auto;
display: inline-block;
}
.postbox .review-star {
position: relative;
right: auto;
top: auto;
}
.review-list .review-star,
.user-review-area .review-star,
.wp-review-point-type .review-total-circle .review-star,
.wp-review-percentage-type .review-total-circle .review-star,
.review-list .wp-review-user-feature-rating-star {
float: right;
text-align: right;
}
.wpr-login-required-message {
font-size: 80%;
}
.rtl .review-list .review-star,
.rtl .user-review-area .review-star,
.rtl .review-total-circle .review-star,
.rtl .wp-review-point-type .review-total-circle .review-star,
.rtl .wp-review-percentage-type .review-total-circle .review-star {
float: left;
margin-right: 10px;
margin-left: 0;
} .circle-point .review-list li {
padding: 14px 15px;
}
.review-point .review-result-wrapper, .review-percentage .review-result-wrapper {
background: rgba(0, 0, 0, 0.1);
width: 100%;
height: 22px;
}
.review-point .review-result-wrapper {
background-color: rgba(0, 0, 0, 0.1);
}
.wp-review-point-type .review-result, .wp-review-percentage-type .review-result, .review-total-point .review-result {
position: absolute;
top: 0px;
left: 0px;
height: 22px;
}
.rtl .wp-review-point-type .review-result, .rtl .wp-review-percentage-type .review-result, .rtl .review-total-point .review-result {
left: auto;
right: 0px;
}
.review-total-star.allowed-to-rate .review-result-wrapper {
background: none;
}
.wp-review-point-type .review-total-point .review-result-wrapper {
background: none;
}
.review-total-percentage.allowed-to-rate.has-not-rated-yet, .review-total-point.allowed-to-rate.has-not-rated-yet {
float: none;
cursor: pointer;
}
.review-percentage .review-result-wrapper, .review-point .review-result-wrapper {
position: relative;
width: 100%;
}
.review-percentage .review-result, .review-point .review-result {
background: currentColor;
height: 22px;
}
.wp-review-comment-rating.wp-review-comment-rating-point .review-result-wrapper, .wp-review-user-rating.wp-review-user-rating-point .review-result-wrapper, .wp-review-comment-rating.wp-review-comment-rating-percentage .review-result-wrapper, .wp-review-user-rating.wp-review-user-rating-percentage .review-result-wrapper {
cursor: pointer;
}
.wp-review-user-rating.wp-review-user-rating-point.has-rated .review-result-wrapper, .wp-review-user-rating.wp-review-user-rating-percentage.has-rated .review-result-wrapper {
cursor: default;
}
.wp-review-comment-rating.wp-review-comment-rating-point .review-result-wrapper:hover .review-result, .wp-review-user-rating.wp-review-user-rating-point .review-result-wrapper:hover .review-result, .wp-review-comment-rating.wp-review-comment-rating-percentage .review-result-wrapper:hover .review-result, .wp-review-user-rating.wp-review-user-rating-percentage .review-result-wrapper:hover .review-result {
display: block;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.review-point, .review-percentage {
position: relative;
clear: both;
}
.wp-review-your-rating {
position: absolute;
top: 102%;
left: 45%;
margin-left: -20px;
font-size: 12px;
line-height: 18px;
background: #f0f0f0;
color: #fff;
pointer-events: none;
z-index: 999;
display: none;
white-space: nowrap;
padding: 2px 4px;
}
.rtl .wp-review-your-rating {
left: auto;
right: 45%;
}
.column-wp_review_rating .wp-review-circle-rating {
-webkit-box-shadow: none;
box-shadow: none;
}
.review-point:hover .wp-review-your-rating,
.review-percentage:hover .wp-review-your-rating {
display: block;
}
.review-result-text {
position: absolute;
left: 4px;
top: 0px;
font-size: 16px;
line-height: 22px;
display: none;
}
.rtl .review-result-text {
left: auto;
right: 4px;
}
.wp-review-usercomment-rating .review-result-text, .wp-admin .review-result-text {
display: block;
} .review-total-circle.allowed-to-rate.has-not-rated-yet .review-result-wrapper {
cursor: pointer;
}
.wp-review-user-rating-circle .review-result-wrapper {
text-align: right;
}
.wp-review-user-rating.wp-review-user-rating-circle.wp-review-input-set {
float: right;
}
.wp-review-circle-type .user-total-wrapper {
overflow: hidden;
margin-top: 3px;
}
.review-wrapper .wp-review-circle-rating {
padding: 0;
width: auto;
display: inline;
}
.user-review-area .review-circle {
float: right;
height: 32px;
}
.review-list .review-circle {
float: right;
margin-top: -4px;
}
.wp-review-circle-type .review-total-wrapper > .review-total-box {
display: none;
}
.review-circle.review-total {
height: 100px;
width: 100px;
} .entry-content .review-wrapper h1, .entry-content .review-wrapper h2, .entry-content .review-wrapper h3, .entry-content .review-wrapper h4, .entry-content .review-wrapper h5, .entry-content .review-wrapper h6 {
margin: 0;
}
.entry-content .review-summary-title, #content .review-summary-title, .entry-content .reviewed-item p, #content .reviewed-item p {
margin-bottom: 5px;
}
#content .review-desc p:last-child {
margin-bottom: 0;
}
#review .review-desc ul {
margin: 0;
margin-left: 20px;
padding-left: 0;
} .review-total-only {
padding: 3px 8px;
background: #fff;
display: inline-block;
border-radius: 3px;
}
.review-total-only .percentage-icon {
font-size: inherit;
top: 0;
}
.review-total-only .review-type-star {
font-size: 12px;
padding: 3px 6px;
}
.review-total-only .review-total-star {
font-size: 12px;
margin: 0;
}
.review-result-wrapper .review-result i, .review-result-wrapper .review-result img.wp-review-image {
opacity: 1;
filter: alpha(opacity=100);
}
.wp-review-box-float-left {
margin-right: 20px;
}
.wp-review-box-float-right {
margin-left: 20px;
} .wpr-user-features-rating {
clear: both;
}
.wpr-user-features-rating .user-review-title {
padding: 10px 15px;
margin: 0;
font-weight: bold;
}
.wpr-user-features-rating .user-total-wrapper {
margin: 0;
display: inline-block;
}
.wpr-user-features-rating .wp-review-user-feature-rating-circle + span {
display: inline-block;
margin-top: 10px;
}
.wpr-user-features-rating .wp-review-user-feature-rating-circle .review-result-wrapper {
height: 50px;
}
.user-review-area {
border-top: 1px solid #e7e7e7;
padding: 10px 15px;
position: relative;
clear: both;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.user-review-area .wp-review-user-rating-star {
float: right;
}
.wp-review-user-rating .review-star .review-result-wrapper:hover span img {
opacity: 1;
}
.wp-review-user-rating .review-star .review-result-wrapper:hover span:hover ~ span img {
opacity: 0.6;
}
.review-total-star.allowed-to-rate {
float: right;
margin: 0;
}
.user-review-title {
margin: 15px 15px 10px;
padding: 0;
font-family: inherit;
}
.user-total-wrapper .user-review-title {
font-weight: bold;
margin: 0;
display: inline-block;
}
.wp-review-user-rating .review-result-wrapper span {
cursor: pointer;
padding: 0 0 0 4px;
}
.wp-review-user-rating .review-result-wrapper span img.wp-review-image {
opacity: 0.6;
}
.wp-review-user-rating .review-result-wrapper span:hover i, .wp-review-user-rating .review-result-wrapper span:hover img.wp-review-image,
.wp-review-user-rating .review-result-wrapper span.active i,
.wp-review-user-rating .review-result-wrapper span.active img.wp-review-image {
opacity: 1 !important;
}
.wp-review-user-rating .review-result-wrapper .review-result i, .wp-review-user-rating .review-result-wrapper .review-result img.wp-review-image {
padding-left: 4px;
}
.wp-review-user-rating.has-rated .review-result-wrapper:hover .review-result {
display: block;
}
.wp-review-user-rating .review-result-wrapper:hover .review-result, .wp-review-user-rating.wp-review-loading .review-result-wrapper, .wp-review-user-rating.wp-review-loading .wp-review-your-rating {
display: none;
}
.wp-review-user-rating .review-list li {
border-top: 1px solid;
}
.wpr-rating-accept-btn {
width: 100%;
float: right;
border-radius: 0;
padding: 14px;
border: 0;
color: #fff;
font-size: inherit;
cursor: pointer;
}
.wpr-rating-accept-btn[disabled] {
cursor: not-allowed;
}
.wp-review-rating-input.review-point .review-result-wrapper,
.wp-review-rating-input.review-percentage .review-result-wrapper,
.wp-review-rating-input.review-circle canvas {
cursor: pointer;
} .wp-review-comment-form-rating {
margin-bottom: 15px;
}
.wp-review-comment-form-rating .review-list li {
padding: 10px;
background: #f9f9f9;
}
.wp-review-comment-form-rating .user-review-title {
margin: 0;
margin-bottom: 10px;
}
.wp-review-comment-form-rating .features-rating-list {
margin: 0;
padding: 0;
}
.wp-review-comment-field {
margin-bottom: 10px;
}
.review-total-star-comments {
position: relative;
display: inline-block;
}
.wp-review-comment-title {
font-size: 18px;
}
.comment-text-inner {
clear: both;
}
.comment .review-list li {
margin-bottom: 0;
}
.wp-review-comment-rating .review-result-wrapper span {
cursor: pointer;
padding-left: 4px;
}
.wp-review-comment-rating .review-result-wrapper span i, .wp-review-comment-rating .review-result-wrapper span img.wp-review-image {
opacity: 0.6;
}
.wp-review-comment-rating .review-result-wrapper span:hover i,
.wp-review-comment-rating .review-result-wrapper span.active i,
.wp-review-comment-rating .review-result-wrapper span:hover img.wp-review-image,
.wp-review-comment-rating .review-result-wrapper span.active img.wp-review-image {
opacity: 1 !important;
color: #FFB300;
}
.wp-review-comment-rating .review-result-wrapper span:hover ~ span i {
opacity: 1;
color: currentColor;
}
.wp-review-comment-rating .review-result-wrapper:hover .review-result {
display: none;
}
.wp-review-comment-rating .review-result-wrapper .review-result {
letter-spacing: -1.9px;
}
.wp-review-comment-rating .review-result-wrapper .review-result i, .wp-review-comment-rating .review-result-wrapper .review-result img.wp-review-image {
padding-left: 4px;
}
.wp-review-comment-rating .review-result-wrapper:hover span img {
opacity: 1;
}
.wp-review-comment-rating .review-result-wrapper:hover span:hover ~ span img {
opacity: 0.6;
}
.wpr-comment-features-rating .wp-review-user-feature-rating-circle {
height: 50px;
}
.wpr-comment-features-rating .review-list .review-circle {
margin-top: 0;
height: 50px;
}
.wpr-comment-features-rating li .wp-review-user-feature-rating-circle + span {
margin-top: 14px;
display: inline-block;
}
.rtl .wp-review-comment-rating .review-result-wrapper span i {
float: right;
}
.wp-review-feedback {
margin-top: 10px;
}
.wp-review-feedback .review-btn {
display: inline-block;
text-decoration: none;
background: #eee;
padding: 3px 9px;
color: #333;
border-radius: 4px;
font-size: 14px;
}
.wp-review-feedback .review-btn.voted, .wp-review-feedback .review-btn.voted ~ a {
cursor: default;
}
.wp-review-feedback .review-btn:hover, .wp-review-feedback .review-btn.voted {
text-decoration: none;
background: #81C784;
color: #fff !important;
}
.wp-review-feedback .review-btn:nth-child(2) {
margin-left: 5px;
}
.rtl .wp-review-feedback .review-btn:nth-child(2) {
margin-left: auto;
margin-right: 5px;
}
.wp-review-feedback .review-btn:nth-child(2):hover, .wp-review-feedback .review-btn.voted:nth-child(2) {
text-decoration: none;
background-color: #E57373;
color: #fff !important;
}
.wp-review-comment-form-title {
clear: both;
margin-bottom: 15px;
}
.wp-review-comment-form-author label, .wp-review-comment-form-email label, .wp-review-comment-form-url label {
padding-left: 0 !important;
margin-left: 0 !important;
}
.wp-review-comment-rating-circle-wrapper .review-comment-field-msg {
vertical-align: middle;
margin-right: 0;
}
.wp-review-comment-rating-circle-wrapper .wp-review-comment-field-inner {
display: inline-block;
vertical-align: middle;
}
.wp-review-comment-rating .review-result-wrapper a {
text-decoration: none;
border: none;
}
.wp-review-comment-rating-star .review-total-star {
float: none;
}
.wp-review-comment-rating-circle-wrapper .wp-review-comment-field-inner, .wp-review-comment-rating-star-wrapper .wp-review-comment-field-inner {
display: inline-block;
}
.wp-review-comment-form .wp-review-comment-field-inner {
display: block;
}
.wp-review-comment-form .user-review-title {
margin: 0 0 10px;
}
.wp-review-comment-form .wpr-comment-features-rating > ul {
margin: 0;
}
#comments .wp-review-comment-qualifier, #comments .wp-review-usercomment-image {
margin-bottom: 15px;
}
#comments .wp-review-usercomment-image img {
float: left !important;
max-width: 100%;
}
.wp-review-usercomment-rating, #comments .wp-review-usercomment-rating {
margin-bottom: 15px;
}
.wp-review-usercomment-rating ul, .wp-review-usercomment-rating ol, #comments .wp-review-usercomment-rating ul, #comments .wp-review-usercomment-rating ol {
margin: 0;
margin-bottom: 10px;
padding-left: 0;
list-style-type: none;
}
.wp-review-usercomment-rating li, #comments .wp-review-usercomment-rating li {
display: block;
margin-bottom: 15px;
}
.wp-review-usercomment-rating .review-star, #comments .wp-review-usercomment-rating .review-star {
position: relative;
top: 0;
right: 0;
display: inline-block;
}
.wp-review-comment-rating-star {
display: inline-block;
}
form.wp-review-comment-form input, #commentform.wp-review-comment-form input, #commentform.wp-review-comment-form select {
width: 100%;
max-width: 100%;
height: 44px;
font-size: 16px;
padding-left: 2.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rtl form.wp-review-comment-form input, .rtl #commentform.wp-review-comment-form input {
padding-left: auto;
padding-right: 2.5%;
}
form.wp-review-comment-form textarea, #commentform.wp-review-comment-form textarea {
width: 100%;
background: rgba(0, 0, 0, 0.035);
border: 1px solid rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.31);
max-width: 100%;
font-size: 16px;
padding-left: 2.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rtl form.wp-review-comment-form textarea, .rtl #commentform.wp-review-comment-form textarea {
padding-left: auto;
padding-right: 2.5%;
}
form.wp-review-comment-form > div, #commentform.wp-review-comment-form > div {
width: 100%;
margin-bottom: 10px;
float: left;
}
.rtl form.wp-review-comment-form > div, .rtl #commentform.wp-review-comment-form > div {
float: right;
} .wp-review-thumbnail-wrapper {
position: relative;
}
.wp-review-on-thumbnail {
position: absolute;
top: 0;
right: 0;
background: #fff;
padding: 2px 4px;
}
.wp-review-on-thumbnail.review-type-star .review-total-star {
margin: 0;
}
.review-type-circle.latestPost-review-wrapper, .review-type-circle.wp-review-on-thumbnail {
height: 44px;
}
.latestPost-review-wrapper .wp-review-circle-rating, .wp-review-on-thumbnail .wp-review-circle-rating {
font-size: 11px !important;
}
.review-type-circle.review-total-only, .review-type-circle.wp-review-show-total {
padding-top: 6px;
height: 32px;
}
.latestPost-review-wrapper {
padding: 2px 8px;
background: #444;
color: #fff;
}
.review-type-star.latestPost-review-wrapper .review-result-wrapper {
color: #fff !important;
}
.review-type-star.latestPost-review-wrapper .review-result-wrapper i, .review-type-star.latestPost-review-wrapper .review-result-wrapper img.wp-review-image {
opacity: 0.6;
}
.review-type-star.latestPost-review-wrapper .review-result-wrapper .review-result {
color: #fff !important;
}
.review-type-star.latestPost-review-wrapper .review-result-wrapper .review-result i, .review-type-star.latestPost-review-wrapper .review-result-wrapper .review-result img.wp-review-image {
opacity: 1;
}
.widget .wp-review-show-total .review-star, .widget .wp-review-user-rating .review-star {
position: relative;
top: auto;
right: auto;
} .animate-spin {
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
display: inline-block;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}  @media screen and (max-width: 600px) {
#review.review-wrapper .user-review-area .review-percentage, #review.review-wrapper .user-review-area .review-point {
width: 100% !important;
max-width: 100%;
margin-bottom: 10px;
}
.user-review-area .user-total-wrapper {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 480px) {
.review-total-wrapper {
text-align: right;
}
.user-review-area .user-total-wrapper {
max-width: 60%;
line-height: 1.2;
}
.user-review-area .user-total-wrapper .user-review-title {
margin-top: 0 !important;
}
.review-price {
float: none;
}
.review-wrapper .review-title {
font-size: 16px;
}
.review-total-wrapper span.review-total-box {
padding: 10px 0 20px;
text-align: right;
padding-left: 10px;
}
.reviewed-item-image {
max-width: 100%;
width: 100%;
margin: 0 0 10px 0;
float: left;
}
.rtl .review-total-wrapper span.review-total-box {
padding: 10px 0 20px;
text-align: right;
padding-left: 0;
padding-right: 10px;
}
.review-total-star.allowed-to-rate {
position: relative;
right: auto;
left: 0;
float: left;
}
.rtl .review-total-star.allowed-to-rate {
right: 0;
left: auto;
float: right;
}
.review-pros-cons .review-pros, .review-pros-cons .review-cons {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
.review-pros-cons .review-pros p:last-child, .review-pros-cons .review-cons p:last-child {
margin-bottom: 0;
}
.review-pros-cons .review-pros {
padding-bottom: 20px;
}
}
.rtl .review-total-box {
unicode-bidi: -moz-isolate-override;
unicode-bidi: isolate-override;
}
.rtl .wp-review-user-rating-total {
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
}
.rtl .wp-review-user-rating-total + small {
unicode-bidi: -moz-plaintext;
unicode-bidi: plaintext;
}
.rtl .review-links li a {
margin: 0 0 0 10px;
} .wp-reviews-list {
position: relative;
border: 1px solid #e4e4e4;
background-color: #fff; }
.wp-reviews-list * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wp-reviews-list ul {
list-style-type: none;
}
.wp-reviews-list .item {
padding: 10px 15px;
border-bottom: 1px solid #e4e4e4;
border-top: 0;
position: relative;
list-style-type: none;
margin: 0;
}
.wp-reviews-list .item:last-child {
border: none;
}
.wp-reviews-list img {
max-width: 100%;
height: auto;
}
.wp-reviews-list a {
color: #444;
}
.wp-reviews-list .thumb_small {
float: left;
margin-right: 12px;
padding-top: 2px;
width: 65px;
height: 65px;
overflow: hidden;
}
.wp-reviews-list .thumb_large {
float: none;
max-width: 100%;
display: inline-block;
margin-bottom: 4px;
position: relative;
}
.wp-reviews-list .entry-title {
font-weight: 700;
margin: 0;
padding: 0;
overflow: hidden;
}
.wp-reviews-list .entry-title span {
font-weight: normal;
}
.wp-reviews-list .entry-title a {
display: block;
}
.wp-reviews-list .postmeta {
color: #999;
font-size: 13px;
margin-top: 5px;
font-weight: normal;
float: right;
}
.wp-reviews-list .review-count {
float: left;
}
.wp-reviews-list .review-total-only {
display: inline-block;
font-weight: normal;
background: #eee;
}
.wp-reviews-list .wp-post-image {
margin: 0 !important;
}
.wp-reviews-list .loading {
min-height: 120px;
}
.wp-reviews-list .loading:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
z-index: 11;
}
.wp-reviews-list .loading:after {
content: "";
margin: 0 auto 3em auto;
font-size: 10px;
position: absolute;
top: 45%;
left: 49%;
z-index: 12;
text-indent: -9999em;
border-top: 0.4em solid rgba(0, 0, 0, 0.2);
border-right: 0.4em solid rgba(0, 0, 0, 0.2);
border-bottom: 0.4em solid rgba(0, 0, 0, 0.2);
border-left: 0.4em solid #000;
-webkit-animation: load8 0.5s infinite linear;
animation: load8 0.5s infinite linear;
border-radius: 50%;
width: 2em;
height: 2em;
}
.wp-reviews-list .reviews-pagination {
padding-bottom: 15px;
}
.wp-reviews-list .reviews-pagination a {
margin: 0 15px;
}
.wp-reviews-list .reviews-pagination .next {
float: right;
}
[data-ui-tabs] .ui-tabs-nav {
list-style: none;
padding: 0 30px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 10px 0;
}
[data-ui-tabs] .ui-tabs-nav li {
float: left;
margin: 0;
list-style-type: none;
}
[data-ui-tabs] .ui-tabs-nav a {
-webkit-box-shadow: none;
box-shadow: none;
padding: 8px 15px;
background-color: rgba(0, 0, 0, 0.15);
outline: 0;
float: left;
border: 0;
color: inherit;
}
[data-ui-tabs] .ui-tabs-nav .ui-state-active a {
background-color: rgba(255, 255, 255, 0.45);
}
[data-wp-review-tabs] .tab-titles {
list-style: none;
padding: 0 30px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 10px 0;
}
[data-wp-review-tabs] .tab-title {
float: left;
margin: 0;
list-style-type: none;
}
[data-wp-review-tabs] .tab-title button {
-webkit-box-shadow: none;
box-shadow: none;
padding: 8px 15px;
background-color: rgba(0, 0, 0, 0.15);
outline: 0;
float: left;
border: 0;
color: inherit;
cursor: pointer;
font-size: inherit;
}
[data-wp-review-tabs] .tab-title.active a {
background-color: rgba(255, 255, 255, 0.45);
}
.wp_review_tab_widget_content {
position: relative;
border: 1px solid #E4E4E4;
}
.wp_review_tab_widget_content img {
max-width: 100%;
height: auto;
}
.wp_review_tab_widget_content a {
color: #444;
}
.wp_review_tab_widget_content ul.wp-review-tabs li {
list-style: none;
display: block;
width: 50%;
float: left;
text-align: center;
margin: 0 !important;
padding: 0 !important;
border: 0;
}
.wp_review_tab_widget_content ul.has-1-tabs li {
width: 100%;
float: none;
margin: 0 auto;
}
.wp_review_tab_widget_content ul.has-3-tabs li {
width: 33.33%;
}
.wp_review_tab_widget_content ul.has-4-tabs li {
width: 50%;
}
.wp_review_tab_widget_content .tab_title a {
display: block;
background: #f0f0f0;
border-left: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
padding: 2px 0 4px;
line-height: 2.4;
text-decoration: none;
position: relative;
font-weight: bold;
}
.wp_review_tab_widget_content .tab_title:first-child a {
margin-left: 0;
border-left: 0;
}
.wp_review_tab_widget_content .tab_title.selected a {
background: #fff;
border-bottom: 1px solid #fff;
}
.wp_review_tab_widget_content .inside {
background: #fff;
}
.wp_review_tab_widget_content .tab-content li, .widget .wp_review_tab_widget_content .tab-content li {
list-style-type: none;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 10px 15px 15px;
border-bottom: 1px solid #E4E4E4;
text-align: left;
color: #444;
background: none;
position: relative;
}
.wp_review_tab_widget_content .tab-content li:last-child {
border: none;
margin-bottom: 0;
}
.wp_review_tab_thumb_small {
float: left;
margin-right: 12px;
padding-top: 4px;
width: 65px;
height: 65px;
overflow: hidden;
}
.wp_review_tab_thumb_large {
float: none;
max-width: 100%;
display: inline-block;
margin-bottom: 4px;
position: relative;
}
.wp_review_tab_widget_content .entry-title {
font-size: inherit;
font-weight: bold;
margin: 0;
padding: 0;
}
.wp_review_tab_widget_content .entry-title span {
color: #999;
}
.wp_review_tab_widget_content .wp-review-tab-postmeta {
color: #999;
font-size: 13px;
float: right;
margin-top: 5px;
}
.wp_review_tab_widget_content .wp-post-image {
margin: 0 !important;
} .wp_review_tab_widget_content .wp-review-tab-pagination {
margin: 0;
width: 100%;
padding-top: 0;
padding-bottom: 15px;
float: left;
}
.wp_review_tab_widget_content .wp-review-tab-pagination a {
margin: 0 15px;
}
.wp-review-tab-pagination a.next {
float: right;
} .wp-review-tab-loading {
min-height: 120px;
}
.wp-review-tab-loading:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
z-index: 11;
}
.clear {
clear: both;
}
.wp-review-tab-loading:after {
content: "";
margin: 0 auto 3em auto;
font-size: 10px;
position: absolute;
top: 45%;
left: 49%;
z-index: 12;
text-indent: -9999em;
border-top: 0.4em solid rgba(0, 0, 0, 0.2);
border-right: 0.4em solid rgba(0, 0, 0, 0.2);
border-bottom: 0.4em solid rgba(0, 0, 0, 0.2);
border-left: 0.4em solid #000;
-webkit-animation: load8 0.5s infinite linear;
animation: load8 0.5s infinite linear;
border-radius: 50%;
width: 2em;
height: 2em;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .review-total-only.small-thumb {
font-size: 13px;
font-weight: bold;
padding: 1px 0;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 3px;
}
.review-total-only.large-thumb {
position: absolute;
top: 10px;
right: 15px;
border-radius: 0;
}
.wp_review_tab_widget_content .has-4-tabs .tab_title.selected a {
border-bottom: 1px solid #E4E4E4;
}
.wp_review_tab_widget_content .has-4-tabs .tab_title:nth-child(3) a {
border-left: 0;
}
.title-right {
overflow: hidden;
} .wp-review-product-rating {
margin-bottom: 10px;
}
.wp-review-comment-form-photo {
margin-bottom: 15px;
float: left;
width: 100%;
clear: both;
margin-right: 0;
margin-left: 0;
}
.wp-review-comment-form-photo p {
margin-bottom: 0;
}
.wp-review-comment-form-photo {
position: relative;
}
.wp-review-comment-form-photo a {
position: absolute;
top: 0;
right: 0;
}
.wp-review-comment-form-photo #wp_review_comment_attachment_url {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wp-review-comment-form-photo input {
margin-top: 8px;
}
.wp-review-comment-form-photo input.input-file {
padding-left: 0;
}
.wp-review-comment-form-photo .hide {
display: none;
}
#comments .wp-review-usercomment-image {
display: block;
float: left;
width: 100%;
}
.wp_review_comments_template #comments .is_verified {
color: #b75c21;
font-weight: bold;
}
#commentform.wp-review-comment-form .comment-form-cookies-consent input {
width: auto;
height: auto;
}
#commentform.wp-review-comment-form .comment-form-cookies-consent label {
margin-left: 8px;
}
body.rtl .review-wrapper .review-star .wpr-count {
margin-left: 0;
margin-right: 3px;
}
body.rtl .review-wrapper .review-total-wrapper span.review-total-box {
text-align: left;
}
body.rtl .review-wrapper .review-pros-cons .review-pros {
padding-right: 0;
padding-left: 10px;
}
body.rtl .review-wrapper .review-pros-cons .review-cons {
padding-left: 0;
padding-right: 10px;
}
body.rtl .review-wrapper .user-review-area .wp-review-user-rating-star {
float: left;
}
body.rtl .wp-review-comment-form-photo a {
right: auto;
left: 0;
}
body.rtl .review-pros-cons .review-pros {
padding-right: 0;
padding-left: 10px;
}
body.rtl .review-pros-cons .review-cons {
padding-right: 10px;
padding-left: 0;
}
body.rtl #comments .wp-review-usercomment-image img {
float: right !important;
}
body.rtl .wpr-businesses .business-data {
padding-right: 10px;
padding-left: 5px;
}
body.rtl .wp-reviews-list .thumb_small {
float: right;
margin-right: 0;
margin-left: 12px;
}
body.rtl .wp-reviews-list .review-count {
float: right;
}
body.rtl .wp-reviews-list .postmeta {
float: left;
}
body.rtl .wp-reviews-list .reviews-pagination .next {
float: left;
}
body.rtl .review-total-only.large-thumb {
right: auto;
left: 15px;
}
body.rtl .wpr-place-reviews .review-image {
float: right;
margin-right: 0;
margin-left: 10px;
} @font-face {
font-family: "font-icons";
src: url(//www.ecocarguide.com.au/wp-content/plugins/wp-review-patched/public/fonts/font-icons.eot);
src: url(//www.ecocarguide.com.au/wp-content/plugins/wp-review-patched/public/fonts/font-icons.eot) format("embedded-opentype"), url(//www.ecocarguide.com.au/wp-content/plugins/wp-review-patched/public/fonts/font-icons.woff) format("woff"), url(//www.ecocarguide.com.au/wp-content/plugins/wp-review-patched/public/fonts/font-icons.ttf) format("truetype"), url(//www.ecocarguide.com.au/wp-content/plugins/wp-review-patched/public/fonts/font-icons.svg) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=mts-icon-]:before, [class*=" mts-icon-"]:before {
font-family: "font-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
}
[class*=mts-icon-loader]:before {
font-family: "font-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
}
.mts-icon-star:before {
content: "";
}
.mts-icon-loader:before {
content: "";
} .wp-review-comment-pros-cons {
margin-top: 12px;
border-top: 1px solid #e5e5e5;
padding-top: 10px;
overflow: hidden;
}
.wp-review-comment-pros,
.wp-review-comment-cons {
width: 48%;
float: left;
margin-bottom: 8px;
padding: 8px 10px;
border-radius: 3px;
box-sizing: border-box;
}
.wp-review-comment-pros {
background: #f0faf0;
border-left: 3px solid #5cb85c;
margin-right: 2%;
}
.wp-review-comment-cons {
background: #fdf5f5;
border-left: 3px solid #d9534f;
}
.wp-review-comment-pros strong,
.wp-review-comment-cons strong {
display: block;
margin-bottom: 4px;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.wp-review-comment-pros strong { color: #3c763d; }
.wp-review-comment-cons strong { color: #a94442; }
.wp-review-comment-pros p,
.wp-review-comment-cons p {
margin: 0;
font-size: 0.9em;
line-height: 1.5;
} @media (max-width: 480px) {
.wp-review-comment-pros,
.wp-review-comment-cons {
width: 100%;
float: none;
margin-right: 0;
}
} .comment-form-pros label,
.comment-form-cons label {
display: block;
margin-bottom: 4px;
font-weight: 600;
}
.comment-form-pros textarea,
.comment-form-cons textarea {
width: 100%;
box-sizing: border-box;
} .wp-review-comment-feedback {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid #eee;
font-size: 0.85em;
}
.wp-review-feedback-label {
margin-right: 6px;
color: #666;
}
.wp-review-feedback-btn {
background: none;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px 10px;
cursor: pointer;
margin-right: 4px;
font-size: 0.9em;
}
.wp-review-feedback-btn:hover {
background: #f5f5f5;
}
.wp-review-comment-feedback.wp-review-voted .wp-review-feedback-btn {
opacity: 0.7;
cursor: default;
} .wp-review-embed-code {
margin-top: 12px;
padding: 10px;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 3px;
}
.wp-review-embed-code label {
display: block;
font-size: 0.85em;
margin-bottom: 4px;
color: #555;
}
.wp-review-embed-code textarea {
width: 100%;
box-sizing: border-box;
font-size: 0.8em;
resize: none;
} .review-pros-cons {
display: flex;
gap: 16px;
margin: 12px 0;
flex-wrap: wrap;
}
.review-pros,
.review-cons {
flex: 1 1 45%;
padding: 10px 14px;
border-radius: 4px;
box-sizing: border-box;
}
.review-pros {
border-left: 4px solid #3c763d;
background: #f2f9f2;
}
.review-cons {
border-left: 4px solid #a94442;
background: #fdf2f2;
}
.review-pros-cons-title {
margin: 0 0 6px;
font-size: 0.95em;
}
.review-pros .review-pros-cons-title strong { color: #3c763d; }
.review-cons .review-pros-cons-title strong { color: #a94442; }
.review-pros-cons-content { font-size: 0.9em; }
.review-pros-cons-content ul,
.review-pros-cons-content ol {
margin: 0;
padding-left: 18px;
}
@media ( max-width: 600px ) {
.review-pros,
.review-cons { flex: 1 1 100%; }
}