/* The product comparison shares the Applications disclosure's visual language. */
.site-design .model-comparison{border:0;padding:0;background:none;margin:0 0 48px}
.comparison-disclosure{border:1px solid #e1e5eb;border-radius:8px;background:#f7f8fa;overflow:clip;transition:border-color .2s}
.comparison-disclosure>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;gap:24px;padding:24px 28px}
.comparison-disclosure>summary::-webkit-details-marker{display:none}
.compare-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.compare-copy strong{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.015em;color:var(--ink)}.compare-copy>span{font-size:14px;line-height:1.5;color:var(--muted)}
.compare-toggle{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #dce2ea;border-radius:50%;background:#fff;color:var(--blue);transition:border-color .2s,background-color .2s}.compare-toggle svg{display:block;transition:transform .25s}.comparison-disclosure[open] .compare-toggle svg{transform:rotate(180deg)}
.site-design .comparison-disclosure>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-4px;border-radius:8px}
.compare-content{background:#fff;border-top:1px solid var(--line);padding:8px 28px 24px}.site-design .model-comparison table{margin:16px 0 20px;width:100%;table-layout:fixed}.site-design .model-comparison .note{margin:0}
@media(hover:hover){.comparison-disclosure:hover{border-color:#c7d1df}.comparison-disclosure>summary:hover .compare-toggle{background:#edf3fc;border-color:#afc2e6}}
@media(max-width:760px){.site-design .model-comparison{margin-bottom:32px}.comparison-disclosure>summary{padding:20px;gap:16px}.compare-copy strong{font-size:18px}.compare-copy>span{font-size:13px}.compare-toggle{width:32px;height:32px;flex-basis:32px}.compare-content{padding:0 12px 20px}.site-design .model-comparison td,.site-design .model-comparison th{padding:14px 6px;font-size:12px;overflow-wrap:anywhere}.site-design .model-comparison thead th{font-size:15px}}

/* Keep the accessible table name clipped even while an ancestor is animated. */
.compare-content .compare-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;background:none}