/*
Theme Name: Score Cards - Bahis Inceleme
Theme URI:
Author: Jenesys
Description: Trustpilot tarzi bahis sitesi inceleme temasi. Yatay scroll puan kartlari ile fintech estetigi, CSS Scroll Snap ve IntersectionObserver animasyonlari.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: score-cards
Tags: review, gambling, score-cards, scroll-snap, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--color-bg:#ffffff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-accent:#059669;--color-emerald:#10b981;--color-accent-bg:#ecfdf5;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-text:#111827;--color-body:#374151;--color-muted:#6b7280;--color-white:#ffffff;--font-heading:'General Sans',system-ui,-apple-system,sans-serif;--font-body:'Satoshi',system-ui,-apple-system,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 30px rgba(0,0,0,.10),0 4px 8px rgba(0,0,0,.05);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--nav-height:60px;--sticky-height:48px;--content-width:800px;--wide-width:1140px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6;color:var(--color-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--sticky-height)}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-emerald)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);line-height:1.3}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-grid{display:grid}.u-block{display:block}.u-hidden{display:none}.u-flex-col{flex-direction:column}.u-flex-wrap{flex-wrap:wrap}.u-items-center{align-items:center}.u-items-start{align-items:flex-start}.u-items-end{align-items:flex-end}.u-justify-center{justify-content:center}.u-justify-between{justify-content:space-between}.u-justify-end{justify-content:flex-end}.u-flex-1{flex:1}.u-flex-shrink-0{flex-shrink:0}.u-gap-1{gap:var(--space-1)}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-gap-5{gap:var(--space-5)}.u-gap-6{gap:var(--space-6)}.u-gap-8{gap:var(--space-8)}.u-p-2{padding:var(--space-2)}.u-p-3{padding:var(--space-3)}.u-p-4{padding:var(--space-4)}.u-p-5{padding:var(--space-5)}.u-p-6{padding:var(--space-6)}.u-p-8{padding:var(--space-8)}.u-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.u-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.u-px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.u-py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.u-py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.u-py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.u-py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.u-py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.u-mt-2{margin-top:var(--space-2)}.u-mt-4{margin-top:var(--space-4)}.u-mt-6{margin-top:var(--space-6)}.u-mt-8{margin-top:var(--space-8)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-6{margin-bottom:var(--space-6)}.u-mb-8{margin-bottom:var(--space-8)}.u-mx-auto{margin-left:auto;margin-right:auto}.u-w-full{width:100%}.u-max-w-content{max-width:var(--content-width)}.u-max-w-wide{max-width:var(--wide-width)}.u-text-sm{font-size:13px}.u-text-base{font-size:16px}.u-text-lg{font-size:18px}.u-text-xl{font-size:20px}.u-text-2xl{font-size:24px}.u-fw-400{font-weight:400}.u-fw-500{font-weight:500}.u-fw-600{font-weight:600}.u-fw-700{font-weight:700}.u-font-heading{font-family:var(--font-heading)}.u-font-body{font-family:var(--font-body)}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-text-muted{color:var(--color-muted)}.u-text-accent{color:var(--color-accent)}.u-text-error{color:var(--color-error)}.u-text-warning{color:var(--color-warning)}.u-rounded-sm{border-radius:var(--radius-sm)}.u-rounded-md{border-radius:var(--radius-md)}.u-rounded-lg{border-radius:var(--radius-lg)}.u-rounded-full{border-radius:var(--radius-full)}.u-overflow-hidden{overflow:hidden}.u-relative{position:relative}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container{width:100%;max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-6)}.container--narrow{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6)}.site-nav{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--nav-height)}.site-nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-6);gap:var(--space-6)}.site-nav__logo{font-family:var(--font-heading);font-weight:600;font-size:20px;color:var(--color-accent);text-decoration:none;flex-shrink:0;letter-spacing:-0.3px;display:flex;align-items:center}.site-nav__logo-img{max-height:40px;width:auto;height:auto;object-fit:contain}.site-nav__logo:hover{color:var(--color-accent);opacity:0.85}.site-nav__menu-wrap{flex:1}.site-nav__menu{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.site-nav__menu a{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);transition:all var(--transition-fast)}.site-nav__menu a:hover{background:var(--color-surface);color:var(--color-text)}.site-nav__menu a.active,.site-nav__menu .current-menu-item>a{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.site-nav__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.site-nav__cta{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-white);background:var(--color-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.site-nav__cta:hover{background:var(--color-emerald);color:var(--color-white);transform:translateY(-1px)}.site-nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text)}.breadcrumb{padding:var(--space-3) 0}.breadcrumb__list{display:flex;align-items:center;gap:var(--space-2);list-style:none;flex-wrap:wrap}.breadcrumb__item{font-family:var(--font-body);font-size:13px;color:var(--color-muted)}.breadcrumb__item a{color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__item a:hover{color:var(--color-accent)}.breadcrumb__sep{color:var(--color-border);font-size:11px}.breadcrumb__item--current{color:var(--color-text);font-weight:500}.sc-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0;overflow:hidden}.sc-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-6);max-width:var(--wide-width);margin-left:auto;margin-right:auto}.sc-section__title{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-muted);letter-spacing:0.08em;text-transform:uppercase}.sc-section__hint{font-size:12px;color:var(--color-muted);display:flex;align-items:center;gap:var(--space-1)}.sc-section__hint svg{opacity:0.5}.sc-track{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-2) var(--space-6) var(--space-4);max-width:var(--wide-width);margin:0 auto;cursor:grab}.sc-track:active{cursor:grabbing}.sc-track::-webkit-scrollbar{display:none}.sc-card{flex:0 0 auto;min-width:140px;max-width:160px;scroll-snap-align:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:box-shadow var(--transition-normal),transform var(--transition-normal);position:relative;text-align:center}.sc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sc-card--good{background:var(--color-accent-bg);border-color:#a7f3d0}.sc-card--medium{background:var(--color-warning-bg);border-color:#fcd34d}.sc-card--bad{background:var(--color-error-bg);border-color:#fca5a5}.sc-score{font-family:var(--font-heading);font-weight:700;font-size:32px;line-height:1;letter-spacing:-1px;transition:color var(--transition-fast)}.sc-score--good{color:var(--color-accent)}.sc-score--medium{color:var(--color-warning)}.sc-score--bad{color:var(--color-error)}.sc-score__suffix{font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--color-muted);vertical-align:super;margin-left:1px}.sc-stars{display:flex;gap:2px;font-size:11px}.sc-stars__star--filled{color:var(--color-accent)}.sc-stars__star--half{color:var(--color-emerald);opacity:0.6}.sc-stars__star--empty{color:var(--color-border)}.sc-label{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--color-muted);line-height:1.3;text-align:center}.sc-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:14px;flex-shrink:0}.sc-card--good .sc-icon{background:#d1fae5}.sc-card--medium .sc-icon{background:#fde68a}.sc-card--bad .sc-icon{background:#fee2e2}.sc-dots{display:flex;justify-content:center;gap:var(--space-1);margin-top:var(--space-3);padding:0 var(--space-6);max-width:var(--wide-width);margin-left:auto;margin-right:auto}.sc-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-border);transition:all var(--transition-fast);cursor:pointer;border:none;padding:0}.sc-dot--active{background:var(--color-accent);width:18px}.sib{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.sib__inner{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.sib__logo{width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:contain;background:var(--color-surface);flex-shrink:0;overflow:hidden}.sib__logo-placeholder{width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-accent-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-accent);flex-shrink:0}.sib__info{flex:1;min-width:0}.sib__name{font-family:var(--font-heading);font-weight:600;font-size:20px;color:var(--color-text);margin-bottom:var(--space-1)}.sib__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.sib__badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:12px;font-weight:500;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);padding:3px var(--space-2);border-radius:var(--radius-full)}.sib__badge--verified{background:var(--color-accent-bg);border-color:#a7f3d0;color:var(--color-accent)}.sib__badge--old-url{text-decoration:line-through;opacity:.7}.sib__badge--domain-count{background:#fef3c7;border-color:#fcd34d;color:#92400e;font-weight:600}.sib__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--color-white);background:var(--color-accent);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px rgba(5,150,105,0.25)}.sib__cta:hover{background:var(--color-emerald);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,0.35)}.sib__cta-arrow{font-size:16px}.review-content{padding:var(--space-8) 0}.review-content h2{font-family:var(--font-heading);font-weight:600;font-size:22px;color:var(--color-text);border-left:3px solid var(--color-accent);padding-left:var(--space-4);margin-bottom:var(--space-5);margin-top:var(--space-8);line-height:1.3}.review-content h2:first-child{margin-top:0}.review-content h3{font-family:var(--font-heading);font-weight:600;font-size:18px;color:var(--color-text);margin-bottom:var(--space-3);margin-top:var(--space-6)}.review-content h4{font-family:var(--font-heading);font-weight:500;font-size:16px;color:var(--color-text);margin-bottom:var(--space-2);margin-top:var(--space-4)}.review-content p{font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--color-body);line-height:1.8;margin-bottom:var(--space-4)}.review-content ul,.review-content ol{list-style:initial;padding-left:var(--space-6);margin-bottom:var(--space-4)}.review-content ul{list-style-type:disc}.review-content ol{list-style-type:decimal}.review-content li{font-family:var(--font-body);font-size:15px;color:var(--color-body);line-height:1.7;margin-bottom:var(--space-2)}.review-content strong{font-weight:600;color:var(--color-text)}.review-content em{font-style:italic}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.pros-cons__col{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.pros-cons__col--pros{border-top:3px solid var(--color-accent)}.pros-cons__col--cons{border-top:3px solid var(--color-error)}.pros-cons__title{font-family:var(--font-heading);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.pros-cons__col--pros .pros-cons__title{color:var(--color-accent)}.pros-cons__col--cons .pros-cons__title{color:var(--color-error)}.pros-cons__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.pros-cons__item{font-size:14px;color:var(--color-body);display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.5}.pros-cons__item::before{flex-shrink:0;font-size:12px;margin-top:2px}.pros-cons__col--pros .pros-cons__item::before{content:"✓";color:var(--color-accent);font-weight:700}.pros-cons__col--cons .pros-cons__item::before{content:"✗";color:var(--color-error);font-weight:700}.info-box{background:var(--color-accent-bg);border:1px solid #a7f3d0;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;display:flex;gap:var(--space-3);align-items:flex-start}.info-box__icon{flex-shrink:0;font-size:16px;margin-top:2px}.info-box__text{font-size:14px;line-height:1.6;color:var(--color-body)}.warning-box{background:var(--color-warning-bg);border-color:#fcd34d}.sc-services-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 var(--space-6)}.review-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0 var(--space-8);background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);font-family:var(--font-body);font-size:14px}.review-table thead th{background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-weight:600;font-size:13px;text-align:left;padding:var(--space-3) var(--space-4);letter-spacing:0.03em}.review-table thead th:first-child{border-radius:var(--radius-lg) 0 0 0}.review-table thead th:last-child{border-radius:0 var(--radius-lg) 0 0}.review-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.review-table tbody tr:nth-child(even){background:var(--color-surface)}.review-table tbody tr:hover{background:var(--color-accent-bg)}.review-table tbody tr:last-child{border-bottom:none}.review-table td{padding:var(--space-3) var(--space-4);color:var(--color-body);vertical-align:middle}.review-table td:first-child{font-weight:500;color:var(--color-text)}.review-table--scroll{overflow-x:auto}.faq{margin:var(--space-4) 0 var(--space-8)}.faq__item{border-bottom:1px solid var(--color-border)}.faq__item:last-child{border-bottom:none}.faq__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;cursor:pointer;font-family:var(--font-heading);font-weight:500;font-size:15px;color:var(--color-text);transition:color var(--transition-fast);gap:var(--space-4)}.faq__summary::-webkit-details-marker{display:none}.faq__summary:hover{color:var(--color-accent)}.faq__summary::after{content:"+";font-size:20px;font-weight:400;color:var(--color-muted);flex-shrink:0;transition:transform var(--transition-normal)}details[open] .faq__summary::after{transform:rotate(45deg);color:var(--color-accent)}.faq__body{padding:0 0 var(--space-4);font-family:var(--font-body);font-size:15px;color:var(--color-body);line-height:1.7}.review-accordion{border:1px solid var(--border,#e5e7eb);border-radius:8px;margin-bottom:12px;overflow:hidden;transition:box-shadow 0.2s ease}.review-accordion:hover{box-shadow:0 2px 8px rgba(0,0,0,0.06)}.review-accordion--open{border-color:var(--color-accent,#10b981)}.review-accordion__title{padding:16px 48px 16px 20px;font-size:17px;font-weight:600;font-family:var(--font-heading,sans-serif);background:var(--color-surface,#f9fafb);cursor:pointer;position:relative;user-select:none;transition:background 0.2s ease,color 0.2s ease;color:var(--text-primary,#1f2937)}.review-accordion__title:hover{background:var(--color-accent-bg,#ecfdf5);color:var(--color-accent,#10b981)}.review-accordion__title::after{content:'';position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-50%) rotate(45deg);transition:transform 0.3s ease}.review-accordion--open .review-accordion__title{color:var(--color-accent,#10b981);border-bottom:1px solid var(--border,#e5e7eb)}.review-accordion--open .review-accordion__title::after{transform:translateY(-30%) rotate(-135deg)}.review-accordion__body{padding:20px;line-height:1.75;color:var(--text-secondary,#374151);transition:max-height 0.4s ease,opacity 0.4s ease}.review-accordion__body p{margin-bottom:1em}.review-accordion__body a{color:var(--color-accent,#10b981);text-decoration:underline}.review-accordion__body blockquote{border-left:3px solid var(--color-accent,#10b981);padding:12px 16px;margin:16px 0;background:var(--color-surface,#f9fafb);border-radius:0 6px 6px 0}.review-accordion__body ul,.review-accordion__body ol{padding-left:1.5em;margin-bottom:1em}.review-accordion__body table{width:100%;border-collapse:collapse;margin:16px 0}.review-accordion__body th,.review-accordion__body td{padding:10px 14px;border:1px solid var(--border,#e5e7eb);text-align:left;font-size:14px}.review-accordion__body th{background:var(--color-surface,#f9fafb);font-weight:600}@media (max-width:768px){.review-accordion__title{padding:14px 40px 14px 16px;font-size:15px}.review-accordion__body{padding:16px}}font-size:13px}.review-accordion .review-payment-table th,.review-accordion .review-bonus-table th,.review-accordion .review-payment-table td,.review-accordion .review-bonus-table td{padding:var(--space-2) var(--space-3)}}.related-sites{background:var(--color-surface);padding:var(--space-10) 0;border-top:1px solid var(--color-border)}.related-sites__title{font-family:var(--font-heading);font-weight:600;font-size:20px;color:var(--color-text);margin-bottom:var(--space-6)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.related-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-normal)}.related-card:hover{box-shadow:var(--shadow-md);border-color:#a7f3d0;transform:translateY(-2px)}.related-card__header{display:flex;align-items:center;gap:var(--space-3)}.related-card__logo{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:contain;background:var(--color-surface);flex-shrink:0}.related-card__logo-ph{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--color-accent);flex-shrink:0}.related-card__name{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--color-text)}.related-card__desc{font-size:13px;color:var(--color-muted);line-height:1.5}.related-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.related-card__score-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-heading);font-size:12px;font-weight:600;padding:3px var(--space-2);border-radius:var(--radius-full)}.related-card__score-badge--good{background:var(--color-accent-bg);color:var(--color-accent)}.related-card__score-badge--medium{background:var(--color-warning-bg);color:var(--color-warning)}.related-card__score-badge--bad{background:var(--color-error-bg);color:var(--color-error)}.related-card__arrow{font-size:16px;color:var(--color-muted);transition:transform var(--transition-fast)}.related-card:hover .related-card__arrow{transform:translateX(3px);color:var(--color-accent)}.sponsor-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--color-accent);color:var(--color-white);height:var(--sticky-height);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-4)}.sponsor-bar__text{flex:1;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-white);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sponsor-bar__name{font-family:var(--font-heading);font-weight:600}.sponsor-bar__badge{background:rgba(255,255,255,0.2);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:12px;flex-shrink:0}.sponsor-bar__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--color-accent);background:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0;white-space:nowrap}.sponsor-bar__cta:hover{background:var(--color-accent-bg);color:var(--color-accent);transform:scale(1.02)}.sponsor-bar__close{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;padding:var(--space-1);font-size:16px;flex-shrink:0;transition:color var(--transition-fast);line-height:1}.sponsor-bar__close:hover{color:var(--color-white)}body.sponsor-closed{padding-bottom:0}body.sponsor-closed .sponsor-bar{transform:translateY(100%);transition:transform var(--transition-normal)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-10) 0 var(--space-16)}.site-footer__inner{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);align-items:start}.site-footer__brand .logo{font-family:var(--font-heading);font-weight:600;font-size:18px;color:var(--color-accent);display:block;margin-bottom:var(--space-3)}.site-footer__brand p{font-size:13px;color:var(--color-muted);line-height:1.6;max-width:260px}.site-footer__disclaimer{font-size:11px;color:var(--color-muted);margin-top:var(--space-4);line-height:1.5;opacity:0.8}.site-footer__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.site-footer__nav-col h4{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--space-3)}.site-footer__nav-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.site-footer__nav-col a{font-size:14px;color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.site-footer__nav-col a:hover{color:var(--color-accent)}.site-footer__bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.site-footer__copyright{font-size:13px;color:var(--color-muted)}.site-footer__legal{display:flex;gap:var(--space-4)}.site-footer__legal a{font-size:13px;color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.site-footer__legal a:hover{color:var(--color-accent)}.archive-header{padding:var(--space-8) 0 var(--space-6)}.archive-header__title{font-family:var(--font-heading);font-weight:700;font-size:32px;color:var(--color-text);margin-bottom:var(--space-3)}.archive-header__desc{font-size:16px;color:var(--color-muted);max-width:600px}.archive-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-4) 0 var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.archive-filter-btn{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.archive-filter-btn:hover,.archive-filter-btn--active{background:var(--color-accent-bg);border-color:#a7f3d0;color:var(--color-accent)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);padding:var(--space-4) 0 var(--space-10)}.archive-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all var(--transition-normal)}.archive-card:hover{box-shadow:var(--shadow-lg);border-color:#a7f3d0;transform:translateY(-3px)}.archive-card__img{width:100%;aspect-ratio:16/8;object-fit:cover;background:var(--color-surface)}.archive-card__img-ph{width:100%;aspect-ratio:16/8;background:linear-gradient(135deg,var(--color-accent-bg) 0%,#d1fae5 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--color-accent)}.archive-card__body{padding:var(--space-5);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.archive-card__header{display:flex;align-items:center;gap:var(--space-3)}.archive-card__logo{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);object-fit:contain;flex-shrink:0}.archive-card__name{font-family:var(--font-heading);font-weight:600;font-size:16px;color:var(--color-text);margin:0;padding:0;border:none;line-height:1.3}.archive-card__name a{color:inherit;text-decoration:none}.archive-card__excerpt{font-size:13px;color:var(--color-muted);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.archive-card__score{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-heading);font-weight:700;font-size:18px}.archive-card__score-label{font-size:11px;color:var(--color-muted);font-weight:400;font-family:var(--font-body)}.archive-card__read{font-size:13px;color:var(--color-accent);font-weight:500}.archive-card__link{font-size:13px;color:var(--color-accent);font-weight:500;text-decoration:none}.archive-card__link::after{content:'';position:absolute;inset:0}.page-content{padding:var(--space-10) 0}.page-content h1{font-family:var(--font-heading);font-weight:700;font-size:36px;color:var(--color-text);margin-bottom:var(--space-6)}.page-content h2{font-family:var(--font-heading);font-weight:600;font-size:22px;color:var(--color-text);border-left:3px solid var(--color-accent);padding-left:var(--space-4);margin:var(--space-8) 0 var(--space-4)}.page-content p{font-family:var(--font-body);font-size:16px;line-height:1.8;color:var(--color-body);margin-bottom:var(--space-4)}.scroll-top{position:fixed;bottom:calc(var(--sticky-height)+var(--space-4));right:var(--space-5);z-index:90;width:40px;height:40px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal);opacity:0;pointer-events:none;color:var(--color-text)}.scroll-top--visible{opacity:1;pointer-events:auto}.scroll-top:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.archive-card__logo-ph{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-accent-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--color-accent);flex-shrink:0}.review-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-6) 0}.review-toc__title{font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--color-text);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.review-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1);counter-reset:toc-counter}.review-toc__list li{counter-increment:toc-counter}.review-toc__list a{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--color-muted);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}.review-toc__list a::before{content:counter(toc-counter) ".";font-family:var(--font-heading);font-weight:600;font-size:12px;color:var(--color-accent);min-width:20px}.review-toc__list a:hover{background:var(--color-accent-bg);color:var(--color-accent)}.nav-links{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.nav-links .page-numbers{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);min-width:40px;text-align:center}.nav-links .page-numbers:hover{background:var(--color-accent-bg);border-color:#a7f3d0;color:var(--color-accent)}.nav-links .page-numbers.current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);font-weight:600}.nav-links .page-numbers.dots{border:none;background:transparent;padding:var(--space-2) var(--space-1);min-width:auto}.nav-links .prev.page-numbers,.nav-links .next.page-numbers{font-weight:500}.wp-block-image{margin:var(--space-6) 0}.wp-block-image img{border-radius:var(--radius-md)}.wp-block-image figcaption{font-size:13px;color:var(--color-muted);text-align:center;margin-top:var(--space-2)}.wp-block-quote{border-left:3px solid var(--color-accent);margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0}.wp-block-quote p{font-size:16px;color:var(--color-body);font-style:italic;margin-bottom:var(--space-2)}.wp-block-quote cite{font-size:13px;color:var(--color-muted);font-style:normal;font-weight:500}.wp-block-separator{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.wp-block-table{margin:var(--space-4) 0}.wp-block-table table{width:100%;border-collapse:collapse}.wp-block-table th,.wp-block-table td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);font-size:14px}.wp-block-table th{background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-weight:600}.wp-block-table tbody tr:nth-child(even){background:var(--color-surface)}@keyframes scoreCardFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sc-card[data-animated="true"]{animation:scoreCardFadeIn 0.4s ease-out}.sponsor-inline{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-emerald) 100%);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.sponsor-inline__text{color:var(--color-white);font-family:var(--font-heading);font-weight:600;font-size:16px}.sponsor-inline__sub{font-family:var(--font-body);font-weight:400;font-size:14px;color:rgba(255,255,255,0.85);margin-top:var(--space-1)}.sponsor-inline__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--color-accent);background:var(--color-white);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.sponsor-inline__cta:hover{background:var(--color-accent-bg);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.bonus-highlight{background:var(--color-accent-bg);border:1px solid #a7f3d0;border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-4)}.bonus-highlight__icon{font-size:28px;flex-shrink:0}.bonus-highlight__content{flex:1}.bonus-highlight__title{font-family:var(--font-heading);font-weight:600;font-size:16px;color:var(--color-accent);margin-bottom:var(--space-1)}.bonus-highlight__desc{font-size:14px;color:var(--color-body);line-height:1.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sc-card:focus-visible,.sc-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:999;background:var(--color-accent);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:14px;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}@media print{.site-nav,.sponsor-bar,.scroll-top,.site-nav__toggle,.sc-dots,.sc-section__hint,.site-footer__legal{display:none !important}body{padding-bottom:0;color:#000;background:#fff}.sc-track{overflow:visible;flex-wrap:wrap}.sc-card{border:1px solid #ccc;break-inside:avoid}a{color:#000;text-decoration:underline}.review-table{box-shadow:none;border:1px solid #ccc}}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}.site-footer__inner{grid-template-columns:1fr;gap:var(--space-8)}.sponsor-inline{flex-direction:column;text-align:center}.bonus-highlight{flex-direction:column;text-align:center}.review-table{font-size:13px}.review-table thead th,.review-table td{padding:var(--space-2) var(--space-3)}}@media (max-width:768px){:root{--content-width:100%}.site-nav__menu{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-3);gap:var(--space-1);box-shadow:var(--shadow-md)}.site-nav__menu.is-open{display:flex}.site-nav__menu a{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.site-nav__toggle{display:block}.site-nav__actions .site-nav__cta{font-size:13px;padding:var(--space-2) var(--space-3)}.pros-cons{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.archive-grid{grid-template-columns:1fr}.sc-card{min-width:120px}.sc-score{font-size:28px}.sib__cta{font-size:14px;padding:var(--space-2) var(--space-4)}.sponsor-bar__text .sponsor-bar__badge{display:none}.site-footer__nav{grid-template-columns:repeat(2,1fr)}.review-toc{padding:var(--space-4)}.archive-header__title{font-size:24px}.archive-header__desc{font-size:14px}.archive-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.archive-filters::-webkit-scrollbar{display:none}.archive-filter-btn{flex-shrink:0}.review-content h2{font-size:19px}.sib__name{font-size:18px}.sponsor-inline{padding:var(--space-4)}}@media (max-width:480px){.container,.container--narrow{padding:0 var(--space-4)}.related-grid{grid-template-columns:1fr}.site-footer__nav{grid-template-columns:1fr}.sib__inner{flex-wrap:wrap}.sib__cta{width:100%;justify-content:center}.sc-card{min-width:110px;max-width:130px;padding:var(--space-4) var(--space-3)}.sc-score{font-size:24px}.sc-label{font-size:11px}.sc-icon{width:24px;height:24px;font-size:12px}.sponsor-bar{gap:var(--space-2);padding:0 var(--space-3)}.sponsor-bar__cta{font-size:12px;padding:var(--space-1) var(--space-3)}.sponsor-bar__text{font-size:12px}.review-table--scroll{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:0 var(--space-4)}.review-content h2{font-size:17px;padding-left:var(--space-3)}.archive-header__title{font-size:20px}.bonus-highlight{padding:var(--space-4);gap:var(--space-3)}.info-box{flex-direction:column;gap:var(--space-2)}.hero__title{font-size:24px !important}.hero__subtitle{font-size:15px !important}.fp-reviews__heading{font-size:20px}}.hero{background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);color:var(--color-white);text-align:center;padding:var(--space-16) var(--space-6);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,0.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,0.08) 0%,transparent 60%);pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero__title{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-0.5px;margin-bottom:var(--space-4);color:var(--color-white)}.hero__subtitle{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.5;opacity:0.9;margin-bottom:var(--space-8)}.hero__cta{display:inline-block;background:var(--color-white);color:var(--color-accent);font-family:var(--font-heading);font-size:16px;font-weight:600;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 4px 14px rgba(0,0,0,0.15)}.hero__cta:hover{background:var(--color-text);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.fp-reviews{padding:var(--space-12) 0;background:var(--color-surface)}.fp-reviews__heading{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--space-8)}.fp-reviews__more{text-align:center;margin-top:var(--space-8)}.fp-reviews__more-btn{display:inline-block;background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-size:15px;font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.fp-reviews__more-btn:hover{background:var(--color-emerald);color:var(--color-white);transform:translateY(-1px)}.search{max-width:560px;margin:0 auto 2rem;position:relative;z-index:100}.search__box{display:flex;align-items:center;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:0 20px;box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.2);transition:box-shadow .2s ease,transform .2s ease}.search__box:focus-within{box-shadow:0 8px 32px rgba(0,0,0,.16),0 0 0 2px var(--color-white);transform:translateY(-1px)}.search__icon{width:20px;height:20px;color:#9ca3af;flex-shrink:0}.search__input{flex:1;border:none;background:transparent;padding:16px 12px;font-family:var(--font-body);font-size:1.05rem;color:#1f2937;outline:none;min-width:0}.search__input::placeholder{color:#9ca3af}.search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search__kbd{font-family:var(--font-body);font-size:12px;padding:2px 8px;border-radius:var(--radius-sm);background:rgba(0,0,0,.06);color:#9ca3af;border:1px solid rgba(0,0,0,.08);line-height:1.4;flex-shrink:0;pointer-events:none;user-select:none}.search__results{position:absolute;top:calc(100%+8px);left:0;right:0;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 12px 48px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);max-height:420px;overflow-y:auto;display:none;border:1px solid var(--color-border);overscroll-behavior:contain}.search__results.is-open{display:block;animation:searchReveal .2s ease}@keyframes searchReveal{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search__item{display:flex;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;color:var(--color-text);transition:background var(--transition-fast);border-bottom:1px solid #f3f4f6;cursor:pointer}.search__item:last-child{border-bottom:none}.search__item:hover,.search__item.is-active{background:var(--color-accent-bg);color:var(--color-text)}.search__item:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.search__item-logo{width:40px;height:40px;border-radius:var(--radius-md);object-fit:contain;border:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.search__item-logo-ph{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-accent);font-size:14px;flex-shrink:0;font-family:var(--font-heading)}.search__item-info{flex:1;min-width:0}.search__item-name{font-family:var(--font-heading);font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__item-name mark{background:#fef08a;color:inherit;border-radius:2px;padding:0 1px}.search__item-meta{font-size:.8rem;color:var(--color-muted);margin-top:2px}.search__item-score{font-family:var(--font-heading);font-weight:700;font-size:.9rem;padding:4px 10px;border-radius:var(--radius-full);flex-shrink:0}.search__item-score--good{background:var(--color-accent-bg);color:var(--color-accent)}.search__item-score--medium{background:var(--color-warning-bg);color:var(--color-warning)}.search__item-score--bad{background:var(--color-error-bg);color:var(--color-error)}.search__loading{display:flex;justify-content:center;padding:24px}.search__spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:searchSpin .6s linear infinite}@keyframes searchSpin{to{transform:rotate(360deg)}}.search__empty{text-align:center;padding:24px;color:var(--color-muted);font-size:.9rem}.search__empty svg{display:block}@media (max-width:640px){.search__kbd{display:none}.search__input{font-size:16px}.search__box{padding:0 16px;border-radius:var(--radius-md)}.search__results{border-radius:var(--radius-md)}.search__item{padding:10px 16px;gap:10px}.search__item-logo,.search__item-logo-ph{width:36px;height:36px}}.search__results::-webkit-scrollbar{width:6px}.search__results::-webkit-scrollbar-track{background:transparent}.search__results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.search__results::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fp-content{padding:var(--space-12) 0}.review-author{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;display:flex;gap:var(--space-5);align-items:flex-start}.review-author__avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-accent-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--color-accent);flex-shrink:0;border:2px solid var(--color-accent)}.review-author__avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.review-author__info{flex:1;min-width:0}.review-author__label{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-1)}.review-author__name{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.review-author__bio{font-family:var(--font-body);font-size:14px;color:var(--color-body);line-height:1.6}.review-author__meta{display:flex;gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap}.review-author__meta-item{font-size:12px;color:var(--color-muted);display:flex;align-items:center;gap:var(--space-1)}.review-dates{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;padding:var(--space-3) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-size:13px;color:var(--color-muted)}.review-dates__item{display:flex;align-items:center;gap:var(--space-1)}.review-dates__item time{font-weight:500;color:var(--color-body)}@media (max-width:768px){.review-author{flex-direction:column;align-items:center;text-align:center}.review-author__meta{justify-content:center}.review-dates{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.review-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--color-bg);overflow:hidden;transition:box-shadow var(--transition-normal)}.review-accordion:hover{box-shadow:var(--shadow-sm)}.review-accordion__title{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);cursor:pointer;font-family:var(--font-heading);font-weight:600;font-size:18px;color:var(--color-text);background:var(--color-surface);border-bottom:1px solid transparent;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);gap:var(--space-4);user-select:none;-webkit-user-select:none}.review-accordion__title::-webkit-details-marker{display:none}.review-accordion__title::marker{display:none;content:""}.review-accordion__title::after{content:"";display:inline-block;width:10px;height:10px;border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);transform:rotate(45deg);flex-shrink:0;transition:transform var(--transition-normal),border-color var(--transition-normal);margin-top:-3px}.review-accordion__title:hover{color:var(--color-accent);background:var(--color-accent-bg)}.review-accordion__title:hover::after{border-color:var(--color-accent)}.review-accordion[open]>.review-accordion__title{color:var(--color-accent);border-bottom-color:var(--color-border)}.review-accordion[open]>.review-accordion__title::after{transform:rotate(-135deg);border-color:var(--color-accent);margin-top:3px}.review-accordion__body{padding:var(--space-6);font-family:var(--font-body);font-size:15px;color:var(--color-body);line-height:1.75;overflow:hidden}.review-accordion__body--animate{transition:max-height var(--transition-slow),opacity var(--transition-normal)}.review-accordion__body h3{font-family:var(--font-heading);font-weight:600;font-size:16px;color:var(--color-text);margin:var(--space-5) 0 var(--space-3)}.review-accordion__body h3:first-child{margin-top:0}.review-accordion__body p{margin-bottom:var(--space-4)}.review-accordion__body p:last-child{margin-bottom:0}.review-accordion__body ul,.review-accordion__body ol{margin:var(--space-3) 0 var(--space-4);padding-left:var(--space-6)}.review-accordion__body li{margin-bottom:var(--space-2)}.review-accordion__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.review-accordion__body a:hover{color:var(--color-emerald)}.review-accordion__body img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--space-4) 0}.review-accordion__body table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:14px}.review-accordion__body table th,.review-accordion__body table td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}.review-accordion__body table th{background:var(--color-surface);font-weight:600;color:var(--color-text)}@media (max-width:768px){.review-accordion__title{padding:var(--space-4) var(--space-4);font-size:16px}.review-accordion__body{padding:var(--space-4);font-size:14px}.review-accordion__title::after{width:8px;height:8px}}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:transparent;pointer-events:none}.reading-progress__bar{height:100%;width:0;background:linear-gradient(90deg,#059669,#34d399);transition:width 50ms linear;border-radius:0 2px 2px 0}

/* ============================================================
   16. TOC SIDEBAR — Google Leak: NavBoost dwell time
   ============================================================ */

