/* Shared stylesheet for /compare/ comparison pages */
:root{--bg:#F6F2EC;--bg-2:#EFEAE2;--ink:#1A1410;--ink-2:#5A4F48;--ink-3:#8A7E76;--line:#D8CFC4;--plum:#4A2C63;--link:#6B3F8A;--paper:#FAF7F2;--win:#2E7D5B;--lose:#A8443A;--tie:#8A7E76;--radius-card:18px;--radius-btn:999px;}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--bg);color:var(--ink);font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a{color:var(--link);text-decoration:none;}a:hover{text-decoration:underline;}
.container{max-width:1080px;margin:0 auto;padding:0 40px;}
@media(max-width:620px){.container{padding:0 22px;}}
.skip-link{position:absolute;left:-9999px;}.skip-link:focus-visible{left:16px;top:16px;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:6px;z-index:100;}

.site-header{background:var(--bg);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;max-width:1180px;margin:0 auto;}
@media(max-width:620px){.nav-inner{padding:20px 22px;}}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;}
.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--ink);color:#FFF;flex-shrink:0;}
.brand-badge svg{width:20px;height:23px;display:block;}
.brand-text{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:500;letter-spacing:-0.01em;}
.brand-text em{font-style:italic;color:var(--plum);font-weight:500;}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;}
.nav-links a{color:var(--ink-2);font-weight:600;}.nav-links a:hover{color:var(--link);text-decoration:none;}
.nav-links a.btn{background:var(--ink);color:#FFF;padding:10px 18px;border-radius:999px;font-size:13px;}.nav-links a.btn:hover{background:var(--plum);}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--ink);}
.nav-toggle .bar{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .22s ease,opacity .22s ease;}
.nav-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
@media(max-width:820px){.nav-inner{position:relative;}.nav-toggle{display:inline-flex;}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,box-shadow .3s ease;z-index:60;}.nav-links.is-open{max-height:560px;padding:6px 24px 18px;box-shadow:0 14px 28px rgba(26,20,16,0.10);}.nav-links a{padding:15px 4px;border-bottom:1px solid var(--line);font-size:15px;}.nav-links a.btn{margin-top:14px;text-align:center;border-bottom:none;padding:13px 22px;}}

.breadcrumb{background:var(--bg-2);border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;color:var(--ink-2);}
.breadcrumb a{color:var(--ink-2);}.breadcrumb .bc-sep{color:var(--ink-3);margin:0 8px;}.breadcrumb .bc-current{color:var(--ink);font-weight:600;}

.page-hero{padding:64px 0 32px;text-align:center;}
.page-hero .eyebrow{display:inline-block;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-2);font-weight:600;margin-bottom:18px;}
.page-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(40px,6vw,68px);font-weight:300;line-height:1.05;letter-spacing:-0.01em;margin-bottom:18px;}
.page-hero h1 em{font-style:italic;font-weight:500;color:var(--plum);}
.page-hero .lead{font-size:18px;color:var(--ink-2);max-width:680px;margin:0 auto;}

.verdict{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:32px 36px;margin:32px 0 24px;}
.verdict .v-eyebrow{display:block;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:8px;}
.verdict h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500;line-height:1.25;margin-bottom:12px;color:var(--ink);}
.verdict h2 em{font-style:italic;color:var(--plum);}
.verdict p{color:var(--ink-2);margin-bottom:0;}

.compare-table{width:100%;border-collapse:collapse;background:#FFF;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;margin:24px 0;}
.compare-table th,.compare-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;}
.compare-table th{background:var(--bg-2);font-weight:700;color:var(--ink);font-size:13px;letter-spacing:0.02em;}
.compare-table td:first-child{font-weight:700;color:var(--ink);width:30%;}
.compare-table tr:last-child td{border-bottom:none;}
.compare-table .pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:0.02em;}
.compare-table .win{background:#E5F0EB;color:var(--win);}
.compare-table .lose{background:#F5E5E3;color:var(--lose);}
.compare-table .tie{background:var(--bg-2);color:var(--tie);}
@media(max-width:620px){.compare-table th,.compare-table td{padding:11px 12px;font-size:13.5px;}.compare-table td:first-child{width:38%;}}

.section{padding:24px 0;}
.section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:500;line-height:1.15;margin-bottom:14px;color:var(--ink);}
.section h2 em{font-style:italic;color:var(--plum);}
.section h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:500;margin:22px 0 8px;color:var(--ink);}
.section p{color:var(--ink-2);margin-bottom:14px;}
.section ul{padding-left:22px;margin-bottom:18px;color:var(--ink-2);}
.section ul li{margin-bottom:6px;}
.section strong{color:var(--ink);font-weight:700;}

