@font-face{font-family:Piazzolla Variable;font-style:normal;font-display:optional;font-weight:100 900;src:url(/fonts/piazzolla-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Piazzolla Variable;font-style:italic;font-display:optional;font-weight:100 900;src:url(/fonts/piazzolla-latin-opsz-italic.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Recursive Variable;font-style:normal;font-display:optional;font-weight:300 1000;src:url(/fonts/recursive-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #FCFBF7;--paper-2: #FFFFFF;--ink: #1A1820;--ink-2: #4A4650;--ink-3: #6B6672;--rule: #D9D5CF;--rule-2: #EEEBE4;--violet: #7A2FB0;--violet-2: #5B2087;--violet-wash: #F3ECFA;--good: #1F6B3A;--good-wash: #E8F3EC;--warn: #8A4B00;--warn-wash: #FBF0E0;--bad: #9B2226;--bad-wash: #F9E7E7;--serif: "Piazzolla Variable", Georgia, "Times New Roman", serif;--mono: "Recursive Variable", ui-monospace, "Cascadia Mono", Menlo, monospace;--measure: 66ch;--wrap: 1240px;--pad: clamp(18px, 4vw, 40px);--step-0: clamp(16px, .95rem + .25vw, 17.5px);--step-1: clamp(18px, 1rem + .4vw, 21px);--step-2: clamp(22px, 1.15rem + .9vw, 30px);--step-3: clamp(30px, 1.4rem + 2vw, 54px);--t-fast: .12s;--t-mid: .22s;--curve: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font:400 var(--step-0)/1.55 var(--serif);font-optical-sizing:auto;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-size-adjust:ex-height from-font;min-height:100vh;display:flex;flex-direction:column}img,svg,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}code,kbd,samp,pre,.mono{font-family:var(--mono);font-variation-settings:"MONO" 1,"CASL" 0}code,kbd,samp{font-size:.92em}p code,li code,dd code,td code{color:var(--violet-2)}h1 code,h2 code,h3 code{font-weight:inherit;color:var(--violet)}.wrap{width:min(100% - 2 * var(--pad),var(--wrap));margin-inline:auto}.mast{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 0 12px;border-bottom:1.5px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px}.brand svg{display:block;flex:0 0 auto}.brand .wm{font:600 21px/1 var(--serif);letter-spacing:-.01em;color:var(--ink)}.brand .wm small{display:block;font:400 11.5px/1.2 var(--mono);color:var(--ink-3);margin-top:5px;letter-spacing:.06em}.menu{display:flex;gap:22px;font:400 14px/1 var(--mono);color:var(--ink-2);margin:0;padding:0;list-style:none}.menu a:before{content:"{ ";color:var(--violet)}.menu a:after{content:" }";color:var(--violet)}.menu a[aria-current]{color:var(--ink);font-weight:700}.menu-toggle{display:none}@media(max-width:860px){.mast{align-items:center}.menu-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:1.5px solid var(--ink);color:var(--ink);font:500 13px/1 var(--mono);padding:9px 12px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}.menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;flex-direction:column;gap:0;background:var(--paper-2);border-bottom:1.5px solid var(--ink);padding:8px var(--pad) 14px}.menu a{display:block;padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px}.mast{position:relative}.mast.open .menu{display:flex}}.crumbs{border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:6px 10px;font:400 12.5px/1.4 var(--mono);color:var(--ink-3);padding:18px 0 0;margin:0;list-style:none}.crumbs li+li:before{content:"› ";color:var(--violet)}.crumbs a:hover{color:var(--violet)}.page-head{padding:22px 0 26px;border-bottom:1px solid var(--rule)}.page-head h1{font:300 var(--step-3)/1.08 var(--serif);letter-spacing:-.02em;margin:0 0 12px;max-width:26ch}.page-head h1 b,.page-head h1 strong{font-weight:700}.page-head .lead{font-size:var(--step-1);color:var(--ink-2);max-width:var(--measure);margin:0}.page-head .kv{display:flex;flex-wrap:wrap;gap:8px 28px;font:400 12.5px/1.6 var(--mono);color:var(--ink-3);margin-top:16px}.page-head .kv b{color:var(--ink);font-weight:600}.page-head.plate-head{position:relative;min-height:260px;padding-right:40%}.page-head.plate-head:after{content:"";position:absolute;z-index:-1;top:-10px;right:0;bottom:8px;width:46%;background:var(--plate-img) right center / contain no-repeat;mix-blend-mode:multiply;opacity:.92;pointer-events:none}@media(max-width:980px){.page-head.plate-head{padding-right:0;min-height:0}.page-head.plate-head:after{display:none}}@media print{.page-head.plate-head:after{display:none}}.plate-referenz{--plate-img: image-set(url(/graphics/hero/hero-referenz-760.avif) type("image/avif") 1x, url(/graphics/hero/hero-referenz-1200.avif) type("image/avif") 2x, url(/graphics/hero/hero-referenz-760.webp) type("image/webp") 1x, url(/graphics/hero/hero-referenz-1200.webp) type("image/webp") 2x)}.plate-lab{--plate-img: image-set(url(/graphics/hero/hero-lab-760.avif) type("image/avif") 1x, url(/graphics/hero/hero-lab-1200.avif) type("image/avif") 2x, url(/graphics/hero/hero-lab-760.webp) type("image/webp") 1x, url(/graphics/hero/hero-lab-1200.webp) type("image/webp") 2x)}.plate-lernen{--plate-img: image-set(url(/graphics/hero/hero-lernen-760.avif) type("image/avif") 1x, url(/graphics/hero/hero-lernen-1200.avif) type("image/avif") 2x, url(/graphics/hero/hero-lernen-760.webp) type("image/webp") 1x, url(/graphics/hero/hero-lernen-1200.webp) type("image/webp") 2x)}.plate-ueben{--plate-img: image-set(url(/graphics/hero/hero-ueben-760.avif) type("image/avif") 1x, url(/graphics/hero/hero-ueben-1200.avif) type("image/avif") 2x, url(/graphics/hero/hero-ueben-760.webp) type("image/webp") 1x, url(/graphics/hero/hero-ueben-1200.webp) type("image/webp") 2x)}.plate-testen{--plate-img: image-set(url(/graphics/hero/hero-testen-760.avif) type("image/avif") 1x, url(/graphics/hero/hero-testen-1200.avif) type("image/avif") 2x, url(/graphics/hero/hero-testen-760.webp) type("image/webp") 1x, url(/graphics/hero/hero-testen-1200.webp) type("image/webp") 2x)}.article{display:grid;grid-template-columns:200px minmax(0,1fr) 260px;gap:44px;padding:34px 0 56px;align-items:start}.article>.prose{min-width:0}.rail{position:sticky;top:16px;font:400 13px/1.6 var(--mono)}.rail h2{font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}.rail ol{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.rail li{border-bottom:1px solid var(--rule)}.rail a{display:block;padding:8px 0 8px 12px;color:var(--ink-2);border-left:2px solid transparent;margin-left:-2px}.rail a:hover,.rail a[aria-current]{color:var(--ink);border-left-color:var(--violet)}.notes .note{font-size:14.5px;line-height:1.5;color:var(--ink-2);border-top:1.5px solid var(--ink);padding-top:10px}.notes .note+.note{margin-top:18px}.notes .note b,.notes .note strong{font:600 12px/1.6 var(--mono);color:var(--ink);letter-spacing:.05em;display:block;margin-bottom:6px}.notes .note code{color:var(--violet-2)}@media(max-width:1100px){.article{grid-template-columns:minmax(0,1fr) 240px}.article>.rail{display:none}}@media(max-width:800px){.article{grid-template-columns:minmax(0,1fr);gap:28px}.notes{order:3}.notes .note{border-top-width:1px}}.prose{max-width:100%}.prose>*{max-width:var(--measure)}.prose>.sheet,.prose>.lab,.prose>figure,.prose>table,.prose>.table-scroll,.prose>.casc,.prose>.ex,.prose>.exercise,.prose>.quiz,.prose>.spec,.prose>.support,.prose>.demo-frame,.prose>pre{max-width:none}.prose h2{font:600 var(--step-2)/1.15 var(--serif);letter-spacing:-.015em;margin:2.2em 0 .6em;padding-top:.6em;border-top:1.5px solid var(--ink);scroll-margin-top:20px}.prose h2:first-child{margin-top:0}.prose h3{font:600 var(--step-1)/1.25 var(--serif);margin:1.6em 0 .4em;scroll-margin-top:20px}.prose h4{font:600 var(--step-0)/1.3 var(--serif);margin:1.2em 0 .3em}.prose p,.prose li,.prose dd{color:var(--ink-2)}.prose p{margin:0 0 1em}.prose strong{color:var(--ink)}.prose a{color:var(--ink);border-bottom:1px solid var(--violet)}.prose a:hover{color:var(--violet)}.prose a.exlink:after{content:"↗";font-family:var(--mono);font-size:.75em;margin-left:2px;color:var(--violet)}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1em}.prose ul{list-style:none;padding-left:1.2em}.prose ul>li{position:relative;margin:.3em 0}.prose ul>li:before{content:"{ }";position:absolute;left:-1.5em;top:.05em;font:500 .78em/1.7 var(--mono);color:var(--violet);letter-spacing:-.1em}.prose ol>li{margin:.3em 0}.prose ol>li::marker{font-family:var(--mono);color:var(--violet);font-weight:600}.prose ol.la{list-style-type:lower-alpha}.prose ol.ur{list-style-type:upper-roman}.prose ol.ua{list-style-type:upper-alpha}.prose ol.d{list-style-type:decimal}.prose dl{margin:0 0 1.2em}.prose dt{font-weight:600;color:var(--ink);margin-top:.7em}.prose dt code{color:var(--violet-2)}.prose dd{margin:.15em 0 0 1.4em}.prose blockquote{margin:1.2em 0;padding:0 0 0 1.2em;border-left:1.5px solid var(--ink);font-style:italic}.prose img{display:block}.prose abbr{text-decoration:underline dotted;cursor:help}.prose .hilite{background:var(--violet-wash);color:var(--violet-2);padding:0 .2em}.prose p.note,.prose .textnote,.prose p.actuality{font-size:.9em;color:var(--ink-3)}.prose p.proverb,.prose p.proverb-a{font-style:italic;color:var(--ink-2);padding-left:2em}.prose p.proverb-a{font-variant:small-caps;font-style:normal}.prose p.quote{padding:0 2em}.prose p.diagram{margin-left:2em}.prose .showme{border-bottom:1px dotted var(--ink-3);cursor:help}.prose .floatpicr,.prose .floatpicl{float:right;margin:.3em 0 1em 1.4em;max-width:46%;width:auto!important}.prose .floatpicl{float:left;margin:.3em 1.4em 1em 0}.prose .floatpicr img,.prose .floatpicl img{border:1px solid var(--rule);background:#fff}.prose figure{margin:1em 0 1.4em}.prose figure.figpair img{display:block}.prose table caption{caption-side:top;text-align:left;padding:0 0 10px;font-weight:500;color:var(--ink)}.prose table caption h3{margin:0}.prose p.caption,.prose figcaption{font:400 13px/1.45 var(--mono);color:var(--ink-3);margin:.4em 0 0}.prose .spacer,.prose .line{clear:both}@media(max-width:640px){.prose .floatpicr,.prose .floatpicl{float:none;max-width:100%;margin:1em 0}}.prose pre,pre.code{font:500 14px/1.6 var(--mono);background:var(--paper-2);border:1px solid var(--rule);border-left:3px solid var(--ink);padding:14px 16px;margin:1em 0 1.2em;overflow-x:auto;white-space:pre;color:var(--ink);position:relative}pre.code[data-lang=html]{border-left-color:var(--ink-3)}pre.code[data-lang=js]{border-left-color:var(--violet-2)}pre.code[data-lang~=good]{border-left-color:var(--good)}pre.code[data-lang~=bad]{border-left-color:var(--bad)}pre.code[data-lang=spec]{border:0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--rule);background:transparent;padding:10px 0;font-weight:600;white-space:pre-wrap}pre.code[data-lang=spec] .showme{border-bottom:1px dotted var(--violet)}pre.code:before{content:attr(data-lang);position:absolute;top:0;right:0;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:5px 8px}pre.code[data-lang=spec]:before{content:"Spezifikation"}pre.code[data-lang="css good"]:before{content:"css · richtig";color:var(--good)}pre.code[data-lang="css bad"]:before{content:"css · falsch";color:var(--bad)}pre em,pre.code em{font-style:normal;color:var(--violet);font-weight:700}.table-scroll{overflow-x:auto;margin:1em 0 1.4em}.prose table{border-collapse:collapse;width:100%;font-size:.93em;margin:1em 0 1.4em}.prose th,.prose td{text-align:left;vertical-align:top;padding:8px 12px;border-bottom:1px solid var(--rule)}.prose th{font:500 12px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1.5px solid var(--ink)}.prose th p{margin:0}.prose td.ok{color:var(--good)}.prose td.notok{color:var(--bad)}.prose th[scope=row]{font:inherit;font-size:.95em;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink);border-bottom:1px solid var(--rule)}.prose #features table{font-family:var(--mono);font-size:13px}.prose #features td{color:var(--ink)}.prose .initial{background:var(--ink);color:#fff;padding:0 3px}.prose table.tformat td.a,.prose table.tformat td.b{font-family:var(--mono);font-size:13px}.prose table.tformat tr:hover td{background:var(--violet-wash)}.prose dl.feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 24px;margin:1em 0 1.4em;padding:0;border-top:1.5px solid var(--ink)}.prose dl.feat>div{padding:10px 0 12px;border-bottom:1px solid var(--rule)}.prose dl.feat dt{font:500 12px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin:0 0 4px}.prose dl.feat dd{margin:0;font-size:.95em}.table-scroll .table-scroll{overflow:visible;margin:0}@media(max-width:640px){.prose table.t-cards,.prose table.t-cards tbody,.prose table.t-cards tfoot,.prose table.t-cards tr,.prose table.t-cards td,.prose table.t-cards th{display:block;width:auto}.prose table.t-cards thead,.prose table.t-cards tfoot tr:first-child,.prose table.t-cards tr.t-head{display:none}.prose table.t-cards caption{display:block;padding:0 0 8px}.prose table.t-cards tr{border:1px solid var(--rule);border-left:3px solid var(--ink);background:var(--paper-2);padding:6px 12px 8px;margin:0 0 12px}.prose table.t-cards td,.prose table.t-cards th{padding:6px 0;border-bottom:1px solid var(--rule-2)}.prose table.t-cards tr>:last-child{border-bottom:0}.prose table.t-cards td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;font:500 11px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}.prose table.t-cards th[id]{font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink);border-bottom:1px solid var(--rule-2)}.prose table.t-kv td:first-child{font-weight:600}}.prose tfoot th[colspan],.prose tfoot th[colspan] p{font:400 13.5px/1.55 var(--serif);text-transform:none;letter-spacing:0;color:var(--ink-2)}.prose tfoot th[colspan] p{margin:0 0 6px}.prose #browsersupport dl,.prose table#browsersupport dl{margin:.4em 0 1em;border-top:1.5px solid var(--ink)}.prose #browsersupport dt,.prose table#browsersupport dt{font:600 12.5px/1.5 var(--mono);color:var(--ink);margin:0;padding:8px 0 0}.prose #browsersupport dd,.prose table#browsersupport dd{margin:2px 0 0;padding:0 0 8px 14px;border-bottom:1px solid var(--rule);border-left:3px solid var(--rule);font-size:.93em}.prose dd.light-free{border-left-color:var(--good)!important}.prose dd.light-attention,.prose dd.light-att-free{border-left-color:var(--warn)!important}.prose dd.light-stop,.prose dd.light-stop-att{border-left-color:var(--bad)!important}.sheet{border:1px solid var(--ink);background:var(--paper-2);box-shadow:6px 6px 0 var(--rule);margin:1.2em 0 1.6em}.sheet-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--ink);font:500 12px/1.3 var(--mono);letter-spacing:.05em;color:var(--ink-2)}.sheet-h .dots{display:flex;gap:6px}.sheet-h .dots i{width:9px;height:9px;border:1px solid var(--ink);display:block}.sheet .css{padding:16px 18px 10px;font:500 15px/1.7 var(--mono);color:var(--ink);border-bottom:1px solid var(--rule);white-space:pre-wrap;margin:0;background:transparent;border-left:0}.sheet .css .sel{color:var(--violet-2);font-weight:600}.sheet .css .pr{color:var(--ink-2)}.sheet .css .val{color:var(--violet);font-weight:700}.sheet .ctl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--rule);font:400 13px/1 var(--mono);color:var(--ink-2)}.sheet .ctl label{white-space:nowrap}.sheet .ctl select{width:100%;min-width:0;max-width:100%}.sheet input[type=range]{-webkit-appearance:none;appearance:none;height:2px;background:var(--ink);width:100%;margin:0}.sheet input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--violet);border:2px solid #fff;outline:1px solid var(--ink)}.sheet input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--violet);border:2px solid #fff;outline:1px solid var(--ink);border-radius:0}.sheet select{font:500 13px/1.2 var(--mono);background:var(--paper-2);color:var(--ink);border:1px solid var(--ink);padding:5px 8px}.sheet .ctl output,.sheet .ctl .out{min-width:6ch;text-align:right;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.sheet .stage{padding:22px 18px;min-height:96px;overflow:hidden}.sheet .readout{display:grid;grid-template-columns:repeat(3,1fr);font:400 12px/1.5 var(--mono);color:var(--ink-2);border-top:1px solid var(--rule)}.sheet .readout>div{padding:9px 14px;border-right:1px solid var(--rule);min-width:0}.sheet .readout>div:last-child{border-right:0}.sheet .readout b{display:block;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:560px){.sheet .ctl{grid-template-columns:minmax(0,1fr) auto}.sheet .ctl label{grid-column:1 / -1;white-space:normal;overflow-wrap:anywhere}.sheet .readout{grid-template-columns:1fr}.sheet .readout>div{border-right:0;border-bottom:1px solid var(--rule)}}.demo-frame{margin:1.2em 0 1.6em}.demo-frame iframe{display:block;width:100%;height:360px;border:0;background:#fff}.demo-frame .sheet-h a{color:var(--violet)}.sec{display:grid;grid-template-columns:150px minmax(0,1fr) 280px;gap:40px;padding:48px 0;border-bottom:1px solid var(--rule)}.sec .no{font:300 44px/1 var(--serif);color:var(--ink-3);letter-spacing:-.02em}.sec .no small{display:block;font:500 11.5px/1.4 var(--mono);color:var(--violet);margin-top:10px;letter-spacing:.06em}.sec h2{font:600 var(--step-2)/1.15 var(--serif);margin:0 0 14px;letter-spacing:-.015em}.sec>div>p{max-width:var(--measure);color:var(--ink-2);margin:0 0 14px}@media(max-width:1100px){.sec{grid-template-columns:110px minmax(0,1fr)}.sec aside{grid-column:2}}@media(max-width:700px){.sec{grid-template-columns:minmax(0,1fr);gap:18px;padding:34px 0}.sec .no{font-size:34px}.sec aside{grid-column:1}}.pidx-inline{font:400 14px/1.9 var(--mono);color:var(--ink-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 0;margin:18px 0 22px}.pidx-inline a{border-bottom:0;color:var(--ink);white-space:nowrap}.pidx-inline a:hover{color:var(--violet)}.pidx-key{font-size:.92em;color:var(--ink-3)}ol.contents{list-style:none;counter-reset:c;margin:0 0 1.2em;padding:0;border-top:1.5px solid var(--ink)}ol.contents li{counter-increment:c;display:grid;grid-template-columns:3ch minmax(0,1fr) auto;gap:16px;padding:11px 0;border-bottom:1px solid var(--rule);align-items:baseline}ol.contents li:before{content:counter(c,decimal-leading-zero);font:500 13px/1 var(--mono);color:var(--violet)}ol.contents li>span{font:400 12.5px/1.4 var(--mono);color:var(--ink-3);text-align:right}ol.contents a{font-size:var(--step-1);border-bottom:0;color:var(--ink)}ol.contents a:hover{border-bottom:1px solid var(--violet)}ol.contents small{display:block;font-size:14px;color:var(--ink-3);margin-top:2px}.casc{border:1px solid var(--ink);background:var(--paper-2);font:400 14px/1.5 var(--mono);margin:1em 0 1.4em}.casc .r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;padding:10px 14px;border-bottom:1px solid var(--rule);align-items:center}.casc .r:last-child{border-bottom:0}.casc .r.lose{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--ink-3)}.casc .r.win{background:var(--violet-wash);color:var(--violet-2);font-weight:600}.casc .sp{font-variant-numeric:tabular-nums;color:var(--ink-2)}.casc .win .sp{color:var(--violet-2)}.casc .tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.casc .win .tag{color:var(--violet)}@media(max-width:560px){.casc .r{grid-template-columns:minmax(0,1fr) auto}.casc .tag{grid-column:1 / -1}}details.fold{border-top:1px solid var(--rule);font-size:1em}details.fold:last-of-type{border-bottom:1px solid var(--rule)}details.fold>summary{cursor:pointer;padding:12px 0;list-style:none;display:flex;gap:12px;align-items:baseline}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:before{content:"{ + }";font:500 12.5px/1.6 var(--mono);color:var(--violet);flex:0 0 auto}details.fold[open]>summary:before{content:"{ – }"}details.fold>summary h3{font:600 var(--step-0)/1.4 var(--serif);margin:0;color:var(--ink)}details.fold>.fold-body{padding:0 0 14px 2.6em}details.fold>.fold-body p:last-child{margin-bottom:0}.plate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;margin:1.4em 0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--rule);padding:12px 0}.plate>b{font:500 11.5px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);writing-mode:vertical-rl;transform:rotate(180deg);border-left:1px solid var(--rule);padding-left:0;align-self:start}.plate>div p{margin:0 0 .6em;font-size:.95em}.plate>div p:last-child{margin:0}.tl{display:grid;grid-template-columns:repeat(4,1fr);border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none}.tl li{padding:14px 18px 6px 0;border-right:1px solid var(--rule);position:relative}.tl li:last-child{border-right:0}.tl li:before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;background:var(--violet)}.tl b{display:block;font:300 30px/1 var(--serif);letter-spacing:-.02em}.tl span{display:block;font:400 13px/1.5 var(--mono);color:var(--ink-2);margin-top:6px}@media(max-width:700px){.tl{grid-template-columns:1fr 1fr}.tl li{border-bottom:1px solid var(--rule)}}.btn{display:inline-block;font:500 14px/1 var(--mono);border:1.5px solid var(--ink);padding:11px 16px;color:var(--ink);background:var(--paper-2)}.btn.primary{background:var(--ink);color:#fff}.btn:hover{border-color:var(--violet);color:var(--violet)}.btn.primary:hover{background:var(--violet);border-color:var(--violet);color:#fff}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.foot{margin-top:auto;border-top:1.5px solid var(--ink)}.foot .in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;padding:30px 0 54px;font:400 13.5px/1.7 var(--mono);color:var(--ink-3)}.foot ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none}.foot a{color:var(--ink-2)}.foot a:before{content:"{ ";color:var(--violet)}.foot a:after{content:" }";color:var(--violet)}.foot a:hover{color:var(--violet)}.foot .fine{grid-column:1 / -1;font-size:12.5px;max-width:80ch}@media(max-width:700px){.foot .in{grid-template-columns:1fr;gap:0;padding:0 0 40px}.foot ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.foot ul+ul{border-top:1px solid var(--ink);margin-top:-1px}.foot ul+ul li:nth-child(-n+2) a{border-top:0}.foot li a{display:block;padding:11px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.3}.foot ul:first-child li:nth-last-child(-n+2):nth-child(odd) a,.foot ul:first-child li:last-child a{border-bottom:0}.foot a:before{content:"{ "}.foot a:after{content:none}.foot .fine{padding-top:18px;font-size:12.5px;line-height:1.6}}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;font:500 13px/1 var(--mono);z-index:100}.skip:focus{left:8px}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media print{.mast,.rail,.foot,.menu-toggle{display:none!important}.article{display:block}}.kicker{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin:0 0 10px}.pn{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1.5px solid var(--ink);margin-top:40px;padding-top:16px;max-width:none!important}.pn a{display:block;font:500 16px/1.35 var(--serif);color:var(--ink);border:0}.pn a small{display:block;font:400 11.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.pn a.r{text-align:right;grid-column:2}.pn a:hover{color:var(--violet)}.plate-home{--plate-img: image-set(url(/graphics/hero/hero-home-760.avif) type("image/avif") 1x, url(/graphics/hero/hero-home-1200.avif) type("image/avif") 2x, url(/graphics/hero/hero-home-760.webp) type("image/webp") 1x, url(/graphics/hero/hero-home-1200.webp) type("image/webp") 2x)}