.review-layout {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: var(--space-6);
    align-items: start;
}

.review-toc {
    position: static;
    /* sticky REMOVED */
}

.review-toc__list a {
    border-left: 2px solid transparent;
}

.review-toc__list a.is-active {
    color: var(--color-accent);
    border-left-color: var(--color-accent);
    background: var(--color-accent-bg);
}

.review-toc__list a.is-active::before {
    color: var(--color-accent);
}

/* TOC mobile: hidden by default, shown as collapsible */
.review-toc--mobile {
    display: none;
}

@media (max-width: 1024px) {
    .review-layout {
        grid-template-columns: 1fr;
    }

    .review-toc {
        display: none;
    }

    .review-toc--mobile {
        display: block;
        margin-bottom: var(--space-4);
    }

    .review-toc--mobile summary {
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--color-muted);
        padding: var(--space-3);
        background: var(--color-surface);
        border-radius: var(--radius-lg);
        border: 1px solid var(--color-border);
        list-style: none;
    }

    .review-toc--mobile summary::-webkit-details-marker {
        display: none;
    }

    .review-toc--mobile[open] summary {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    }

    .review-toc--mobile .review-toc__list {
        padding: var(--space-3);
        background: var(--color-surface);
        border: 1px solid var(--color-border);
        border-top: none;
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }
}

