:root{--si-tool-accent:var(--color-tool-tjm);--si-tool-light:#ecfeff;--si-tool-border:rgba(15,118,110,var(--si-opacity-18));--si-tool-focus:rgba(15,118,110,var(--si-opacity-10));--color-port-accent:var(--color-tool-tjm);--color-port-accent-hover:var(--color-tool-tjm);--color-port-light:#ecfeff;--color-port-border:rgba(15,118,110,var(--si-opacity-18));--color-port-focus:rgba(15,118,110,var(--si-opacity-10));--color-port-ae:var(--color-tool-statut-ae);--color-port-ae-dark:#5b21b6;--color-port-ae-light:#f5f3ff;--color-port-ae-border:rgba(124,58,237,var(--si-opacity-20));--color-port-green:var(--si-green);--color-port-green-bg:var(--si-green-bg);--color-port-orange:var(--si-orange);--color-port-orange-bg:var(--si-orange-bg);--color-port-red:var(--si-red);--color-port-red-bg:var(--si-red-bg)}.si-port-card{max-width:var(--container-content)}.si-port-card .si-form-group{margin-bottom:var(--sp-2)}.si-port-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--color-port-accent) 0,var(--color-port-accent) var(--val,50%),var(--color-border-light) var(--val,50%),var(--color-border-light) 100%);border-radius:var(--radius-full);cursor:pointer;height:var(--sp-1);margin-top:var(--sp-1);outline:none;width:100%}.si-port-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-port-accent);border:var(--border-w-md) solid var(--color-bg);border-radius:50%;box-shadow:0 0 0 var(--border-w) var(--color-port-accent);cursor:pointer;height:var(--sp-4h);-webkit-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:var(--sp-4h)}.si-port-range::-moz-range-thumb{background:var(--color-port-accent);border:var(--border-w-md) solid var(--color-bg);border-radius:50%;cursor:pointer;height:var(--sp-4h);width:var(--sp-4h)}.si-port-range:focus::-webkit-slider-thumb,.si-port-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 var(--sp-2h) var(--color-port-focus);transform:scale(1.15)}.si-port-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--sp-2h) var(--color-port-focus);outline:var(--border-w-md) solid var(--color-primary);outline-offset:var(--border-w-md);transform:scale(1.15)}.si-port-range-labels{margin-top:var(--sp-2)}.si-port-range-val{background:var(--color-port-light);border-radius:var(--radius-full);color:var(--color-port-accent);display:inline-flex;font-size:var(--font-size-xs);padding:var(--sp-1) var(--sp-2h)}.si-port-btn-comparer,.si-port-range-val{align-items:center;font-weight:var(--fw-bold)}.si-port-btn-comparer{background:var(--si-tool-accent);border:none;border-radius:var(--radius-lg);color:var(--color-text-on-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-base);gap:var(--sp-2h);justify-content:center;padding:var(--sp-4) var(--sp-6);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.si-port-btn-comparer:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);filter:brightness(1.1);transform:translateY(-1px)}.si-port-btn-comparer{box-sizing:border-box;margin-top:var(--sp-1);max-width:var(--mw-xl)}.si-port-btn-comparer:hover{background:var(--color-port-accent-hover);box-shadow:0 var(--sp-3h) var(--sp-5) rgba(15,118,110,var(--si-opacity-30));transform:translateY(calc(var(--border-w)*-1))}.si-port-hidden{display:none}.si-port-results{display:flex;flex-direction:column;gap:var(--sp-5);max-width:var(--mw-xl);width:100%}.si-port-compare-grid{align-items:start;display:grid;gap:var(--sp-3);grid-template-columns:1fr auto 1fr;margin-bottom:var(--sp-4)}.si-port-compare-col{border-radius:var(--radius-2xl);overflow:visible;padding:var(--sp-5)}.si-port-compare-col--ae{background:linear-gradient(135deg,#2e1065,#5b21b6)}.si-port-compare-col--portage{background:linear-gradient(135deg,#164e63 0,var(--color-tool-tjm-dark) 100%)}.si-port-compare-col .si-tip{background:var(--color-white-10);border-color:rgba(255,255,255,var(--si-opacity-30));color:hsla(0,0%,100%,.8)}.si-port-compare-col .si-tip:focus,.si-port-compare-col .si-tip:hover{background:rgba(255,255,255,var(--si-opacity-25));border-color:rgba(255,255,255,var(--si-opacity-60));color:var(--color-text-on-dark);outline:none}.si-port-compare-col .si-tip:focus-visible{background:rgba(255,255,255,var(--si-opacity-25));border-color:rgba(255,255,255,var(--si-opacity-60));color:var(--color-text-on-dark);outline:var(--border-w-md) solid hsla(0,0%,100%,.8);outline-offset:var(--sp-1)}.si-port-compare-vs{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-btn);font-weight:var(--fw-extrabold);justify-content:center;padding-top:var(--sp-9)}.si-port-col-label{color:var(--color-white-50);font-size:var(--font-size-xxs);font-weight:var(--fw-bold);letter-spacing:.08em;margin:0 0 var(--sp-2h);text-transform:uppercase}.si-port-col-net{color:var(--color-text-on-dark);font-size:var(--font-size-h3);font-weight:var(--fw-extrabold);letter-spacing:-.02em;line-height:1;margin:0 0 var(--sp-1)}.si-port-col-net-sub{color:var(--color-white-50);font-size:var(--font-size-xs);margin:0 0 var(--sp-3h)}.si-port-col-stats{display:flex;flex-direction:column;gap:var(--sp-1h)}.si-port-col-stat{align-items:center;background:var(--color-white-10);border-radius:var(--radius-md);display:flex;gap:var(--sp-2);justify-content:space-between;padding:var(--sp-1) var(--sp-2h)}.si-port-col-stat__label{color:var(--color-white-50);flex:1;font-size:var(--font-size-xxs);font-weight:var(--fw-semibold)}.si-port-col-stat__val{color:var(--color-text-on-dark);font-size:var(--font-size-2xs);font-weight:var(--fw-extrabold);white-space:nowrap}.si-port-verdict{border-radius:var(--radius-2xl);padding:var(--sp-5) var(--sp-6)}.si-port-verdict--ae{background:linear-gradient(135deg,#2e1065,#5b21b6)}.si-port-verdict--portage{background:linear-gradient(135deg,#164e63,var(--color-tool-tjm-dark))}.si-port-verdict--egal{background:linear-gradient(135deg,var(--color-bg-dark),#334155)}.si-port-verdict__titre{color:var(--color-text-on-dark);font-size:var(--font-size-h5);font-weight:var(--fw-extrabold);margin:0 0 var(--sp-1h)}.si-port-verdict__diff{color:var(--color-tool-ir-light);font-size:var(--font-size-xl);font-weight:var(--fw-extrabold);line-height:1;margin:var(--sp-1h) 0}.si-port-verdict__desc{color:var(--color-white-75);font-size:var(--font-size-btn);line-height:var(--lh-normal);margin:0}.si-port-warn-smin{background:rgba(217,119,6,var(--si-opacity-10));border:1px solid rgba(217,119,6,var(--si-opacity-30));border-radius:var(--radius-DEFAULT);color:var(--color-text-dark);display:none;font-size:var(--font-size-xs);line-height:var(--lh-normal);margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.si-port-wf-grid{display:grid;gap:var(--sp-5);grid-template-columns:1fr 1fr}.si-port-wf-title{align-items:center;color:var(--color-text-dark);display:flex;font-size:var(--font-size-btn);font-weight:var(--fw-bold);gap:var(--sp-2);margin:0 0 var(--sp-3)}.si-port-wf-dot{border-radius:50%;flex-shrink:0;height:var(--sp-2h);width:var(--sp-2h)}.si-port-wf-item{align-items:center;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--sp-1);padding:var(--sp-1h) var(--sp-3)}.si-port-wf-item--base{background:var(--color-bg-subtle);border:1.5px solid var(--color-border-light)}.si-port-wf-item--moins{background:var(--color-port-red-bg);border:var(--border-w-md) solid rgba(220,38,38,.1)}.si-port-wf-item--total{background:var(--color-text-dark)}.si-port-wf-item--total .si-port-wf-label{color:var(--color-white-65);font-weight:var(--fw-bold)}.si-port-wf-item--total .si-port-wf-val{color:var(--color-text-on-dark);font-size:var(--font-size-base)}.si-port-wf-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--fw-semibold)}.si-port-wf-val{color:var(--color-text-dark);font-size:var(--font-size-btn);font-weight:var(--fw-extrabold)}.si-port-wf-val--neg{color:var(--color-port-red)}.si-port-table-wrap{border:var(--border-w-md) solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.si-port-criteres{border-collapse:collapse;font-size:var(--font-size-btn);width:100%}.si-port-criteres th{background:var(--color-text-dark);color:var(--color-text-on-dark);font-size:var(--font-size-2xs);font-weight:var(--fw-bold);letter-spacing:.04em;padding:var(--sp-2h) var(--sp-3h);text-align:left;text-transform:uppercase}.si-port-criteres th:not(:first-child){text-align:center}.si-port-criteres td{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-btn);padding:var(--sp-2h) var(--sp-3h)}.si-port-criteres td:not(:first-child){font-weight:var(--fw-bold);text-align:center}.si-port-criteres tr:last-child td{border-bottom:none}.si-port-criteres tr:hover td{background:var(--color-bg-subtle)}.si-port-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--fw-bold);padding:var(--sp-1) var(--sp-2h)}.si-port-badge--green{background:var(--color-port-green-bg);color:var(--color-success-text)}.si-port-badge--red{background:var(--color-port-red-bg);color:var(--color-danger-text)}.si-port-badge--orange{background:var(--color-port-orange-bg);color:var(--color-warning-text-dark)}.si-port-badge--gray{background:var(--color-bg-subtle);color:var(--color-text-muted)}.si-port-profils-grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.si-port-profil{border:var(--border-w-md) solid;border-radius:var(--radius-lg);padding:var(--sp-4h)}.si-port-profil--ae{background:var(--color-port-ae-light);border-color:var(--color-port-ae-border)}.si-port-profil--portage{background:var(--color-port-light);border-color:var(--color-port-border)}.si-port-profil__marker{border-radius:50%;height:var(--sp-2h);margin-bottom:var(--sp-2h);width:var(--sp-2h)}.si-port-profil__title{color:var(--color-text-dark);font-size:var(--font-size-sm);font-weight:var(--fw-bold);margin:0 0 var(--sp-1h)}.si-port-profil__list{display:flex;flex-direction:column;gap:var(--sp-1);list-style:none;margin:0;padding:0}.si-port-profil__item{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--lh-normal);padding-left:var(--sp-3h);position:relative}.si-port-profil__item:before{content:"✓";font-size:var(--font-size-xxs);font-weight:var(--fw-bold);left:0;position:absolute}.si-port-profil--ae .si-port-profil__item:before{color:var(--color-port-ae)}.si-port-profil--portage .si-port-profil__item:before{color:var(--color-port-accent)}@media(max-width:560px){.si-port-compare-grid{grid-template-columns:1fr 1fr}.si-port-compare-vs{display:none}.si-port-profils-grid,.si-port-wf-grid{grid-template-columns:1fr}.si-port-col-net{font-size:var(--font-size-xl)}}@media(max-width:420px){.si-port-compare-grid{grid-template-columns:1fr}.si-port-card{padding:var(--sp-5)}}