.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;}
@media(max-width:620px){.who-grid{grid-template-columns:1fr;}}
.who-card{background:#FFF;border:1px solid var(--line);border-radius:var(--radius-card);padding:24px;}
.who-card .who-eyebrow{display:block;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;margin-bottom:8px;}
.who-card.solo .who-eyebrow{color:var(--plum);}
.who-card.other .who-eyebrow{color:var(--ink-3);}
.who-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:500;margin-bottom:10px;color:var(--ink);}
.who-card p{color:var(--ink-2);font-size:14.5px;margin-bottom:10px;}
.who-card ul{padding-left:18px;color:var(--ink-2);font-size:14px;}
.who-card ul li{margin-bottom:6px;}

.cta-block{background:var(--ink);color:#FFF;border-radius:var(--radius-card);padding:36px 36px;margin:40px 0;text-align:center;}
.cta-block h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500;color:#FFF;margin-bottom:10px;}
.cta-block h2 em{font-style:italic;color:#E5C7B8;}
.cta-block p{color:#BFB3A8;margin-bottom:22px;font-size:15px;}
.cta-block .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;letter-spacing:0.02em;}
.btn-cream{background:#FAF6F0;color:var(--ink);}.btn-cream:hover{background:#FFF;text-decoration:none;}
.btn-ghost-light{border:1px solid #5A4F48;color:#FAF6F0;}.btn-ghost-light:hover{border-color:#FFF;background:rgba(255,255,255,0.06);text-decoration:none;}
.btn-dark{background:var(--ink);color:#FFF;}.btn-dark:hover{background:var(--plum);text-decoration:none;}
.btn-outline{border:1px solid var(--ink-3);color:var(--ink);background:transparent;}.btn-outline:hover{border-color:var(--ink);background:#FFF;text-decoration:none;}

.related-compares{padding:32px 0 64px;border-top:1px solid var(--line);}
.related-compares .r-label{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:14px;}
.related-compares .r-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:760px){.related-compares .r-grid{grid-template-columns:1fr;}}
.related-compares a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 22px;color:var(--ink);font-weight:600;font-size:14.5px;}
.related-compares a:hover{background:#FFF;text-decoration:none;border-color:var(--ink-3);}
.related-compares a span{display:block;font-size:11.5px;color:var(--ink-3);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:4px;}

.disclaimer{font-size:12.5px;color:var(--ink-3);font-style:italic;padding:18px 22px;background:var(--bg-2);border-radius:12px;margin:32px 0;line-height:1.55;}

.site-footer{background:var(--ink);color:#BFB3A8;padding:32px 0 24px;font-size:13px;text-align:center;line-height:1.6;}
.site-footer .footer-disclosure{color:#8A7E76;font-size:12px;max-width:760px;margin:0 auto 14px;padding:0 22px;}
.site-footer a{color:#D8CFC4;}.site-footer a:hover{color:#FFF;}

.cookie-bar{position:fixed;bottom:16px;left:16px;right:16px;max-width:540px;margin:0 auto;background:var(--ink);color:#FFF;padding:16px 20px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.18);z-index:80;font-size:13px;line-height:1.5;display:none;}
.cookie-bar.is-visible{display:block;}
.cookie-bar p{margin-bottom:12px;color:#E8E0D6;}
.cookie-bar a{color:#D8CFC4;text-decoration:underline;}
.cookie-bar .cookie-actions{display:flex;gap:10px;flex-wrap:wrap;}
.cookie-bar button{font:inherit;cursor:pointer;padding:9px 18px;border-radius:999px;border:1px solid transparent;}
.cookie-bar .btn-accept{background:#FFF;color:var(--ink);border-color:#FFF;font-weight:700;}
.cookie-bar .btn-decline{background:transparent;color:#E8E0D6;border-color:#5A4F48;}

/* --- Reviewer byline (top of each comparison page) --- */
.uys-reviewer{display:flex;align-items:center;gap:14px;max-width:680px;margin:18px auto 0;padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;font-family:'Nunito Sans',sans-serif;}
.uys-reviewer-avatar{width:48px;height:48px;border-radius:999px;flex-shrink:0;overflow:hidden;background:linear-gradient(160deg,#5C3A75,var(--plum) 60%,#3A1F4F);display:flex;align-items:center;justify-content:center;color:var(--paper);font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:300;letter-spacing:-0.02em;position:relative;}
.uys-reviewer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.uys-reviewer-avatar img.is-hidden{display:none;}
.uys-reviewer-text{flex:1;min-width:0;font-size:13.5px;color:var(--ink-2);line-height:1.4;}
.uys-reviewer-text strong{display:block;color:var(--ink);font-weight:700;font-size:14px;margin-bottom:2px;}
.uys-reviewer-text a{color:var(--plum);font-weight:600;}
.uys-reviewer-text a:hover{text-decoration:underline;}
.uys-reviewer-meta{font-size:11.5px;letter-spacing:0.06em;color:var(--ink-3);text-transform:uppercase;font-weight:700;margin-top:3px;}
@media(max-width:520px){.uys-reviewer{padding:12px 14px;gap:10px;}.uys-reviewer-avatar{width:40px;height:40px;font-size:18px;}.uys-reviewer-text{font-size:13px;}}