/* ============================================================
   17. FONT DISPLAY — Google Leak: CLS prevention
   ============================================================ */
/* font-display: swap applied via preload in header.php */

/* ============================================================
   18. VISUAL POLISH — Professional review design
   ============================================================ */

/* --- Site Info Bar: bigger logo, card-style layout --- */
.sib {
    padding: var(--space-8) 0;
    border-bottom: none;
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);
}
.sib__inner {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-6) var(--space-8);
    gap: var(--space-6);
    box-shadow: var(--shadow-md);
    position: relative;
}
.sib__logo-wrap {
    flex-shrink: 0;
}
.sib__logo {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--color-border);
    object-fit: contain;
    background: var(--color-white);
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    padding: 6px;
}
.sib__logo-placeholder {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--color-border);
    background: linear-gradient(135deg, var(--color-accent-bg), #d1fae5);
    font-size: 26px;
    font-weight: 700;
    color: var(--color-accent);
}
.sib__name {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--color-text);
}
.sib__badge {
    font-size: 13px;
    padding: 4px 10px;
    border-radius: var(--radius-md);
    font-weight: 500;
}
.sib__cta {
    padding: var(--space-4) var(--space-8);
    font-size: 16px;
    font-weight: 700;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 14px rgba(5,150,105,.3);
    letter-spacing: 0.2px;
}
.sib__cta:hover {
    box-shadow: 0 6px 20px rgba(5,150,105,.4);
    transform: translateY(-2px);
}

