/* すにらぼ サイズデータ・アンケート: comparison shell v1.5.2 */
.snl-sc{padding:18px 16px;border:1px solid #efefef;border-radius:8px;background:#fbfbfb;box-sizing:border-box;contain:style}
.snl-sc *{box-sizing:border-box}
.snl-sc__title{margin:0 0 10px;font-size:18px;line-height:1.5;font-weight:700;color:#333}
.snl-sc__note-top{position:relative;margin:0 0 14px;padding:10px 12px;background:#fdf5f5;border-radius:8px;font-size:11px;line-height:1.7;color:#999}
.snl-sc__note-top strong{color:#777}
.snl-sc__loading[hidden],.snl-sc__content[hidden],.snl-sc__error[hidden],.snl-sc__compare[hidden],.snl-sc__pairs[hidden],.snl-sc__pairs-scroll[hidden],.snl-sc__pairs-loading[hidden],.snl-sc__pairs-error[hidden],.snl-sc__form-body[hidden],.snl-sc__acc-body[hidden]{display:none!important}
.snl-sc__loading{min-height:230px;padding:12px 0;display:flex;flex-direction:column;justify-content:center;gap:18px}
.snl-sc__loading-bar{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#edf0f2 25%,#f7f8f9 50%,#edf0f2 75%);background-size:200% 100%;animation:snl-sc-loading 1.3s ease-in-out infinite}
.snl-sc__loading-bar:nth-child(1){width:94%}.snl-sc__loading-bar:nth-child(2){width:82%}.snl-sc__loading-bar:nth-child(3){width:70%}
@keyframes snl-sc-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.snl-sc__loading-bar{animation:none}}
.snl-sc__error{padding:12px;border-radius:6px;background:#ffebee;color:#c62828;font-size:13px;line-height:1.6}
.snl-sc .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Lead badges */
.snl-sc__lead{margin:0 0 14px;display:flex;flex-direction:column;gap:6px}
.snl-sc__lead-row{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.7;color:#444}
.snl-sc__lead-tag{flex-shrink:0;width:62px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:#0072B2;padding:2px 0;border-radius:4px;white-space:nowrap}
.snl-sc__lead-text strong{color:#333}.snl-sc__lead-sub{font-size:11px;color:#888}

/* Criteria accordions */
.snl-sc__acc-area{margin-top:-6px;margin-bottom:6px}
.snl-sc__acc-toggle{font-size:12px;color:#777;background:none;border:none;cursor:pointer;padding:0;margin-top:4px;font-weight:400;display:block;width:max-content;margin-left:auto}
.snl-sc__acc-toggle::before{content:"\25B6  ";font-size:10px}.snl-sc__acc-toggle.open::before{content:"\25BC  "}
.snl-sc__acc-body{margin-top:8px;padding:12px 0;font-size:12px;line-height:1.7;color:#555}
.snl-sc__acc-tbl{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px}
.snl-sc__acc-tbl th{text-align:left;padding:5px 8px;background:#eee;border-bottom:1px solid #ddd;font-weight:700;white-space:nowrap}
.snl-sc__acc-tbl td{padding:5px 8px;border-bottom:1px solid #f0f0f0}

/* Bars */
.snl-sc__bar-row{display:grid;grid-template-columns:106px 1fr 92px;gap:10px;align-items:center;margin-top:10px}
.snl-sc__bar-row--gap{margin-top:16px}.snl-sc__bar-row--same .snl-sc__bar-label{font-weight:800}.snl-sc__bar-row--same .snl-sc__bar-v1{font-weight:700;color:#333}
.snl-sc__bar-label{font-size:13px;line-height:1.4;font-weight:700;color:#333}
.snl-sc__bar-track{width:100%;height:10px;background:#f1f3f5;border-radius:999px;overflow:hidden;position:relative}
.snl-sc__bar-fill{height:100%;border-radius:999px;position:absolute;left:0;top:0}.snl-sc__bar-fill--big{background:#66b2d6}.snl-sc__bar-fill--small{background:#339ac4}.snl-sc__bar-fill--same{background:#0072B2}
.snl-sc__bar-avg{position:absolute;top:-3px;height:16px;width:2px;background:#D55E00;border-radius:1px;z-index:2}
.snl-sc__bar-vals{text-align:right}.snl-sc__bar-v1{font-size:12px;line-height:1.3;white-space:nowrap;color:#444}.snl-sc__bar-v2{font-size:10px;line-height:1.3;white-space:nowrap;color:#D55E00}
.snl-sc__legend{display:flex;gap:16px;margin:12px 0 0;font-size:11px;color:#888;align-items:center}.snl-sc__legend-item{display:flex;align-items:center;gap:4px}.snl-sc__legend-bar{width:20px;height:8px;border-radius:4px;background:#0072B2}.snl-sc__legend-line{width:12px;height:2px;background:#D55E00;border-radius:1px}

/* Filter */
.snl-sc__filter{margin:20px 0 0;padding:14px 0 0;border-top:1px solid #eee}.snl-sc__filter-label{display:block;font-size:13px;font-weight:700;color:#555;margin-bottom:8px}.snl-sc__filter-wrap{position:relative}
.snl-sc__filter-input{width:100%;padding:10px 36px 10px 12px;font-size:14px;border:1px solid #ddd;border-radius:6px;background:#fff;outline:none}.snl-sc__filter-input:focus{border-color:#0072B2}
.snl-sc__filter-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#aaa;cursor:pointer;display:none;line-height:1}.snl-sc__filter-clear.show{display:block}
.snl-sc__filter-dd{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:220px;overflow-y:auto;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:none}.snl-sc__filter-dd.show{display:block}
.snl-sc__filter-item{padding:10px 12px;font-size:13px;cursor:pointer;border-bottom:1px solid #f5f5f5}.snl-sc__filter-item:last-child{border-bottom:none}.snl-sc__filter-item:hover,.snl-sc__filter-item:focus{background:#e8f4fa}.snl-sc__filter-count{color:#999;font-size:12px;margin-left:4px}

/* Comparison */
.snl-sc__compare{margin:18px 0 0;padding:16px;border:1px solid #e8ecf0;border-radius:8px;background:#f8fafc}.snl-sc__compare-title{margin:0 0 8px;font-size:16px;line-height:1.5;font-weight:700;color:#333}.snl-sc__compare-lead{margin:0 0 10px;font-size:13px;line-height:1.8;color:#555}
.snl-sc__pairs{margin-top:16px}.snl-sc__pairs-title{font-size:14px;font-weight:700;color:#333;margin-bottom:8px}.snl-sc__pairs-loading,.snl-sc__pairs-error{padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.6}.snl-sc__pairs-loading{background:#f3f6f8;color:#666}.snl-sc__pairs-error{background:#ffebee;color:#c62828}
.snl-sc__pairs-scroll{max-height:340px;overflow-y:auto;border:1px solid #f0f0f0;border-radius:6px}.snl-sc__pairs-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.snl-sc__pairs-table col:nth-child(1){width:15%}.snl-sc__pairs-table col:nth-child(2){width:32%}.snl-sc__pairs-table col:nth-child(3){width:32%}.snl-sc__pairs-table col:nth-child(4){width:21%}
.snl-sc__pairs-table th{background:#f7f7f7;font-weight:700;text-align:center;padding:8px 6px;border-bottom:2px solid #e5e5e5;white-space:nowrap;position:sticky;top:0;z-index:1;font-size:10px;overflow:hidden;text-overflow:ellipsis}.snl-sc__pairs-table td{padding:6px;border-bottom:1px solid #f0f0f0;vertical-align:top;line-height:1.4}.snl-sc__pairs-table td:first-child{text-align:center;font-size:11px}.snl-sc__pairs-table tr:hover td{background:#fafcff}
.snl-sc__pairs-size{text-align:center;font-weight:700}.snl-sc__pairs-detail{font-size:10px;color:#999;margin-top:2px;word-break:break-all}.snl-sc__pairs-diff{display:inline-block;padding:2px 6px;border-radius:4px;font-weight:700;font-size:10px;white-space:nowrap}.snl-sc__pairs-diff--same{background:#d4e8f7;color:#0072B2}.snl-sc__pairs-diff--big{background:#e8f5e9;color:#27ae60}.snl-sc__pairs-diff--small{background:#fff3e0;color:#e67e22}
.snl-sc__notes{margin-top:14px}.snl-sc__notes-text{margin:4px 0 0;font-size:11px;line-height:1.7;color:#777}

/* Survey teaser only. Full form CSS loads on demand. */
.snl-sc .snl-sc__form{margin-top:18px;padding-top:18px;border-top:1px solid #efefef}.snl-sc .snl-sc__form-title{margin:0 0 8px;font-size:16px;line-height:1.5;font-weight:700;color:#333}
.snl-sc .snl-sc__form-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:0;padding:11px 14px;border:none;border-radius:999px;background:#0072B2;color:#fff;font-size:16px;line-height:1.35;font-weight:800;cursor:pointer;text-align:center}.snl-sc .snl-sc__form-toggle:hover{opacity:.92}.snl-sc .snl-sc__form-toggle:disabled{opacity:.55;cursor:wait}
.snl-sc .snl-sc__form-toggle-icon{position:relative;flex:0 0 14px;width:14px;height:14px;transition:transform .2s ease}.snl-sc .snl-sc__form-toggle-icon::after{content:"";position:absolute;left:50%;top:38%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}.snl-sc .snl-sc__form-toggle.open .snl-sc__form-toggle-icon{transform:rotate(180deg)}
.snl-sc .snl-sc__form-lead{margin:8px 0 12px;font-size:11px;line-height:1.7;color:#777}.snl-sc__survey-mount{min-height:40px}.snl-sc__survey-load-error{margin:10px 0;padding:10px 12px;border-radius:6px;background:#ffebee;color:#c62828;font-size:13px;line-height:1.6}

@media(max-width:640px){
  .snl-sc{padding:16px 12px}.snl-sc__title{font-size:16px}.snl-sc__lead-row{font-size:13px}.snl-sc__bar-row{grid-template-columns:94px 1fr 80px;gap:8px}.snl-sc__bar-label{font-size:12px}.snl-sc__bar-v1{font-size:11px}.snl-sc__bar-v2{font-size:9px}.snl-sc__compare{padding:14px 12px}.snl-sc__compare-title{font-size:15px}.snl-sc__pairs-table{font-size:11px}.snl-sc__pairs-table th,.snl-sc__pairs-table td{padding:6px}.snl-sc .snl-sc__form-title{font-size:15px}.snl-sc .snl-sc__form-toggle{font-size:15px}
}