
.comparison-section{padding:64px 0 80px;background:#f4faf6;scroll-margin-top:100px}
.comparison-section h2{font-size:clamp(28px,4vw,44px);margin:12px 0}
#comparison-context{margin-bottom:24px;color:#445b50}
.comparison-scroll{overflow-x:auto;border:1px solid #d6e6db;border-radius:20px;background:#fff}
.comparison-table{width:100%;border-collapse:collapse;min-width:800px;text-align:left;font-size:14px}
.comparison-table caption{padding:16px;text-align:left;font-weight:600}
.comparison-table th,.comparison-table td{padding:20px 18px;border-bottom:1px solid #e5eee8;white-space:nowrap}
.comparison-table thead{background:#e8f4ec;color:#294a36}
.comparison-table tbody tr:last-child>*{border-bottom:0}
.comparison-table tbody tr:hover{background:#f4faf6}
.comparison-profile{display:flex;align-items:center;gap:10px}
.comparison-profile .icon{color:#129744;width:22px;height:22px}
.comparison-table small{display:block;font-size:11px;color:#53695c}
.comparison-table .text-link{white-space:nowrap}
.comparison-terms{font-size:13px;line-height:1.7;color:#52635a;max-width:850px;margin:20px 0 24px}
.comparison-hint{display:none}
.compare-jump{text-align:center;margin:25px 0}
.mobile-actions{display:none}
.comparison-scroll:focus-visible,.mobile-actions a:focus-visible,.mobile-actions button:focus-visible{outline:3px solid #ebbe27;outline-offset:3px}
@media(max-width:800px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .mobile-actions{display:grid;grid-template-columns:1fr 1.65fr;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid #d6e6db;box-shadow:0 -5px 24px #102c1610}
 .mobile-actions a,.mobile-actions button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #128c40;border-radius:14px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none}
 .mobile-actions a{color:#116a34;background:#fff}
 .mobile-actions button{background:#118c40;color:white;cursor:pointer}
 .mobile-actions .icon{width:20px;height:20px}
 body:has(dialog[open]) .mobile-actions,body:has(input:focus,textarea:focus,select:focus) .mobile-actions{display:none}
 .comparison-section{padding:44px 0}
 .comparison-hint{display:block;font-size:12px;color:#52635a}
 .comparison-table th,.comparison-table td{padding:16px}
 .comparison-table tbody th{position:sticky;left:0;background:#fff;box-shadow:3px 0 5px #102c1608}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