/* --- Score Cards: refined, slightly larger --- */
.sc-section {
    background: linear-gradient(180deg, #f0fdf4 0%, var(--color-surface) 100%);
    border-top: none;
    border-bottom: 1px solid #e5e7eb;
    padding: var(--space-8) 0 var(--space-6);
}
.sc-card {
    min-width: 145px;
    max-width: 165px;
    padding: var(--space-5) var(--space-4) var(--space-4);
    border-radius: var(--radius-xl);
    border-width: 1px;
    box-shadow: var(--shadow-sm);
}
.sc-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}
.sc-score {
    font-size: 36px;
    letter-spacing: -1.5px;
}
.sc-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-body);
}

/* --- Content area: better typography --- */
.review-content h2,
.review-content h3 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text);
    margin: var(--space-8) 0 var(--space-4);
    letter-spacing: -0.3px;
}
.review-content h2 {
    font-size: 22px;
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--color-accent);
}
.review-content h3 {
    font-size: 17px;
}
.review-content p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--color-body);
    margin-bottom: 1.2em;
}

/* --- Tables: professional headers --- */
.review-table {
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}
.review-table th {
    background: #065f46;
    color: var(--color-white);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 12px 16px;
    border: none;
}
.review-table td {
    padding: 12px 16px;
    font-size: 14px;
    border-bottom: 1px solid var(--color-border);
    border-left: none;
    border-right: none;
}
.review-table tbody tr:last-child td {
    border-bottom: none;
}
.review-table tbody tr:hover {
    background: var(--color-accent-bg);
}

