.cmppage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52% 46% at 92% 4%, var(--wash-lemon), transparent 72%), radial-gradient(48% 52% at 2% 96%, var(--wash-cool), transparent 70%), radial-gradient(36% 30% at 40% 38%, var(--wash-lime), transparent 75%);position:fixed;inset:0}.cmp-intro{max-width:64rem;padding-block:clamp(16px,4vw,48px) clamp(32px,5vw,56px)}.cmp-intro h1{letter-spacing:-.045em;font-size:clamp(2.3rem,5.6vw,4.1rem);line-height:1}.cmp-intro .lede{color:var(--muted);max-width:44rem;margin-top:clamp(16px,2vw,24px);font-size:clamp(1.06rem,1.5vw,1.3rem);line-height:1.55}.pair{border-top:1px solid var(--line);padding-block:clamp(36px,5vw,68px) clamp(8px,1vw,12px);scroll-margin-top:12px}.pair-head{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:clamp(20px,2.6vw,32px);display:flex}.pair-num{font-family:var(--mono);color:var(--muted);font-size:.95rem;font-weight:500}.pair-head h2{letter-spacing:-.035em;font-size:clamp(1.75rem,3.4vw,2.6rem)}.pair-note{color:var(--muted);flex-basis:100%;font-size:.95rem}.pair-grid{grid-template-rows:auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(20px,3vw,44px);display:grid}.side{grid-row:span 3;grid-template-rows:subgrid;min-width:0;display:grid}.side-head{flex-wrap:wrap;align-content:center;align-self:start;align-items:center;gap:6px 14px;min-height:44px;display:flex}.side-label{letter-spacing:-.01em;font-size:1.05rem;font-weight:650}.side-composed .side-label:before{content:"";background:var(--lemon);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--rind);vertical-align:1px;border-radius:50%;margin-right:9px;display:inline-block}.count{font-family:var(--mono);color:var(--muted);font-size:.8rem}.cmp-bar{display:contents}.cmp-panel{background:var(--p-bg);color:var(--p-fg);border-radius:14px;min-width:0}.side-usual .cmp-panel{align-self:start}.cmp-prompt{font-family:var(--mono);padding:18px 20px 20px;font-size:.84rem;line-height:1.7}.cmp-text{font:inherit;margin:0}pre.cmp-text,.cmp-text .ln{white-space:pre-wrap;overflow-wrap:anywhere}.cmp-text .ln{min-height:1.7em}.cmp-panel :focus-visible{outline-color:var(--lemon)}.cmp-data-frame{margin-top:1.7em;position:relative}.cmp-data{font:inherit;color:var(--p-auto);white-space:pre;border-left:2px solid var(--p-line);padding:0 0 22px;max-height:calc(17em + 22px);margin:0;padding-left:12px;overflow:auto}.cmp-data:focus-visible{outline-offset:2px;border-radius:2px}.cmp-data-frame:after,.resp-frame:after{content:"";pointer-events:none;height:22px;position:absolute;bottom:0;left:0;right:14px}.cmp-data-frame:after{background:linear-gradient(#15171e00, var(--p-bg));bottom:12px}.resp-frame:after{background:linear-gradient(#fff0, var(--surface));border-radius:0 0 0 13px;height:28px;bottom:1px;left:1px}.mark-toggle{min-height:44px;margin-left:auto;padding:9px 20px;font-size:.9rem;font-weight:500}.mark-toggle[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:var(--glass-chosen-shadow)}.mark-key{visibility:hidden;color:var(--muted);flex-wrap:wrap;flex-basis:100%;justify-content:flex-end;gap:4px 14px;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}html:not(.js) .mark-toggle,html:not(.js) .mark-key{display:none}.mark-key li{align-items:center;gap:6px;display:inline-flex}.mark-key .sw{background-color:var(--p-bg);border-radius:3px;width:16px;height:12px}.mark-key .sec-opening,.mark-key .sec-examples{background-image:linear-gradient(var(--mark-open), var(--mark-open));border-bottom:2px solid var(--p-open)}.mark-key .sec-context,.mark-key .sec-source_material{background-image:linear-gradient(var(--mark-context), var(--mark-context));border-bottom:2px solid var(--p-context)}.mark-key .sec-task{background-image:linear-gradient(var(--mark-task), var(--mark-task));border-bottom:2px solid var(--p-task)}.mark-key .sec-constraints{background-image:linear-gradient(var(--mark-constraints), var(--mark-constraints));border-bottom:2px solid var(--p-constraints)}.mark-key .sec-output_format{background-image:linear-gradient(var(--mark-output), var(--mark-output));border-bottom:2px solid var(--p-output)}.cmp-text span{-webkit-box-decoration-break:clone;box-decoration-break:clone;text-underline-offset:4px;border-radius:3px;text-decoration-thickness:1.5px}.side-composed:has(.mark-toggle[aria-pressed=true]) .mark-key{visibility:visible}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-added{color:var(--p-auto)}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-visitor{color:#fff;text-decoration-line:underline}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-visitor:is(.sec-opening,.sec-examples){background:var(--mark-open);box-shadow:0 0 0 2px var(--mark-open);text-decoration-color:var(--p-open)}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-visitor:is(.sec-context,.sec-source_material){background:var(--mark-context);box-shadow:0 0 0 2px var(--mark-context);text-decoration-color:var(--p-context)}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-visitor.sec-task{background:var(--mark-task);box-shadow:0 0 0 2px var(--mark-task);text-decoration-color:var(--p-task)}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-visitor.sec-constraints{background:var(--mark-constraints);box-shadow:0 0 0 2px var(--mark-constraints);text-decoration-color:var(--p-constraints)}.side-composed:has(.mark-toggle[aria-pressed=true]) .cmp-text .by-visitor.sec-output_format{background:var(--mark-output);box-shadow:0 0 0 2px var(--mark-output);text-decoration-color:var(--p-output)}.resp{flex-direction:column;gap:8px;min-width:0;margin:12px 0 0;display:flex}.resp-cap{color:var(--muted);flex-wrap:wrap;gap:2px 16px;font-size:.84rem;display:flex}.resp-cap b{color:var(--ink);font-weight:600}.resp-frame{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;box-shadow:0 1px 2px #14161c0a,0 10px 30px -18px #14161c2e}.resp-body{overflow-wrap:anywhere;border-radius:13px;flex:1;max-height:34rem;padding:20px 22px 32px;font-size:.97rem;line-height:1.6;overflow-y:auto}.resp-body:focus-visible{outline-offset:-3px}.resp-body>*+*{margin-top:.8em}.resp-body p,.resp-body ul,.resp-body ol,.resp-body pre,.resp-body table,.resp-body blockquote{margin-bottom:0}.resp-body h4,.resp-body h5,.resp-body h6{letter-spacing:-.01em;margin:1.3em 0 0;font-size:1.02rem;font-weight:650;line-height:1.3}.resp-body h4{font-size:1.12rem}.resp-body>:first-child{margin-top:0}.resp-body ul,.resp-body ol{padding-left:1.4em}.resp-body li+li{margin-top:.3em}.resp-body ul.contains-task-list{padding-left:.2em;list-style:none}.resp-body a{color:var(--focus);text-underline-offset:.15em}.resp-body code{font-family:var(--mono);background:var(--soft);border-radius:4px;padding:.1em .3em;font-size:.88em}.resp-body pre{font-family:var(--mono);background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;font-size:.82rem;line-height:1.55}.resp-body pre code{font-size:inherit;background:0 0;padding:0}.resp-body table{border-collapse:collapse;max-width:100%;font-size:.9rem;line-height:1.45;display:block;overflow-x:auto}.resp-body th,.resp-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:normal;padding:6px 12px 6px 0}.resp-body th{font-weight:600}.resp-body blockquote{border-left:3px solid var(--line);color:var(--muted);margin-left:0;padding-left:14px}.resp-body hr{border:0;border-top:1px solid var(--line);margin-block:1.4em}.resp-body .pending{font-family:var(--mono);color:var(--muted);font-size:.9rem}.pair-foot{margin-top:clamp(20px,2.4vw,28px)}.cta{align-items:center;gap:10px;min-height:48px;padding:12px 24px 12px 22px;font-weight:600;text-decoration:none;display:inline-flex}.cta svg{flex:none}@media (width<=820px){.pair-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:0}.side{flex-direction:column;grid-row:auto;gap:12px;display:flex}.side+.side{margin-top:36px}.resp{margin-top:0}.cmp-prompt{padding:16px 16px 18px}.side-usual .cmp-panel,.side-head{align-self:stretch}.mark-toggle{margin-left:0}.mark-key{justify-content:flex-start}.resp-body{max-height:28rem;padding:18px 18px 32px}}.resp-body :is(th,td).al-left{text-align:left}.resp-body :is(th,td).al-center{text-align:center}.resp-body :is(th,td).al-right{text-align:right}