/* The context engineering card (look/context-card.mjs). Uses the --aw-* tokens from theme/boot.js. */
.ctx-card{display:grid;gap:10px;font:14px/1.45 var(--aw-font,system-ui,sans-serif);color:var(--aw-ink,#2b211a)}
.ctx-card h3{margin:0;font:600 17px/1.2 var(--aw-display,inherit)}
.ctx-lead{margin:0;color:var(--aw-soft,#6b5d52)}
.ctx-kind{border:1px solid var(--aw-line,#0002);border-radius:14px;background:var(--aw-bg,#fff);padding:0 12px}
.ctx-kind summary{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;list-style:none}
.ctx-kind summary::-webkit-details-marker{display:none}
.ctx-kind summary::after{content:'';margin-left:auto;width:7px;height:7px;border:solid var(--aw-soft,#6b5d52);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}
.ctx-kind[open] summary::after{transform:rotate(-135deg)}
.ctx-kind summary b{font-weight:600}
.ctx-kind summary i{font-style:normal;font-size:11px;padding:1px 7px;border-radius:9px;background:var(--aw-accent,#7a4b2a);color:var(--aw-on-accent,#fff)}
.ctx-kind summary i:empty{display:none}
.ctx-kind ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.ctx-kind li{display:grid;gap:1px}
.ctx-kind a{color:var(--aw-ink,#2b211a);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:2px}
.ctx-kind a:hover{text-decoration-color:currentColor}
.ctx-kind small{color:var(--aw-soft,#6b5d52);font-size:12px}
.ctx-none{margin:0 0 10px;color:var(--aw-soft,#6b5d52);font-style:italic}
.ctx-foot{margin:0;font-size:12px;color:var(--aw-soft,#6b5d52)}
.ctx-foot a{color:inherit}
.ctx-tab{all:unset;position:fixed;right:0;top:40%;z-index:50;writing-mode:vertical-rl;padding:12px 6px;border-radius:10px 0 0 10px;cursor:pointer;font:600 13px/1 var(--aw-font,system-ui,sans-serif);background:var(--aw-surface,#fff);color:var(--aw-ink,#2b211a);box-shadow:0 2px 10px #0002}
.ctx-float{position:fixed;right:40px;top:12px;bottom:12px;z-index:50;width:min(340px,calc(100vw - 56px));overflow-y:auto;padding:16px;border-radius:18px;background:var(--aw-surface,#fff);box-shadow:0 8px 32px #0003}
.ctx-float[hidden]{display:none}

.ctx-inspect,.ctx-inspector button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--aw-line,#d8d0c4);border-radius:10px;background:var(--aw-surface,#fff);color:var(--aw-ink,#2b211a);cursor:pointer}
.ctx-inspector{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-left:1px solid #d8d0c4;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:var(--aw-bg,#fffdf7);color:var(--aw-ink,#2b211a);overflow:auto;font:14px/1.5 system-ui,sans-serif}
.ctx-inspector::backdrop{background:transparent}
.ctx-inspector header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ctx-inspector h2{font-size:20px;margin:0}
.ctx-packet-actions{display:flex;flex-wrap:wrap;gap:8px}
.ctx-packet-meta,.ctx-packet-status{font-size:12px;overflow-wrap:anywhere}
.ctx-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace;border-top:1px solid #d8d0c4;padding-top:16px}