/* --- Pros/Cons: side by side cards --- */
.pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin: var(--space-4) 0;
}
.pros-cons__col {
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
}
.pros-cons__col--pros {
    background: #f0fdf4;
    border-color: #a7f3d0;
}
.pros-cons__col--cons {
    background: #fef2f2;
    border-color: #fecaca;
}
.pros-cons__title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: var(--space-3);
}
.pros-cons__col--pros .pros-cons__title { color: #065f46; }
.pros-cons__col--cons .pros-cons__title { color: #991b1b; }

/* --- FAQ: cleaner accordion --- */
.faq__item {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-3);
    overflow: hidden;
    transition: box-shadow var(--transition-fast);
}
.faq__item:hover {
    box-shadow: var(--shadow-sm);
}
.faq__item[open] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 1px var(--color-accent);
}
.faq__summary {
    padding: var(--space-4) var(--space-5);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-surface);
}
.faq__summary::after {
    content: "+";
    font-size: 20px;
    font-weight: 400;
    color: var(--color-muted);
    transition: transform var(--transition-fast);
}
.faq__item[open] .faq__summary::after {
    content: "\2212";
    color: var(--color-accent);
}
.faq__summary::-webkit-details-marker { display: none; }
.faq__body {
    padding: 0 var(--space-5) var(--space-5);
    line-height: 1.75;
    color: var(--color-body);
}

