:root{--paper:#f7f4ff;--ink:#24183b;--line:#e4dbf4;--muted:#5f5272;--lime:#def88c}
body,.seo-page{background:var(--paper);color:var(--ink)}
.sidebar{background:#eee8fa;border-color:#e0d6f1}
.brand{border-color:#a48ad8;color:#27163f}
.sidebar nav a span,.sidebar nav a{color:#493761}
.sidebar nav a:hover{background:#e1d6f2;color:#2b1746}
.sidebar nav a[aria-current=location],.mode-strip a:nth-child(2){background:var(--lime);color:#27340c}
.mode-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.mode-strip a{display:flex;align-items:center;min-height:48px;padding:10px 14px;background:#ebe1fa;color:#3b2556;border-radius:12px;font-weight:700;text-decoration:none}
.xalio-hero{padding:clamp(18px,3vw,36px);border-radius:18px;background:linear-gradient(115deg,#eee4ff 60%,#dfcdfb 60%,#dfcdfb 82%,#e4f6a7 82%);margin-bottom:20px}
.xalio-hero h1{font-size:clamp(28px,4vw,48px);font-weight:750;letter-spacing:-.045em}
section,.check-panel{border-color:var(--line)!important;border-radius:16px}
.check-panel{display:block;background:#f0eafa}.check-panel>div:first-child:after{content:none}.check-panel .checker{margin-top:16px}
button,.linkbutton{background:#382453;border-color:#382453}button.secondary,.linkbutton.secondary{background:#f7f2ff;color:#382453;border-color:#dfd3ee}
th,.comparison-table thead th,.comparison-table tbody th{background:#f0e9fb;color:#493761}
.note,.eyebrow,.source small,.collection p{color:#625573}
.exchange-grid>div+div,#collections .collection,.source-detail{background:#f8f4ff}
.result{grid-column:1/-1;background:#fff!important;color:var(--ink)!important}
.evidence-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.evidence-grid>*{min-width:0;overflow-wrap:anywhere}
.evidence-sources,.evidence-grid>section:last-child{background:#f3edfc;border:1px solid var(--line);border-radius:12px;padding:16px}
.evidence-sources div+div{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.evidence-sources a{color:#513184}.evidence-sources small{display:block;margin-top:5px}
.verdict-table{width:100%;min-width:0;table-layout:fixed}.verdict-table caption{text-align:left;font-size:18px;font-weight:700;margin-bottom:10px}.verdict-table th{width:36%;text-align:left}.verdict-table td{white-space:normal}
.conditions{padding:12px;background:#fff7de;border-radius:8px}
.seo-page header{background:#eee4fa;padding:24px;border-radius:16px;margin:14px 0}
@media(max-width:700px){.evidence-grid{grid-template-columns:minmax(0,1fr)}.mode-strip a{font-size:12px;padding:8px;overflow-wrap:anywhere}.xalio-hero{background:#eee4ff}.xalio-hero .stats{gap:6px}.verdict-table th,.verdict-table td{padding:9px 6px}}
@media(prefers-reduced-motion:no-preference) and (hover:hover){.mode-strip a,.sidebar nav a{transition:background-color 140ms ease-out}.mode-strip a:hover{background:#dfd1f5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
body:has(.global-search){background:#f5f0ff;color:#1d1232}
body:has(.global-search) .sidebar{width:286px;background:#f2ecfc;padding:20px 15px;overflow-y:auto}
body:has(.global-search) main{margin-left:286px;padding:15px 18px}
.global-search{display:flex;gap:10px;align-items:center;margin-bottom:20px}.global-search input{flex:1;min-width:0;background:#f1e9fb;border-color:#bc9aeb}.global-search label{max-width:130px;font-weight:650}.global-search kbd{background:#e5d9f6;border-radius:6px;padding:5px;white-space:nowrap}
#rail-categories{border-top:1px solid #dcd0ed;margin-top:18px;padding-top:12px;display:grid;gap:4px}
#rail-categories button{text-align:left;display:flex;justify-content:space-between;gap:8px;background:transparent;border-color:transparent}
#rail-categories button:hover{background:#e4d8f7}#rail-categories small{background:#e4d9f4;border-radius:12px;padding:2px 6px}
.rail-total,.model-total{display:block;background:#e6faa8;color:#28310d;border-radius:12px;padding:16px;text-decoration:none}.rail-total strong,.model-total strong{display:block;font-size:30px}
body:has(.global-search) .xalio-hero .stats,body:has(.global-search) .stamp{display:none}
.xalio-hero .intro{margin-bottom:0}.xalio-hero h1{font-size:clamp(25px,3vw,38px)}
#model-overview{background:#faf7ff;padding:16px}.model-crumb{margin:0 0 16px;color:#554273}
.model-summary{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr) minmax(125px,.9fr);align-items:center;gap:20px}
.model-summary h2{font-size:clamp(23px,3vw,32px);font-weight:750}.model-summary a,.model-links a{overflow-wrap:anywhere}
.model-art{display:grid;place-items:center;background:linear-gradient(155deg,#fff,#e5dcf4);border:1px solid #d9caee;border-radius:14px;min-height:164px;padding:16px}
.device-bays{display:flex;gap:4px;width:100%;max-width:230px;padding:10px;background:linear-gradient(#444250,#1d1b25);border-radius:10px;box-shadow:0 12px 20px #28184e40;transform:perspective(420px) rotateY(-13deg)}
.device-bays i{flex:1;aspect-ratio:1/4;background:linear-gradient(90deg,#24232a,#484651);border-radius:4px;border:1px solid #555361}
.model-chip{display:inline-block;background:#ece1fb;padding:5px 9px;border-radius:8px;color:#412566}
.model-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.model-tabs button{flex:1}.model-tabs button[aria-pressed=true]{background:#dafa80;color:#28320a}
.model-links{background:#f4edff;border:1px solid #ded0f2;border-radius:14px;padding:14px}.model-links table{width:100%;min-width:530px}.model-links button{margin-top:10px}
@media(max-width:900px){body:has(.global-search) .sidebar{position:static;width:auto}body:has(.global-search) main{margin:0}#rail-categories{display:none}}
@media(max-width:600px){.global-search label,.global-search kbd,.global-search>a{display:none}.model-summary{grid-template-columns:minmax(0,1fr);gap:12px}.model-art{min-height:125px}.device-bays{max-width:160px}.model-links .table-wrap{overflow:auto}}
body:has(.global-search){font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-size:14px;letter-spacing:0}
body:has(.global-search) .brand{font-weight:800;font-size:30px;letter-spacing:-1.2px}
.xalio-hero{padding:24px 30px}.xalio-hero .intro{margin-top:5px;font-size:15px;color:#463361}
.model-summary{grid-template-columns:minmax(170px,1fr) minmax(0,1.9fr) minmax(145px,1fr);gap:22px}
.model-art{padding:0;overflow:hidden;min-height:200px}.model-art img{width:100%;height:200px;object-fit:cover;mix-blend-mode:multiply}
.model-links{background:#faf7ff}.model-links th{background:#e9dff8;color:#271638;font-size:12px}.model-links td,.model-links th{padding:9px 12px}.model-links tbody tr:nth-child(even){background:#f3edf9}
.hcl-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.hcl-heading span{color:#59486e;font-size:12px}.hcl-note{background:#eee6fa;border-radius:10px;padding:12px;margin:10px 0}
@media(max-width:600px){.model-summary{grid-template-columns:minmax(0,1fr)}.model-art{min-height:0}.model-art img{height:150px;object-fit:contain}.hcl-heading{display:block}.xalio-hero{padding:18px}}
body:has(.global-search) .workspace,body:has(.global-search) .local,.xalio-hero>.eyebrow{display:none}
body:has(.global-search) .sidebar{width:293px;background:linear-gradient(140deg,#f1ebfb,#f7f2ff)}
body:has(.global-search) main{margin-left:293px}
body:has(.global-search) .brand{border:0;position:relative;padding-left:56px}
body:has(.global-search) .brand::before,body:has(.global-search) .brand::after{content:"";position:absolute;top:9px;left:6px;width:12px;height:30px;transform:rotate(42deg);border-radius:9px;background:#a58bd7}
body:has(.global-search) .brand::after{left:25px;background:#c9f755}
body:has(.global-search) .sidebar nav{margin-top:25px;gap:5px}
body:has(.global-search) .sidebar nav a{min-height:41px;padding:8px 12px}
body:has(.global-search) .sidebar nav a span{font-size:15px;font-weight:600}
.global-search{margin-bottom:38px}.global-search input{min-height:46px;font-size:16px}
.mode-strip a{min-height:64px;gap:14px;font-size:20px;border-radius:16px;padding:10px 22px}
.mode-strip small{display:block;font-size:13px;font-weight:400}.mode-strip a:nth-child(2){background:#d2fa69}
.xalio-hero{min-height:120px;background:radial-gradient(ellipse at top left,#f3ebfc,transparent 72%),linear-gradient(137deg,#e9def8 70%,#d3c3ef 70%,#d3c3ef 80%,#d2fb72 80%,#d2fb72 92%,#ccb7f0 92%)}
#model-overview{border:0!important;padding:0;background:transparent}
.model-summary{grid-template-columns:minmax(180px,1fr) minmax(0,1.9fr) minmax(150px,1fr);align-items:start}
.model-art,.model-art img{height:218px}.model-art img{object-fit:contain}
.model-summary h2{margin:0;font-size:29px}.model-summary p{margin:8px 0}
.model-total{background:#eee5fa;border:1px solid #d9c8f0}.model-total strong{color:#211438}
.model-tabs button{background:#eee7fa;font-size:13px;border-radius:12px;min-height:42px}
.model-links a.model-chip{background:#e6f8c7;color:#314719}.model-links th{font-weight:750}.model-links td{vertical-align:middle}
@media(max-width:900px){body:has(.global-search) .sidebar{width:auto}body:has(.global-search) main{margin:0}.global-search{margin-bottom:16px}}
@media(max-width:600px){.mode-strip a{padding:8px;font-size:12px;gap:4px}.mode-strip small{display:none}.model-summary{grid-template-columns:minmax(0,1fr)}.model-art,.model-art img{height:150px}.xalio-hero{min-height:0}}
