.kcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.kcard{background:var(--surface);border-radius:20px;flex-direction:column;gap:6px;padding:20px;display:flex}.kcard b{font-family:var(--display);flex-wrap:wrap;align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.kcard>span{color:var(--ink-2);flex:1;font-size:15.5px}.kcard a{color:var(--link);margin-top:6px;font-weight:600;text-decoration:none}.kcard a:hover{text-underline-offset:3px;text-decoration:underline}.soon{background:var(--pulp);color:var(--pulp-ink);font-family:var(--body);border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:700}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--art-bg:#f6eee2}html.theme-dark{--art-bg:#223024}.kcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}.kcards.one{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.kcard{box-shadow:0 1px 0 var(--line);border-radius:24px;gap:0;padding:10px 10px 20px}.kart{cursor:default;background:0 0;border:0;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden}button.kart{cursor:zoom-in}.kart .art{aspect-ratio:16/10;width:100%;height:auto;transition:transform .35s cubic-bezier(.2,0,0,1);display:block}button.kart:hover .art{transform:scale(1.035)}@media (hover:none){.kopen{opacity:1;transform:none}}button.kart:focus-visible{outline:2.5px solid var(--orange);outline-offset:3px}.kcard h3{font-family:var(--display);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 10px 0;font-size:20px;font-weight:800;display:flex}.kcard p{color:var(--ink-2);flex:1;margin:6px 10px 0;font-size:15.5px}.kcard a{margin:12px 10px 0}.art-bg{fill:var(--art-bg)}.art{direction:ltr}.art text{font-family:var(--ui);text-anchor:middle;font-weight:700}.tagpill rect{fill:#fff}.tagpill text{fill:#1d2b1f;font-size:13px}.tagpill.hot rect{fill:#ffb400}.tagpill .ico{fill:none;stroke:#1d2b1f;stroke-width:2px}.meta rect:first-child{fill:#fff;filter:drop-shadow(0 4px 8px #1d2b1f24)}.meta path{fill:#e8790c}.meta .ln{fill:#1d2b1f;opacity:.7}.meta.gone{opacity:.55}.meta.gone .ln,.meta.gone .ln2{opacity:.2}.meta .x{fill:none;stroke:#ff3b30;stroke-width:3px;stroke-linecap:round}.art .num{fill:#fff;font-size:16px}.art .ch{fill:#fff;opacity:.7;font-size:15px}.art .pg{fill:var(--ink-3);font-size:11px}@media (width<=960px){.kcards,.kcards.one{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kcards,.kcards.one{grid-template-columns:minmax(0,1fr)}}[dir=rtl] .kcard a span[aria-hidden]{display:inline-block;transform:scaleX(-1)}.art .path{fill:#1d2b1f;font-size:13px;font-weight:600}.art .term{text-anchor:start;font-family:ui-monospace,Cascadia Mono,DejaVu Sans Mono,monospace;font-size:13px;font-weight:500}.kcards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kcards.four .kcard{padding-bottom:18px}.kcards.four .kcard h3{font-size:18px}@media (width<=1100px){.kcards.four{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.kcards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kcards.four{grid-template-columns:minmax(0,1fr)}}.kmore{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:12px 10px 0;padding:0;font-weight:600}.kmore:hover{text-underline-offset:3px;text-decoration:underline}.demodlg{background:var(--surface);color:var(--ink);border:0;border-radius:28px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 40px 80px -30px #0000008c}.demodlg::backdrop{-webkit-backdrop-filter:blur(3px);background:#0f171173}.demodlg[open]{animation:.22s cubic-bezier(.2,0,0,1) edIn}@keyframes edIn{0%{opacity:0;transform:translateY(10px)scale(.97)}}.demo{padding:14px;position:relative}.demo-art .art{border-radius:18px;width:100%;height:auto;display:block}.demo-txt{padding:18px 12px 8px}.demo-txt h3{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(26px,3vw,34px);font-weight:800}.demo-txt p{color:var(--ink-2);margin-top:6px;font-size:17px}.demo-x{z-index:1;cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:40px;height:40px;margin-block:10px -50px;margin-inline:auto 10px;display:grid;position:sticky;top:10px;box-shadow:0 4px 14px #0003}.demo-x svg{stroke:#1d2b1f;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}.demo-steps{counter-reset:st;flex-wrap:wrap;align-items:flex-start;gap:10px 4px;margin-top:18px;list-style:none;display:flex}.demo-steps li{opacity:.35;flex-direction:column;gap:6px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(4px)}.demo-steps li.on{opacity:1;transform:none}.demo-steps li+li:before{content:"";inset-inline-start:2px;background:var(--ink-3);width:14px;height:14px;position:absolute;bottom:10px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m0 0-6-6m6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m0 0-6-6m6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat}.demo-steps li{padding-inline-start:20px;position:relative}.demo-steps li:first-child{padding-inline-start:0}.demo-steps small{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:700}.dfile,.dpetal{background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;height:34px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.dpetal{color:#1e160c;background:#ffb400}.demo-steps .kbd-lg{background:var(--surface);height:34px;box-shadow:inset 0 0 0 1.5px var(--line-2),0 2px 0 var(--line-2);border-radius:10px;align-self:flex-start;align-items:center;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.dfile.done{background:color-mix(in srgb,var(--leaf) 18%,var(--surface));color:var(--leaf-deep);box-shadow:0 0 0 1.5px var(--leaf)}html.theme-dark .dfile.done{color:#bfeac1}[dir=rtl] .demo-steps li+li:before{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.demodlg[open]{animation:none}.demo-steps li{opacity:1;transition:none;transform:none}}html.a11y-motion .demo-steps li{opacity:1;transform:none}.art .fs-cap{fill:#2b2b30;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:12px;font-weight:600}.art .mtx{fill:#1d2b1f;text-anchor:start;font-size:11px;font-weight:600}.meta.gone .mtx{fill:#9a9aa2}.meta .strike{stroke:#ff3b30;stroke-width:2px;stroke-linecap:round}.tagpill .wv{fill:none;stroke:#1d2b1f;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.art .key{fill:#1d2b1f;text-anchor:middle;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:12px;font-weight:700}.art .cpath{fill:#1d2b1f;text-anchor:start;font-family:ui-monospace,Cascadia Mono,DejaVu Sans Mono,monospace;font-size:13.5px;font-weight:600}.art .cpath .dir{fill:#8a8378;font-weight:500}.art .cpath .caret{fill:#e8790c;font-weight:400}.art .fs-cap.on{fill:#fff}.art .fd-h{fill:#a3a2aa;text-anchor:start;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:8px;font-weight:700}.art .fd-i{fill:#26262b;text-anchor:start;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:9.5px;font-weight:500}.art .fd-ic{fill:none;stroke:#0a7aff;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.art .fd-t{fill:#26262b;text-anchor:start;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:11px;font-weight:700}.art .fd-tb{fill:none;stroke:#8e8d95;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.art .fd-n{fill:#26262b;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:8.5px;font-weight:500}.art .fd-n.on{fill:#fff}.art .fd-d{fill:#fff;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:4.6px;font-weight:600}.art .fd-x{fill:#8e8d95;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:6px;font-weight:700}html.theme-dark .art:not(.k-pdf) path[stroke=\#1d2b1f][stroke-width="5"]{stroke:#ece8dd}html.theme-dark .art:not(.k-pdf) .fs-cap:not(.on){fill:#ece8dd}