/* --- Author box: card style --- */
.review-author {
    display: flex;
    gap: var(--space-5);
    align-items: center;
    padding: var(--space-6);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin: var(--space-8) 0;
    box-shadow: var(--shadow-sm);
}
.review-author__avatar {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background: linear-gradient(135deg, var(--color-accent-bg), #d1fae5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 22px;
    color: var(--color-accent);
    flex-shrink: 0;
    overflow: hidden;
    border: 2px solid #a7f3d0;
}
.review-author__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-full);
}
.review-author__name {
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 700;
    color: var(--color-text);
}
.review-author__bio {
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
    margin-top: var(--space-1);
}

/* --- Related sites: polished cards --- */
.related-sites {
    padding: var(--space-10) 0;
    background: var(--color-surface);
}
.related-sites__title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 20px;
    color: var(--color-text);
    margin-bottom: var(--space-6);
    letter-spacing: -0.3px;
}
.related-card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
    background: var(--color-bg);
    transition: all var(--transition-normal);
    box-shadow: var(--shadow-sm);
}
.related-card:hover {
    border-color: var(--color-accent);
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}

/* --- Review dates: subtle bar --- */
.review-dates {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-5);
    padding: var(--space-3) var(--space-5);
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    margin: var(--space-4) 0;
    border: 1px solid var(--color-border);
}
.review-dates__item {
    font-size: 13px;
    color: var(--color-muted);
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

/* --- Info boxes: polished --- */
.info-box {
    border-radius: var(--radius-lg);
    padding: var(--space-4) var(--space-5);
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    margin: var(--space-4) 0;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
}
.info-box.warning-box {
    background: #fffbeb;
    border-color: #fcd34d;
}

/* --- Breadcrumb: tighter --- */
.leakseo-breadcrumb {
    font-size: 13px;
    color: var(--color-muted);
    padding: var(--space-4) 0;
}
.leakseo-breadcrumb a {
    color: var(--color-accent);
    text-decoration: none;
}
.leakseo-breadcrumb a:hover {
    text-decoration: underline;
}

/* --- TOC: refined, NOT sticky --- */
.review-toc {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-5) var(--space-6);
    margin: var(--space-6) 0;
    position: static;
    max-height: none;
    overflow-y: visible;
}
.review-toc__title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 15px;
    color: var(--color-text);
    margin-bottom: var(--space-3);
}
.review-toc__list {
    list-style: none;
    padding: 0;
    counter-reset: toc-counter;
}
.review-toc__item {
    counter-increment: toc-counter;
    margin-bottom: var(--space-2);
}
.review-toc__item a {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--color-body);
    text-decoration: none;
    font-size: 14px;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}
