.codex-layout{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:18px;padding:16px 24px 24px;align-items:stretch;min-height:0}.codex-layout-rail{grid-column:1;gap:12px}.codex-layout-main,.codex-layout-rail{min-width:0;display:flex;flex-direction:column}.codex-layout-main{grid-column:2;gap:14px}@media (max-width:1000px){.codex-layout{grid-template-columns:minmax(0,1fr)}.codex-layout-main,.codex-layout-rail{grid-column:1}}@media (max-width:480px){.codex-layout{padding:8px;gap:10px}}.codex-filter-rail{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--b-1);border-radius:var(--r-md);background:rgba(var(--white-rgb),.02)}.codex-filter-rail-title{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-weight:600;margin:0 0 4px}.codex-filter-field{display:flex;flex-direction:column;gap:4px}.codex-filter-field>label{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);font-weight:600}.codex-filter-field input,.codex-filter-field select{width:100%;background:rgba(var(--black-rgb),.25);border:1px solid var(--b-1);border-radius:var(--r-sm);padding:7px 10px;color:var(--fg);font-family:var(--sans);font-size:var(--text-md)}.codex-filter-field input:focus-visible,.codex-filter-field select:focus-visible{outline:2px solid var(--torii-lg);outline-offset:1px;border-color:var(--b-red-2)}.codex-grid{gap:8px;padding:0;margin:0;list-style:none}.codex-grid,.codex-grid-row{display:flex;flex-direction:column}.codex-grid-row{gap:4px;padding:10px 14px;border:1px solid var(--b-1);border-radius:var(--r-sm);background:rgba(var(--white-rgb),.02);cursor:pointer;text-align:left;transition:border-color .15s var(--ease-out),background .15s var(--ease-out);color:inherit;font:inherit;width:100%;min-width:0}.codex-grid-row:hover{border-color:var(--b-2);background:rgba(var(--white-rgb),.035)}.codex-grid-row:focus-visible{outline:2px solid var(--torii-lg);outline-offset:-2px}.codex-grid-row.selected{border-color:var(--b-red-2);background:rgba(var(--torii-rgb),.06)}.codex-grid-row-head{display:flex;align-items:baseline;gap:8px;font-size:var(--text-md);min-width:0;overflow:hidden}.codex-grid-row-head>*{min-width:0;white-space:nowrap}.codex-grid-row-product,.codex-grid-row-vendor,.codex-grid-row-version{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.codex-grid-row-vendor{font-weight:600;color:var(--fg)}.codex-grid-row-sep{flex:0 0 auto;color:var(--fg-ghost)}.codex-grid-row-product{color:var(--fg-dim)}.codex-grid-row-version{font-family:var(--mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:.05em}.codex-grid-row-meta{flex:0 1 auto;margin-left:auto;letter-spacing:.1em;text-transform:uppercase}.codex-grid-row-hash,.codex-grid-row-meta{font-family:var(--mono);font-size:var(--text-xs);color:var(--fg-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-grid-row-preview{font-size:var(--text-md);color:var(--fg-dim);line-height:1.4;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.codex-grid-row-head{gap:4px}.codex-grid-row-meta{display:none}}.codex-grid-empty{padding:14px;font-family:var(--mono);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);text-align:center;border:1px dashed var(--b-1);border-radius:var(--r-sm)}.codex-drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(520px,96vw);background:linear-gradient(180deg,var(--bg-2) 0,var(--bg-1) 100%);border-left:1px solid var(--b-2);box-shadow:-24px 0 80px rgba(var(--black-rgb),.55);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s var(--ease-out)}.codex-drawer[open]{transform:translateX(0)}dialog.dojo-codex-drawer{margin:0;padding:0;border:0;inset:0 0 0 auto;max-width:min(520px,96vw);max-height:100vh;color:var(--fg);overflow:visible}dialog.dojo-codex-drawer::backdrop{background:rgba(var(--black-rgb),.55);transition:opacity .18s var(--ease-out)}.codex-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px 12px;border-bottom:1px solid var(--b-1)}.codex-drawer-head h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--fg);letter-spacing:-.005em}.codex-drawer-head .sub{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);font-weight:500;margin-top:4px}.codex-drawer-close{width:28px;height:28px;border-radius:var(--r-sm);display:inline-grid;place-items:center;color:var(--fg-mute);border:1px solid var(--b-1);background:rgba(var(--white-rgb),.02);transition:color .15s,border-color .15s;position:relative}.codex-drawer-close:before{content:"";position:absolute;inset:-8px}.codex-drawer-close:hover{color:var(--fg);border-color:var(--b-2)}.codex-drawer-close:focus-visible{outline:2px solid var(--torii-lg);outline-offset:2px}.codex-drawer-body{flex:1;overflow-y:auto;padding:14px 18px 18px;display:flex;flex-direction:column;gap:14px}.codex-paper-entry{position:relative;padding:14px 16px;border-left:1px solid var(--b-1);border:1px solid var(--b-1);border-left:3px solid rgba(var(--gold-rgb),.5);border-radius:var(--r-sm);background:rgba(var(--white-rgb),.02);color:var(--fg)}.codex-paper-entry-provenance{display:grid;grid-template-columns:minmax(0,auto) 1fr;gap:4px 12px;font-size:var(--text-sm);margin:0 0 10px}.codex-paper-entry-provenance dt{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);font-weight:600}.codex-paper-entry-provenance dd{margin:0;color:var(--fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:var(--mono);font-size:var(--text-sm)}.codex-paper-entry-body{margin:0;white-space:pre-wrap;font-size:var(--text-md);line-height:1.55;color:var(--fg);overflow-wrap:anywhere}.codex-technique-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--b-1);border-radius:var(--r-md);background:linear-gradient(180deg,rgba(var(--white-rgb),.02) 0,transparent 100%),rgba(var(--black-rgb),.2);color:var(--fg)}.codex-technique-card-head{display:flex;flex-direction:column;gap:4px}.codex-technique-card-id{font-family:var(--mono);font-size:var(--text-sm);letter-spacing:.08em;color:var(--torii-hi);font-weight:600;overflow-wrap:anywhere}.codex-technique-card-label{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--fg);letter-spacing:-.01em}.codex-technique-card-desc{margin:0;font-size:var(--text-md)}.codex-technique-card-desc,.codex-technique-card-example{line-height:1.5;color:var(--fg-dim);overflow-wrap:anywhere}.codex-technique-card-example{padding:10px 12px;border:1px dashed var(--b-1);border-radius:var(--r-sm);background:rgba(var(--black-rgb),.25);font-family:var(--mono);font-size:var(--text-sm);white-space:pre-wrap}.codex-technique-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.codex-technique-card-tag{font-family:var(--mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--b-1);background:rgba(var(--white-rgb),.03);color:var(--fg-dim)}.codex-technique-card-refs{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;font-size:var(--text-sm)}.codex-technique-card-refs li{color:var(--fg-mute);overflow-wrap:anywhere}.codex-badge,.codex-technique-card-refs li{font-family:var(--mono);font-size:var(--text-xs)}.codex-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--r-sm);letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:1px solid var(--b-1);background:rgba(var(--white-rgb),.03);color:var(--fg-dim)}.codex-badge.archival{color:var(--gold-lg);border-color:rgba(var(--gold-rgb),.35);background:rgba(var(--gold-rgb),.08)}@media (prefers-reduced-motion:reduce){.codex-drawer,dialog.dojo-codex-drawer::backdrop{transition:none}}.codex-hero{position:relative;overflow:hidden}.codex-hero-watermark{position:absolute;right:18px;bottom:-72px;font-family:var(--serif);font-weight:900;font-size:var(--text-watermark);color:rgba(var(--gold-rgb),.08);line-height:.8;letter-spacing:-.05em;pointer-events:none;user-select:none;text-shadow:0 4px 40px rgba(var(--gold-rgb),.18);z-index:0}[data-kamae-scope][data-kanji=off] .codex-hero-watermark{display:none}@media (max-width:768px){.codex-hero-watermark{font-size:var(--text-watermark-md);bottom:-36px}}@media (max-width:480px){.codex-hero-watermark{font-size:var(--text-watermark-sm);bottom:-18px}}