.ex-notice{font-size:13.5px;color:var(--ink-faint);max-width:70ch}.ex-sec{padding-top:0}.ex-bar{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px);position:relative}.ex-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ex-views{position:absolute;right:0;display:flex;gap:4px;padding:4px;border:1px solid var(--hair);border-radius:999px}@media (max-width:760px){.ex-views{position:static}}.ex-view{width:38px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--ink-faint);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}.ex-view svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.ex-view.is-on{background:var(--ink);color:var(--paper)}.ex-chip{font-family:var(--sans);font-size:15px;font-weight:400;color:var(--ink-mid);background:transparent;border:1px solid var(--hair);border-radius:999px;padding:10px 20px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.ex-chip:hover{border-color:var(--ink)}.ex-chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media (max-width:1000px){.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ex-grid{grid-template-columns:1fr}}.ex-card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--card);border-radius:var(--r);padding:28px 26px 26px;display:flex;flex-direction:column;gap:16px;min-height:340px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.ex-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1e1b1a14}.ex-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ex-card[hidden]{display:none!important}.ex-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ex-cond{font-size:14px;color:var(--ink-faint)}.ex-title{font-family:var(--serif);font-size:26px;line-height:1.15;color:var(--ink)}.ex-note{display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.55;color:var(--ink-mid);border-left:2px solid var(--accent-line, #E8CDB8);padding:2px 0 2px 16px}.ex-note-t{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ex-lang{align-self:flex-start;font-size:11.5px;font-weight:500;color:var(--accent-text);background:var(--accent-wash);border-radius:999px;padding:2px 9px}.ex-open{margin-top:auto;font-size:15px;color:var(--accent-text);display:inline-flex;align-items:center;gap:6px}.ex-arrow{display:inline-block;transition:transform .3s var(--ease)}.ex-card:hover .ex-arrow,.ex-card:focus-visible .ex-arrow{transform:rotate(-45deg)}.vpill{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--ink-mid);border:1px solid var(--hair);border-radius:999px;padding:4px 12px 4px 10px;white-space:nowrap}.vpill i{width:7px;height:7px;border-radius:50%}.vpill.v-code{background:var(--accent);color:var(--white);border-color:var(--accent)}.vpill.v-code i{background:var(--white)}.vpill.v-ask i{background:var(--accent)}.vpill.v-decline i{background:transparent;border:1.5px solid var(--ink-faint)}.ex-grid.is-list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--hair)}.ex-grid.is-list .ex-card{background:transparent;border-radius:0;min-height:0;padding:22px 8px;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) auto auto;align-items:center;gap:24px}.ex-grid.is-list .ex-card:hover{transform:none;box-shadow:none;background:var(--card)}.ex-grid.is-list .ex-top{display:contents}.ex-grid.is-list .ex-cond{grid-column:1;grid-row:1}.ex-grid.is-list .ex-title{grid-column:2;grid-row:1;font-size:22px}.ex-grid.is-list .vpill{grid-column:3;grid-row:1}.ex-grid.is-list .ex-note{display:none}.ex-grid.is-list .ex-open{grid-column:4;grid-row:1;margin:0;font-size:0;gap:0}.ex-grid.is-list .ex-open .ex-arrow{font-size:18px}@media (max-width:760px){.ex-grid.is-list .ex-card{grid-template-columns:1fr auto;gap:8px 16px}.ex-grid.is-list .ex-cond{grid-column:1/-1}.ex-grid.is-list .ex-title{grid-row:2;grid-column:1}.ex-grid.is-list .vpill{grid-row:2;grid-column:2}.ex-grid.is-list .ex-open{display:none}}.ex-card .vchip{width:auto;padding:5px 14px}.ex-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#fff9ee6b;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);opacity:0;transition:opacity .5s var(--ease)}.ex-scrim.on{opacity:1}.ex-flip{position:fixed;z-index:90;transform-style:preserve-3d;will-change:transform}.ex-flip:not([hidden]){display:block}.ex-flip{transform:perspective(1800px) rotateY(-180deg)}.ex-flip.is-flipped{transform:none}.ex-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ex-front{background:var(--card);padding:28px 26px 26px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.ex-back{background:var(--paper);transform:rotateY(180deg);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 1px #1e1b1a0a,0 40px 90px -30px #1e1b1a59;padding:28px clamp(22px,4vw,40px) 32px}.ex-flip.is-flipped .ex-front{display:none}.ex-flip.is-flipped .ex-back{transform:none}.ex-close{position:sticky;float:right;top:0;margin:-8px -10px 0 0;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:var(--paper);font-size:22px;line-height:1;color:var(--ink);cursor:pointer}.ex-close:hover{background:var(--ink);color:var(--paper)}.ex-d-body{display:flex;flex-direction:column;gap:22px}.ex-d-body>.ex-top{padding-right:64px;min-height:32px}.ex-d-body h2{font-size:clamp(30px,3vw,40px);line-height:1.1}.ex-d-body h3{font-family:var(--sans);font-weight:500;font-size:14px;color:var(--ink);margin:0 0 8px;display:flex;align-items:center;gap:10px}.ex-d-body section p{color:var(--ink-mid);font-size:16px}.ex-d-note{font-size:15.5px!important;line-height:1.6;border-left:2px solid #E8CDB8;padding:2px 0 2px 16px}.ex-rules{display:flex;flex-wrap:wrap;gap:6px}.ex-rules code{font-family:var(--mono);font-size:12px;color:var(--ink-mid);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.ex-src{margin-top:8px;font-size:13px!important;color:var(--ink-faint)!important}.ex-d-foot{font-size:13px;color:var(--ink-faint);border-top:1px solid var(--hair);padding-top:16px}@media (prefers-reduced-motion: reduce){.ex-scrim,.ex-card{transition:none}}