.comparison177{grid-column:1/-1;background:var(--panel,#fff);color:var(--text,#153e39);border:1px solid var(--line,#c7dad2);border-radius:12px;padding:20px;margin:24px 0;scroll-margin-top:155px;min-width:0}.comparison177 summary{font-weight:700;cursor:pointer;padding:8px 0;line-height:1.7}.comparison177 p{line-height:1.75}.comparison177 [hidden]{display:none!important}.comparison177-controls{position:sticky;top:var(--comparison177-top,120px);z-index:12;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--panel,#fff);border:1px solid var(--line,#c7dad2);border-radius:9px;padding:12px}.comparison177-controls label{display:flex;align-items:center;gap:8px}.comparison177-controls label:last-child{flex:1 0 100%;display:flex}.comparison177-controls input[type=range]{flex:1;min-width:80px;max-width:100%;padding:0}.comparison177 button,.comparison177 select{padding:10px 12px;min-height:44px;border:1px solid #99b8ac;border-radius:7px;background:var(--panel,#fff);color:inherit;font:inherit;cursor:pointer}.comparison177 .comparison177-primary{background:#11755f;color:#fff;font-weight:700}.comparison177 button:disabled{opacity:.5;cursor:default}.comparison177-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.comparison177-card{min-width:0;border:1px solid var(--line,#c7dad2);border-radius:9px;padding:8px}.comparison177-card h3{font-size:1rem;margin:8px 4px}.comparison177-host{width:100%;min-width:0}.comparison177-issue,.comparison177-error{color:#a51f29;font-weight:700}.comparison177-card[data-valid=false]{border:2px solid #c92332}.comparison177-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.comparison177-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700;min-width:0}.comparison177-fields input,.comparison177-fields select{width:100%;box-sizing:border-box;border:1px solid #8db4d9;background:#f4f8ff;color:#064d88;border-radius:7px;min-height:44px;font:inherit;font-weight:700;padding:10px}.comparison177-fields small{font-weight:400;color:inherit;line-height:1.5}.comparison177-fields [aria-invalid=true]{border:2px solid #c92332;background:#fff1f1;color:#a51f29}.comparison177-edit{border:1px solid #b2cce6;background:#f4f8ff;border-radius:9px;padding:16px}.comparison177 dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison177 dl div{padding:10px;background:rgba(120,150,130,.08)}.comparison177 dt{font-weight:700;line-height:1.6}.comparison177 dd{margin:6px 0 0}.comparison177-capture{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.comparison177 output{font-variant-numeric:tabular-nums;font-weight:700}.comparison177-scale{font-size:.9rem}html[data-theme=dark] .comparison177{--panel:#142c29;--text:#e1f0e9;--line:#46685a}html[data-theme=dark] .comparison177-edit{background:#172e42}html[data-theme=dark] .comparison177-fields input,html[data-theme=dark] .comparison177-fields select{background:#112538;color:#b5dcff}.comparison177 :focus-visible{outline:3px solid #185eaa;outline-offset:3px}
@media(max-width:700px){.comparison177{padding:12px;margin:20px 0}.comparison177-figures{grid-template-columns:1fr;gap:12px}.comparison177-card h3{font-size:.95rem;margin:4px}.comparison177-controls{gap:6px;padding:8px}.comparison177-controls button,.comparison177-controls select{padding:8px}.comparison177-controls label{font-size:.82rem}.comparison177-fields{gap:12px}.comparison177-edit{padding:12px}.comparison177 dl{grid-template-columns:1fr}}

.comparison177-figures[data-layout=overlay]{position:relative;display:block;background:var(--panel,#f4f8f5);border:1px solid var(--line,#c7dad2);border-radius:9px}.comparison177-figures[data-layout=overlay] .comparison177-card{border:0;padding:0;background:transparent}.comparison177-figures[data-layout=overlay] .comparison177-card:first-child{position:absolute;inset:0;pointer-events:none}.comparison177-figures[data-layout=overlay] .comparison177-card:first-child .comparison177-host{filter:grayscale(1);opacity:.45}.comparison177-figures[data-layout=overlay] h3,.comparison177-figures[data-layout=overlay] .comparison177-issue{display:none}.comparison177-overlay-legend{font-size:.88rem;margin:10px 0}.comparison177-figures[data-layout=overlay] .comparison177-card:first-child{z-index:1}.comparison177-figures[data-layout=overlay] .comparison177-card:nth-child(2){position:relative;z-index:2}

.comparison177-controls .comparison177-overlay-legend{flex:1 0 100%;margin:2px 0;white-space:normal;line-height:1.55}