.dks-compare-page #main { background:#f1f5fa; }
.dks-compare-page .page-wrapper,.dks-compare-page #main .section:has(.dks-compare) { padding:0; }
.dks-compare-page .entry-content { margin:0; }
.dks-site .dks-compare { width:100%; max-width:1290px; margin:0 auto; padding:0 0 56px; color:#183451; }
.dks-compare * { box-sizing:border-box; }
.dks-compare [hidden] { display:none!important; }
.dks-compare a:focus-visible,.dks-compare button:focus-visible,.dks-compare select:focus-visible,.dks-compare-scroll:focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
.dks-compare-crumb { display:flex; flex-wrap:wrap; gap:9px; padding:18px 0; font-size:12px; color:#708298; }
.dks-compare-intro { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr); gap:30px; align-items:center; padding:24px 34px; border:1px solid #d7e4f2; border-radius:18px; background:linear-gradient(115deg,#fff 15%,#e4f1fc); }
.dks-compare .dks-compare-kicker { margin:0 0 12px; color:#1973bd; font-size:10px; font-weight:800; letter-spacing:.11em; }
.dks-site .dks-compare h1 { font-size:clamp(30px,3vw,42px); line-height:1.2; margin:0 0 18px; }
.dks-compare h1 span { color:#1565c0; }
.dks-compare-intro p:last-child { margin:0; max-width:620px; font-size:14px; color:#60758c; line-height:1.8; }
.dks-compare-intro-art { display:flex; align-items:center; justify-content:center; gap:0; }
.dks-compare-intro-art img { width:43%; max-width:124px; height:auto; }
.dks-compare-intro-art>span { color:#3b94cb; font-size:32px; }
.dks-compare-picker { padding:22px 26px; margin:22px 0 30px; border:1px solid #d9e4f0; border-radius:14px; background:#fff; }
.dks-compare-picker-heading { display:flex; gap:14px; align-items:center; justify-content:space-between; margin-bottom:14px; }
.dks-site .dks-compare h2 { font-size:23px; line-height:1.35; margin:0; }
.dks-compare-picker-heading>span { border:1px solid #d9e7f7; border-radius:18px; background:#f1f7fe; padding:5px 12px; font-size:11px; white-space:nowrap; color:#1565c0; }
.dks-compare .dks-compare-form { display:block; margin:0; }
.dks-compare-selects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.dks-compare-selects label { margin:0; font-size:12px; font-weight:650; color:#34516f; min-width:0; }
.dks-compare-selects label>span { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.dks-compare-selects b { display:grid; place-items:center; width:27px; height:27px; background:#eaf3fd; border-radius:7px; font-size:10px; color:#1565c0; }
.dks-compare-selects select { height:48px; min-height:48px; border:1px solid #cddced; border-radius:8px; padding-left:12px; background-color:#fafcff; box-shadow:none; font-size:12px; color:#183451; text-overflow:ellipsis; }
.dks-compare-picker-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:16px; padding-top:16px; border-top:1px solid #edf2f8; }
.dks-compare-picker-footer p { margin:0; font-size:12px; color:#73879b; }
.dks-site .dks-compare-button { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:46px; padding:11px 20px; margin:0; border:0; border-radius:8px; background:#1565c0; color:#fff; font-size:13px; font-weight:750; line-height:1.6; white-space:nowrap; }
.dks-compare-button:hover { background:#0c509e; color:#fff; }
.dks-compare-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 18px; }
.dks-compare-toolbar p { margin:7px 0 0; font-size:12px; color:#71849a; }
.dks-compare-toggle { display:flex; align-items:center; gap:9px; margin:0; padding:10px 14px; border:1px solid #cddfed; border-radius:8px; background:#fff; font-size:12px; font-weight:600; white-space:nowrap; }
.dks-compare-toggle input { margin:0; width:16px; height:16px; accent-color:#1565c0; }
.dks-compare-toggle:has(input:disabled) { opacity:.55; }
.dks-compare-scroll-hint { display:none; font-size:11px; color:#73879b; }
.dks-compare .dks-compare-scroll { overflow:auto; max-height:740px; scrollbar-width:thin; scrollbar-color:#a8c3de #edf3fa; border:1px solid #ccdced; border-radius:13px; background:#fff; box-shadow:0 5px 22px #12395c05; }
.dks-compare .dks-compare-table { width:100%; min-width:calc(190px + var(--dks-compare-count) * 250px); margin:0; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.dks-compare-label-col { width:190px; }
.dks-compare .dks-compare-table th,.dks-compare .dks-compare-table td { padding:16px 20px; border-right:1px solid #e3ebf4; border-bottom:1px solid #e3ebf4; vertical-align:middle; font-size:13px; font-weight:400; letter-spacing:0; text-transform:none; line-height:1.7; color:#39536f; overflow-wrap:anywhere; }
.dks-compare .dks-compare-table tr>:last-child { border-right:0; }
.dks-compare .dks-compare-table tbody tr:last-child>* { border-bottom:0; }
.dks-compare .dks-compare-table thead th { position:sticky; top:0; z-index:3; padding:20px 22px 16px; background:#fff; border-bottom:2px solid #c6dcf2; text-align:center; }
.dks-compare .dks-compare-table thead .dks-compare-corner { left:0; z-index:5; color:#173a61; text-align:left; background:#eef5fc; font-weight:750; }
.dks-compare-corner small { display:block; margin-top:7px; font-size:11px; color:#7188a0; font-weight:400; }
.dks-compare .dks-compare-table tbody th[scope=row] { position:sticky; left:0; z-index:2; background:#f6f9fd; font-size:12px; font-weight:650; color:#25486b; }
.dks-compare .dks-compare-group th { padding:11px 20px; background:#eaf3fc; color:#1a5b98; font-size:12px; font-weight:800; }
.dks-compare .dks-compare-table tr.is-different td { background:#f5faff; }
.dks-compare .dks-compare-table tbody tr:not(.dks-compare-group):hover td { background:#eef6ff; }
.dks-compare-diff-dot { display:inline-block; width:5px; height:5px; margin:0 0 2px 8px; border-radius:50%; background:#26a4df; }
.dks-compare-product { position:relative; max-width:310px; margin:0 auto; padding:0 15px; }
.dks-compare .dks-compare-product img { display:block; width:112px; height:112px; margin:0 auto 9px; padding:8px; object-fit:contain; border-radius:8px; background:#fff; }
.dks-compare-product-link { display:block; color:#123a64; }
.dks-compare-product-link>span { display:block; min-height:2.8em; font-size:13px; font-weight:750; line-height:1.4; }
.dks-compare .dks-compare-remove { position:absolute; right:-9px; top:-10px; display:grid; place-items:center; width:36px; height:36px; border:1px solid #dbe5ef; border-radius:50%; color:#69839e; background:#fff; font-size:21px; line-height:1; }
.dks-compare-remove:hover { color:#b33428; background:#fff7f5; }
.dks-compare .dks-compare-price-row td { color:#d82d20; font-size:21px; font-weight:800; }
.dks-compare-price-row .amount { white-space:nowrap; }
.dks-site .dks-compare .dks-compare-price-row td .amount { color:#d82d20; }
.dks-site .dks-compare .dks-compare-price-row td del .amount { color:#8a99a9; }
.dks-compare-price-row del { display:block; font-size:11px; color:#8a99a9; font-weight:400; }
.dks-compare-price-row ins { text-decoration:none; background:transparent; }
.dks-compare-detail { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px; padding:8px 13px; border:1px solid #bbd4ee; border-radius:7px; font-size:12px; font-weight:750; }
.dks-compare-missing { color:#8a9bb0; }
.dks-compare-note { margin:14px 0 0; font-size:11px; color:#77899e; }
.dks-compare-no-differences { padding:14px 18px; background:#e6f2ff; border-radius:8px; margin:12px 0 0; font-size:13px; }
.dks-compare-empty { text-align:center; padding:40px 24px; margin-top:28px; border:1px dashed #b9cee4; border-radius:14px; background:#fafdff; }
.dks-compare-empty>span { display:grid; place-items:center; width:60px; height:60px; margin:0 auto 20px; border-radius:18px; background:#e6f1ff; color:#3488ca; font-size:32px; }
.dks-compare-empty p { max-width:590px; margin:16px auto 22px; font-size:14px; color:#657e97; }
.dks-compare-advice { display:flex; justify-content:space-between; align-items:center; gap:35px; margin-top:36px; padding:30px 34px; border-radius:15px; background:linear-gradient(115deg,#0d284b,#155387); color:#d0e3f7; }
.dks-compare .dks-compare-advice h2 { color:#fff; }
.dks-compare .dks-compare-advice .dks-compare-kicker { color:#82d9f5; }
.dks-compare-advice p:last-child { max-width:650px; margin:10px 0 0; font-size:13px; }
.dks-compare-advice .dks-compare-button { background:#fff; color:#15568f; }
.dks-compare-reading { margin-top:42px; }
.dks-compare-reading>header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.dks-compare-reading>header>a { font-size:12px; white-space:nowrap; }
.dks-compare-read-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.dks-compare-read-grid article { display:flex; flex-direction:column; min-width:0; border:1px solid #d5e2ef; border-radius:12px; overflow:hidden; background:#fff; }
.dks-compare-read-cover { display:block; aspect-ratio:16/9; }
.dks-compare-read-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.dks-compare-read-grid article>div { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:22px; }
.dks-compare-read-grid time { font-size:11px; color:#8090a3; }
.dks-site .dks-compare-read-grid h3 { font-size:17px; line-height:1.5; margin:11px 0; }
.dks-compare-read-grid h3 a { color:#17385c; }
.dks-compare-read-grid p { margin:0 0 12px; color:#74869b; font-size:12px; line-height:1.8; }
.dks-compare-read-more { display:inline-flex; align-items:center; min-height:44px; margin-top:auto; font-size:12px; font-weight:700; }
@media(max-width:900px) {
 .dks-compare-intro { grid-template-columns:minmax(0,1fr) 210px; padding:28px; }
 .dks-compare-picker { padding:22px; }
 .dks-compare-selects { gap:12px; }
 .dks-compare-toolbar { align-items:flex-start; flex-direction:column; gap:16px; }
 .dks-compare-scroll-hint { display:block; margin:0 0 12px; }
 .dks-compare-advice { padding:26px; gap:24px; }
 .dks-compare-read-grid { gap:14px; }
 .dks-compare-read-grid article>div { padding:18px; }
}
@media(max-width:599px) {
 .dks-site .dks-compare { padding-bottom:30px; }
 .dks-compare-crumb { font-size:11px; padding:18px 0; }
 .dks-compare-intro { grid-template-columns:1fr; gap:12px; padding:26px 22px 14px; border-radius:13px; }
 .dks-site .dks-compare h1 { font-size:30px; }
 .dks-compare-intro-art { max-width:230px; justify-self:center; }
 .dks-compare-intro-art img { max-width:100px; }
 .dks-compare-intro p:last-child { font-size:13px; }
 .dks-compare-picker { padding:20px 18px; margin:16px 0 28px; }
 .dks-site .dks-compare h2 { font-size:21px; }
 .dks-compare-picker-heading { align-items:flex-start; margin-bottom:18px; }
 .dks-compare-picker-heading h2 { max-width:170px; }
 .dks-compare-picker-heading>span { font-size:10px; }
 .dks-compare-selects { grid-template-columns:1fr; gap:16px; }
 .dks-compare-picker-footer { flex-direction:column; align-items:stretch; gap:14px; }
 .dks-compare-picker-footer p { font-size:11px; }
 .dks-site .dks-compare-button { white-space:normal; width:100%; }
 .dks-compare .dks-compare-table { min-width:calc(130px + var(--dks-compare-count) * 215px); }
 .dks-compare-label-col { width:130px; }
 .dks-compare .dks-compare-table th,.dks-compare .dks-compare-table td { padding:13px 14px; font-size:12px; }
 .dks-compare .dks-compare-table tbody th[scope=row] { font-size:11px; }
 .dks-compare .dks-compare-table thead th { padding:17px 15px 12px; }
 .dks-compare .dks-compare-table thead .dks-compare-corner { font-size:12px; }
 .dks-compare-corner small { font-size:10px; }
 .dks-compare .dks-compare-product img { width:96px; height:96px; }
 .dks-compare-product-link>span { font-size:12px; }
 .dks-compare .dks-compare-price-row td { font-size:18px; }
 .dks-compare .dks-compare-scroll { max-height:680px; }
 .dks-compare-advice { flex-direction:column; align-items:flex-start; padding:25px 22px; gap:22px; }
 .dks-compare-reading>header { align-items:flex-start; flex-direction:column; gap:10px; }
 .dks-compare-read-grid { grid-template-columns:1fr; gap:20px; }
 .dks-compare-read-grid article>div { padding:22px; }
 .dks-site .dks-compare-read-grid h3 { font-size:18px; }
}