.proscons{container:pc / inline-size;--pc-bg:var(--color-white,#fff);display:flex;flex-wrap:wrap;gap:16px;font-size:15px;line-height:1.5;color:#0f172a;box-sizing:border-box;}
.proscons *,.proscons *::before,.proscons *::after{box-sizing:border-box;}
.proscons>.pros,.proscons>.cons{flex:1 1 100%;min-width:0;position:relative;}
@container pc (min-width:540px){
.proscons>.pros,.proscons>.cons{flex-basis:0;}
}
.proscons .pros{--c:#16a34a;--ink:#15803d;--soft:#f0fdf4;--line:#bbf7d0;--tint:#dcfce7;--sym:"✓";--pm:"+";}
.proscons .cons{--c:#dc2626;--ink:#b91c1c;--soft:#fef2f2;--line:#fecaca;--tint:#fee2e2;--sym:"✕";--pm:"−";}
.proscons .label{display:block;}
.proscons ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important;}
.proscons li{margin:0!important;min-width:0!important;}
.proscons li{position:static!important;padding:0!important;list-style:none!important;background:none!important;}
.proscons li::before{content:none!important;position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;background:none!important;}
.proscons li::after{content:none!important;}
.proscons.v-13,.proscons.v-15,.proscons.v-16,.proscons.v-18,.proscons.v-21,.proscons.v-23,.proscons.v-24,.proscons.v-27,.proscons.v-28,.proscons.v-29,.proscons.v-30{gap:24px 40px;}
.proscons.v-9 ul,.proscons.v-17 ul,.proscons.v-19 ul,.proscons.v-21 ul,.proscons.v-28 ul{gap:10px!important;}
.proscons.v-9 li,.proscons.v-17 li,.proscons.v-19 li,.proscons.v-21 li,.proscons.v-28 li{display:flex!important;gap:12px!important;align-items:flex-start!important;}
.proscons.v-9 li::before,.proscons.v-17 li::before,.proscons.v-19 li::before,.proscons.v-21 li::before,.proscons.v-28 li::before{content:var(--pm)!important;flex:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:6px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;}
.proscons.v-9 .pros li::before,.proscons.v-17 .pros li::before,.proscons.v-19 .pros li::before,.proscons.v-21 .pros li::before,.proscons.v-28 .pros li::before{background:var(--c)!important;color:#fff!important;}
.proscons.v-9 .cons li::before,.proscons.v-17 .cons li::before,.proscons.v-19 .cons li::before,.proscons.v-21 .cons li::before,.proscons.v-28 .cons li::before{border:1.5px solid var(--c)!important;color:var(--c)!important;}
.proscons.v-10,.proscons.v-14,.proscons.v-19,.proscons.v-20,.proscons.v-25{padding-top:9px;gap:28px 16px;}
.proscons.v-10>div,.proscons.v-14>div,.proscons.v-19>div,.proscons.v-25>div{border:1px solid var(--c);border-radius:8px;padding:18px clamp(14px,4vw,18px) 16px;}
.proscons.v-10 .label,.proscons.v-14 .label,.proscons.v-19 .label,.proscons.v-25 .label{position:absolute;top:0;left:10px;transform:translateY(-50%);padding:0 8px;background:var(--pc-bg);line-height:1.2;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);}
.proscons.v-18 .label,.proscons.v-21 .label{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}
.proscons.v-18 .label::after,.proscons.v-21 .label::after{content:"";flex:1;border-top:1px solid var(--c);}
.proscons.v-23 .label,.proscons.v-28 .label{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin-bottom:12px;}
.proscons.v-23 .label::before,.proscons.v-28 .label::before{content:"";flex:none;width:3px;height:18px;background:var(--c);}
.proscons.v-24 .label,.proscons.v-29 .label{display:table;padding-bottom:6px;border-bottom:2px solid var(--c);margin-bottom:14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.proscons:is(.v-1,.v-31){border:1px solid var(--color-border-light,#e2e8f0);border-radius:16px;padding:clamp(16px,5vw,24px);box-shadow:0 1px 2px rgba(15,23,42,.04);gap:14px;}
.proscons:is(.v-1,.v-31)>div{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:18px;}
.proscons:is(.v-1,.v-31) .label{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);margin-bottom:12px;}
.proscons:is(.v-1,.v-31) .label::before{content:var(--pm);flex:none;display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;align-items:center;justify-content:center;font-size:14px;line-height:1;}
.proscons:is(.v-1,.v-31) ul{gap:9px!important;}
.proscons:is(.v-1,.v-31) li{display:flex!important;gap:10px!important;}
.proscons:is(.v-1,.v-31) li::before{content:var(--sym)!important;flex:none!important;color:var(--c)!important;font-weight:700!important;}
.proscons.v-2{border:1px solid var(--color-border-light,#e2e8f0);border-radius:16px;padding:clamp(16px,4vw,20px) clamp(16px,5vw,24px);gap:8px;}
.proscons.v-2 .pros,.proscons.v-2 .cons,.proscons.v-2 ul{display:contents!important;}
.proscons.v-2 .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.proscons.v-2 li{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 11px!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;}
.proscons.v-2 li::before{content:var(--sym)!important;}
.proscons.v-2 .pros li{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;}
.proscons.v-2 .cons li{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;}
.proscons.v-3{border:1px solid var(--color-border-light,#e2e8f0);border-radius:16px;padding:clamp(16px,5vw,24px);box-shadow:0 1px 2px rgba(15,23,42,.04);gap:18px 24px;}
.proscons.v-3>div{border-left:3px solid var(--c);padding:2px 0 2px 16px;}
.proscons.v-3 .label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;}
.proscons.v-3 ul{gap:7px!important;}
.proscons.v-3 li{display:flex!important;gap:8px!important;}
.proscons.v-3 li::before{content:var(--sym)!important;flex:none!important;}
.proscons.v-6,.proscons.v-7{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row dense;gap:0;}
.proscons.v-6 :is(.pros,.cons,ul),.proscons.v-7 :is(.pros,.cons,ul){display:contents!important;}
.proscons.v-6 .pros .label,.proscons.v-7 .pros .label{grid-column:1;grid-row:1;}
.proscons.v-6 .cons .label,.proscons.v-7 .cons .label{grid-column:2;grid-row:1;}
.proscons.v-6 .pros li,.proscons.v-6 .pros ul::after,.proscons.v-7 .pros li,.proscons.v-7 .pros ul::after{grid-column:1!important;}
.proscons.v-6 .cons li,.proscons.v-6 .cons ul::after,.proscons.v-7 .cons li,.proscons.v-7 .cons ul::after{grid-column:2!important;}
.proscons.v-6 ul::after,.proscons.v-7 ul::after{content:""!important;color:#94a3b8!important;grid-row-end:span 50!important;display:none!important;}
.proscons:is(.v-6,.v-7):is(:has(.pros li:nth-child(1)):not(:has(.cons li:nth-child(1))),:has(.pros li:nth-child(2)):not(:has(.cons li:nth-child(2))),:has(.pros li:nth-child(3)):not(:has(.cons li:nth-child(3))),:has(.pros li:nth-child(4)):not(:has(.cons li:nth-child(4))),:has(.pros li:nth-child(5)):not(:has(.cons li:nth-child(5))),:has(.pros li:nth-child(6)):not(:has(.cons li:nth-child(6))),:has(.pros li:nth-child(7)):not(:has(.cons li:nth-child(7))),:has(.pros li:nth-child(8)):not(:has(.cons li:nth-child(8))),:has(.pros li:nth-child(9)):not(:has(.cons li:nth-child(9))),:has(.pros li:nth-child(10)):not(:has(.cons li:nth-child(10))) ) .cons ul::after{display:block!important;}
.proscons:is(.v-6,.v-7):is(:has(.cons li:nth-child(1)):not(:has(.pros li:nth-child(1))),:has(.cons li:nth-child(2)):not(:has(.pros li:nth-child(2))),:has(.cons li:nth-child(3)):not(:has(.pros li:nth-child(3))),:has(.cons li:nth-child(4)):not(:has(.pros li:nth-child(4))),:has(.cons li:nth-child(5)):not(:has(.pros li:nth-child(5))),:has(.cons li:nth-child(6)):not(:has(.pros li:nth-child(6))),:has(.cons li:nth-child(7)):not(:has(.pros li:nth-child(7))),:has(.cons li:nth-child(8)):not(:has(.pros li:nth-child(8))),:has(.cons li:nth-child(9)):not(:has(.pros li:nth-child(9))),:has(.cons li:nth-child(10)):not(:has(.pros li:nth-child(10))) ) .pros ul::after{display:block!important;}
.proscons.v-6{border-bottom:1px solid var(--color-border-light,#e2e8f0);}
.proscons.v-6 .label{font-weight:700;color:var(--ink);border-bottom:2px solid var(--c);padding:10px 14px 10px 0;}
.proscons.v-6 .cons .label{padding:10px 0 10px 14px;}
.proscons.v-6 .pros li,.proscons.v-6 .pros ul::after{padding:11px 14px 11px 0!important;}
.proscons.v-6 .cons li,.proscons.v-6 .cons ul::after{padding:11px 0 11px 14px!important;}
.proscons.v-6 li:not(:first-child),.proscons.v-6 ul::after{border-top:1px solid var(--color-border-light,#e2e8f0)!important;}
.proscons.v-7{border:1px solid var(--color-border-light,#e2e8f0);border-radius:12px;overflow:hidden;}
.proscons.v-7 .label{background:#f8fafc;border-bottom:1px solid var(--color-border-light,#e2e8f0);font-weight:600;color:#334155;padding:12px clamp(12px,3.5vw,18px);}
.proscons.v-7 .label::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:8px;vertical-align:middle;}
.proscons.v-7 li,.proscons.v-7 ul::after{padding:11px clamp(12px,3.5vw,18px)!important;}
.proscons.v-7 li:not(:first-child),.proscons.v-7 ul::after{border-top:1px solid var(--color-border-light,#e2e8f0)!important;}
.proscons.v-7 .cons .label,.proscons.v-7 .cons li,.proscons.v-7 .cons ul::after{border-left:1px solid var(--color-border-light,#e2e8f0)!important;}
.proscons.v-4{border-top:1px solid var(--color-border-light,#e2e8f0);border-bottom:1px solid var(--color-border-light,#e2e8f0);padding:20px 0;gap:20px 32px;}
.proscons.v-4 .label{font-weight:700;color:var(--ink);margin-bottom:10px;}
.proscons.v-4 li{display:flex!important;gap:10px!important;}
.proscons.v-4 li::before{content:var(--sym)!important;flex:none!important;display:inline-flex!important;width:20px!important;height:20px!important;margin-top:2px!important;border-radius:50%!important;background:var(--tint)!important;color:var(--ink)!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;line-height:1!important;}
.proscons.v-4 .cons{border-top:1px solid var(--color-border-light,#e2e8f0);padding-top:20px;}
@container pc (min-width:540px){
.proscons.v-4 .cons{border-top:0;padding-top:0;border-left:1px solid var(--color-border-light,#e2e8f0);padding-left:32px;}
}
.proscons.v-5{border:1px solid var(--color-border-light,#e2e8f0);border-radius:16px;padding:clamp(16px,5vw,24px);gap:24px;}
.proscons.v-5 .label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;}
.proscons.v-5 ul{gap:14px!important;}
.proscons.v-5 li{font-size:14px!important;color:#64748b!important;}
.proscons.v-5 li strong{display:block!important;font-size:15px!important;color:#0f172a!important;}
.proscons.v-5 li strong::before{content:var(--sym) "\00a0"!important;}
.proscons.v-8{gap:10px;}
.proscons.v-8>div{background:var(--soft);border-top:4px solid var(--c);border-radius:10px;padding:14px clamp(12px,3.5vw,18px) 10px;}
.proscons.v-8 .label{font-weight:700;color:var(--ink);margin-bottom:4px;}
.proscons.v-8 ul{gap:0!important;}
.proscons.v-8 li{display:flex!important;gap:6px!important;padding:7px 0!important;}
.proscons.v-8 li::before{content:var(--sym)!important;flex:none!important;}
.proscons.v-9{border:1px solid rgba(15,23,42,.5);border-radius:14px;padding:clamp(16px,5vw,24px);gap:18px 28px;}
.proscons.v-9 .label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
.proscons.v-11{gap:24px;}
.proscons.v-11>div{border-top:3px solid var(--c);padding-top:12px;}
.proscons.v-11 .label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.proscons.v-12{gap:14px;}
.proscons.v-12>div{border:1.5px solid var(--c);border-radius:10px;padding:16px clamp(14px,4vw,18px);}
.proscons.v-12 .cons{border-style:dashed;}
.proscons.v-12 .label{font-weight:700;color:var(--ink);margin-bottom:10px;}
.proscons.v-12 ul{gap:7px!important;}
.proscons.v-13 .label{display:table;font-size:17px;font-weight:700;text-decoration-line:underline;text-decoration-color:var(--c);text-decoration-thickness:3px;text-underline-offset:6px;margin-bottom:14px;}
.proscons.v-14>div{border-width:1.5px;}
.proscons.v-14 .cons{border-style:dashed;}
.proscons.v-15 .label{font-size:17px;font-weight:700;margin-bottom:10px;}
.proscons.v-15 .label::before{content:"";display:block;width:32px;height:3px;background:var(--c);margin-bottom:12px;}
.proscons.v-16 .label{display:table;border:1.5px solid var(--c);color:var(--ink);border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;}
.proscons.v-17,.proscons.v-22{border:1px solid rgba(15,23,42,.5);border-radius:12px;gap:0;}
.proscons.v-17>div,.proscons.v-22>div{padding:18px clamp(16px,4.5vw,22px);}
.proscons.v-17 .label,.proscons.v-22 .label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
.proscons.v-22 .label{color:var(--ink);}
.proscons.v-17 .cons,.proscons.v-22 .cons{border-top:1.5px dashed #94a3b8;}
@container pc (min-width:540px){
.proscons.v-17 .cons,.proscons.v-22 .cons{border-top:0;border-left:1.5px dashed #94a3b8;}
}
.proscons.v-20>div{border:1px solid var(--color-border-light,#e2e8f0);border-radius:8px;padding:20px clamp(14px,4vw,18px) 16px;}
.proscons.v-20 .label{position:absolute;top:0;left:14px;transform:translateY(-50%);border:1.5px solid var(--c);border-radius:4px;padding:2px 10px;background:var(--pc-bg);line-height:1.4;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}
.proscons.v-25 .label{left:50%;transform:translate(-50%,-50%);letter-spacing:.08em;padding:0 10px;}
.proscons.v-26>div{border:1px solid var(--c);border-radius:8px;}
.proscons.v-26 .label{padding:10px clamp(14px,4vw,18px);border-bottom:1px solid var(--c);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}
.proscons.v-26 ul{padding:14px clamp(14px,4vw,18px)!important;}
.proscons.v-27 .label{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}
.proscons.v-27 .label::before,.proscons.v-27 .label::after{content:"";flex:1;border-top:1px solid var(--c);}
.proscons.v-27 ul{text-align:center!important;}
.proscons.v-29 .label{margin-bottom:6px;}
.proscons.v-29 ul{gap:0!important;}
.proscons.v-29 li{padding:9px 0!important;}
.proscons.v-29 li+li{border-top:1px dashed var(--color-border-light,#e2e8f0)!important;}
.proscons.v-30 .label{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin-bottom:12px;}
.proscons.v-30 .label::before{content:var(--sym);flex:none;display:inline-flex;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--c);color:var(--c);align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;}
.proscons.v-30 ul{padding-left:36px!important;}
.proscons:is(.v-4,.v-6,.v-11,.v-13,.v-15,.v-16,.v-18,.v-21,.v-23,.v-24,.v-27,.v-28,.v-29,.v-30){border:1px solid var(--color-border-light,#e2e8f0);border-radius:12px;padding:clamp(16px,4vw,20px) clamp(16px,5vw,24px);}
.proscons.proscons.v-6{border-bottom:1px solid var(--color-border-light,#e2e8f0);}
.proscons.proscons:is(.v-1,.v-2,.v-3,.v-4,.v-5,.v-6,.v-7,.v-9,.v-11,.v-13,.v-15,.v-16,.v-17,.v-18,.v-21,.v-22,.v-23,.v-24,.v-27,.v-28,.v-29,.v-30){background:var(--color-white,#fff);}
.proscons.proscons:is(.v-2,.v-3,.v-4,.v-5,.v-6,.v-9,.v-11,.v-13,.v-15,.v-16,.v-18,.v-21,.v-23,.v-24,.v-27,.v-28,.v-29,.v-30){padding:20px;}
.proscons.proscons:is(.v-17,.v-22)>div{padding:20px;}
.proscons.proscons.v-6{column-gap:20px;}
.proscons.proscons.v-6 .pros li,.proscons.proscons.v-6 .pros ul::after{padding-right:0!important;}
.proscons.proscons.v-6 .cons li,.proscons.proscons.v-6 .cons ul::after{padding-left:0!important;}
.proscons.proscons.v-6 .label{padding-left:0;padding-right:0;}
.proscons.proscons.v-8>div{padding:20px;}
.proscons.proscons.v-31{border:0;border-radius:0;padding:0;box-shadow:none;background:none;}
.proscons.c-1 .pros{--c:#16a34a;--ink:#15803d;--soft:#f1f9f2;--line:#c8e6cc;--tint:#dff1e2;}
.proscons.c-1 .cons{--c:#dc2626;--ink:#b91c1c;--soft:#fff2f0;--line:#fecac3;--tint:#ffe1dc;}
.proscons.c-2 .pros{--c:#5f8b6a;--ink:#3f6b4a;--soft:#f3f7f4;--line:#d1ded3;--tint:#e4ece6;}
.proscons.c-2 .cons{--c:#c0603e;--ink:#9a4127;--soft:#fcf4f1;--line:#f1d2c8;--tint:#f7e5df;}
.proscons.c-3 .pros{--c:#2e6b4f;--ink:#24573f;--soft:#f0f4f2;--line:#c3d4ca;--tint:#dde6e1;}
.proscons.c-3 .cons{--c:#a8432f;--ink:#8c3424;--soft:#faf2f0;--line:#ebcac2;--tint:#f4e1dc;}
.proscons.c-4 .pros{--c:#66803a;--ink:#4b6127;--soft:#f4f6f1;--line:#d2dac7;--tint:#e5eadf;}
.proscons.c-4 .cons{--c:#b25b3d;--ink:#8e422a;--soft:#fbf3f1;--line:#ecd0c7;--tint:#f5e4df;}
.proscons.c-5 .pros{--c:#0e9f6e;--ink:#047857;--soft:#f1f8f4;--line:#c7e4d5;--tint:#dff0e7;}
.proscons.c-5 .cons{--c:#f25f5c;--ink:#c2413e;--soft:#fff4f3;--line:#ffd5d0;--tint:#ffe7e4;}
.proscons.c-6 .pros{--c:#00916e;--ink:#00704f;--soft:#f0f7f4;--line:#c5e0d4;--tint:#deede6;}
.proscons.c-6 .cons{--c:#c42b5b;--ink:#a01f49;--soft:#fdf1f3;--line:#f6c7ce;--tint:#fadfe3;}
.proscons.c-7 .pros{--c:#14a372;--ink:#0a7a53;--soft:#f1f9f5;--line:#c8e6d6;--tint:#e0f0e7;}
.proscons.c-7 .cons{--c:#f26430;--ink:#c04a1b;--soft:#fff5f1;--line:#ffd6c8;--tint:#ffe8df;}
.proscons.c-8 .pros{--c:#1f5a43;--ink:#1f5a43;--soft:#eff3f1;--line:#bfcec6;--tint:#dae3de;}
.proscons.c-8 .cons{--c:#8e1f35;--ink:#8e1f35;--soft:#f9efef;--line:#e4c1c2;--tint:#f0dbdc;}
.proscons.c-9 .pros{--c:#7d9b4c;--ink:#556e2e;--soft:#f5f8f2;--line:#d9e3cd;--tint:#e9efe2;}
.proscons.c-9 .cons{--c:#cc4b2e;--ink:#a3381f;--soft:#fdf3f0;--line:#f6cec4;--tint:#fbe3dd;}
.proscons.c-10 .pros{--c:#0f8b7e;--ink:#0b6b61;--soft:#f0f7f5;--line:#c5ded9;--tint:#deece9;}
.proscons.c-10 .cons{--c:#d6336c;--ink:#a61e4d;--soft:#fff2f4;--line:#fbcad4;--tint:#fde1e6;}