.review-toc__item a::before {
    content: counter(toc-counter, decimal-leading-zero);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 12px;
    color: var(--color-accent);
    min-width: 20px;
}
.review-toc__item a:hover {
    background: var(--color-accent-bg);
    color: var(--color-accent);
}

/* --- Reading progress: thinner --- */
.reading-progress {
    height: 3px;
    background: var(--color-border);
}
.reading-progress__bar {
    height: 100%;
    background: linear-gradient(90deg, var(--color-accent), var(--color-emerald));
    transition: width 100ms linear;
}

/* --- Sponsor sticky: cleaner --- */
.sponsor-sticky {
    box-shadow: 0 -4px 20px rgba(0,0,0,.12);
    border-top: 1px solid var(--color-border);
}

/* --- Mobile refinements --- */
@media (max-width: 768px) {
    .sib__inner {
        padding: var(--space-4) var(--space-5);
        gap: var(--space-4);
    }
    .sib__logo, .sib__logo-placeholder {
        width: 64px;
        height: 64px;
    }
    .sib__name { font-size: 20px; }
    .sib__cta {
        width: 100%;
        justify-content: center;
        padding: var(--space-3) var(--space-6);
    }
    .pros-cons {
        grid-template-columns: 1fr;
    }
    .review-author {
        flex-direction: column;
        text-align: center;
    }
    .sc-score { font-size: 28px; }
}
/* Fontshare CSS loaded with &display=swap parameter */