.profile-compare { padding-block:48px; background:#fff; }
.profile-compare h2 { margin:0 0 16px; }
.profile-compare p { margin:0 0 20px; max-width:100%; }
.profile-compare__toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin:24px 0 16px; }
.profile-compare__toolbar label { display:flex; align-items:center; gap:10px; font-size:14px; }
.profile-compare select { min-height:44px; padding:8px 36px 8px 12px; background:#fff; border:1px solid #cbd7d2; border-radius:4px; color:inherit; }
.profile-compare__scroll { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; border:1px solid #d5dfdb; border-radius:4px; }
.profile-compare table { border-collapse:collapse; width:100%; margin:0; font-size:14px; line-height:1.5; }
.profile-compare caption { text-align:left; padding:16px; font-weight:600; background:#f0f4f2; color:#202b26; }
.profile-compare th,.profile-compare td { text-align:left; vertical-align:top; padding:14px 16px; border:0; border-bottom:1px solid #d5dfdb; white-space:normal; }
.profile-compare thead th { background:#eef2f0; color:#202b26; font-weight:600; }
.profile-compare tr:last-child>* { border-bottom:0; }
.profile-compare tbody tr:has(input:checked) { background:#eef3ff; }
.profile-compare__all { min-width:820px; }
.profile-compare__all th:first-child { width:290px; }
.profile-compare__all th:nth-child(2) { width:110px; }
.profile-compare__choice { display:flex; align-items:flex-start; gap:12px; cursor:pointer; padding:4px 0; font-weight:600; }
.profile-compare__choice input { appearance:auto; flex:none; width:20px; height:20px; margin:1px 0 0; accent-color:#2454df; }
.profile-compare__choice span { display:block; }
.profile-compare__choice small { display:block; font-size:12px; font-weight:400; margin-top:5px; }
.profile-compare__status { flex:1 1 220px; font-size:14px; color:#52645b; }
.profile-compare__clear { background:none; border:0; text-decoration:underline; padding:10px; min-height:44px; color:#2454df; cursor:pointer; }
.profile-compare__selected { margin-top:32px; scroll-margin-top:110px; }
.profile-compare__selected h3 { margin:0 0 16px; }
.profile-compare__selected table { table-layout:fixed; }
.profile-compare__selected td { overflow-wrap:anywhere; }
.profile-compare__selected th:first-child { width:160px; }
.profile-compare__selected th:not(:first-child),.profile-compare__selected td { min-width:220px; }
.profile-compare__selected thead th { font-size:16px; }
.profile-compare__selected td strong { display:block; font-size:20px; color:#202b26; white-space:nowrap; }
.profile-compare__selected td small { display:block; margin-top:6px; color:#52645b; }
.profile-compare__empty { padding:24px; background:#f0f4f2; border-left:3px solid #2454df; }
.profile-compare__price { margin-top:24px; }
.profile-compare__price summary,.profile-compare__sources summary { font-weight:600; cursor:pointer; min-height:44px; padding-block:12px; }
.profile-compare__price ul { margin:8px 0 20px; padding-left:24px; }
.profile-compare__footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-top:24px; }
.profile-compare__footer p { margin:0; flex:1 1 400px; color:#52645b; font-size:14px; }
.profile-compare__footer .btn { flex:0 1 auto; min-height:48px; }
.profile-compare__sources { margin-top:24px; font-size:14px; color:#52645b; }
.profile-compare__sources ol { columns:2; column-gap:36px; padding-left:24px; }
.profile-compare__sources li { break-inside:avoid; margin-bottom:12px; }
.profile-compare__sources a { overflow-wrap:anywhere; }
.profile-compare [hidden] { display:none!important; }
.profile-compare :focus-visible { outline:2px solid #2454df; outline-offset:4px; }
.profile-cutaway { padding-block:48px; background:#f0f4f2; }
.profile-cutaway h2 { margin:0 0 16px; }
.profile-cutaway__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:start; margin-top:32px; }
.profile-cutaway__figure { margin:0; }
.profile-cutaway__image { position:relative; max-width:560px; aspect-ratio:1; margin-inline:auto; }
.profile-cutaway__image img { display:block; width:100%; height:100%; object-fit:contain; }
.profile-cutaway__figure figcaption { font-size:13px; line-height:1.5; color:#52645b; margin-top:16px; }
.profile-cutaway__point { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); width:44px; height:44px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; background:#2454df; color:#fff!important; font-size:16px; font-weight:600; text-decoration:none; box-shadow:0 1px 6px #0003; }
.profile-cutaway__point:hover,.profile-cutaway__point:focus-visible { background:#172f77; outline:2px solid #fff; outline-offset:2px; }
.profile-cutaway__legend { margin:0; }
.profile-cutaway__legend>div { padding:0 0 18px; margin:0 0 18px; border-bottom:1px solid #cad6d0; scroll-margin-top:120px; }
.profile-cutaway__legend>div:target { background:#e0eaff; outline:8px solid #e0eaff; }
.profile-cutaway__legend dt { font-size:18px; font-weight:600; margin-bottom:8px; }
.profile-cutaway__legend dd { margin:0; line-height:1.6; color:#52645b; }
@media(max-width:767px) {
 .profile-compare { padding-block:32px; }
 .profile-compare__toolbar { align-items:stretch; gap:12px; }
 .profile-compare__toolbar label { flex:1 1 100%; justify-content:space-between; }
 .profile-compare__selected th:first-child { width:96px; }
 .profile-compare__selected table th,.profile-compare__selected table td { padding:12px; font-size:13px; }
 .profile-compare__selected thead th { font-size:14px; }
 .profile-compare__selected td strong { font-size:18px; }
 .profile-compare__footer .btn { width:100%; }
 .profile-compare__sources ol { columns:1; }
 .profile-cutaway { padding-block:32px; }
 .profile-cutaway__layout { grid-template-columns:minmax(0,1fr); gap:28px; }
}