/* Scoped presentation for the LLM Wiki case and its project card. */
.llm-visual .llm-heading{max-width:none;margin:28px 0 30px}
.llm-visual .detail-lead{font-size:18px;line-height:1.85;max-width:780px;margin-top:20px}
.llm-visual .detail-lead strong{color:#e2e8f0;font-weight:500}
.llm-meta{display:flex;flex-wrap:wrap;gap:16px 30px;margin:26px 0 0;color:var(--muted);font-size:11px}
.llm-meta div{display:flex;gap:10px}.llm-meta dt{color:#718199}.llm-meta dd{margin:0}
.llm-overview{padding:26px 28px 20px;border:1px solid #64748b50;border-radius:16px;background:#0b1220;margin:32px 0 42px}
.llm-figure-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.llm-figure-heading h2{font-size:21px;margin-top:6px;letter-spacing:-.5px}
.llm-figure-heading>a{color:#c4b5fd;font-size:12px;white-space:nowrap}
.llm-figure-heading>span:last-child{font-size:10px;color:var(--muted)}
.llm-architecture{margin:20px 0 0}
.llm-architecture>a{display:block;position:relative;border-radius:10px;overflow:hidden;border:1px solid #33415560;cursor:zoom-in}
.llm-architecture img{display:block;width:100%;height:auto}
.llm-diagram-hint{position:absolute;right:12px;bottom:12px;color:#e2e8f0;background:#1e293bee;padding:5px 10px;border-radius:5px;font-size:10px}
.llm-architecture figcaption,.llm-real-screen figcaption,.llm-reuse-evidence figcaption,.llm-vault figcaption{font-size:11px;color:var(--muted);line-height:1.85;margin-top:12px}
.llm-route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #33415580;margin-top:18px;padding-top:16px}
.llm-route-summary p{font-size:12px;display:flex;gap:12px;align-items:center;color:#a1aec1}
.llm-route-summary b{font:11px var(--mono);color:#c4b5fd}
.llm-route-summary strong{color:#e2e8f0;font-weight:500}
.llm-chapter-nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-top:1px solid #33415590;border-bottom:1px solid #33415590;margin-bottom:10px}
.llm-chapter-nav a{font-size:12px;color:#b0bed0}.llm-chapter-nav a:hover{color:#22c55e}
.llm-visual .llm-chapter{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;padding:52px 0;margin:0;border-top:0;border-bottom:1px solid #33415580}
.llm-chapter header h2{font-size:25px;line-height:1.65;margin:12px 0;letter-spacing:-.7px;word-break:keep-all}
.llm-chapter .case-index{font-size:10px;letter-spacing:1px}
.llm-chapter-body{min-width:0}
.llm-chapter-body>p{font-size:15px;color:var(--muted);line-height:1.95;margin:0 0 20px;word-break:keep-all}
.llm-chapter-body strong{color:#e2e8f0;font-weight:500}
.llm-chapter-body>.llm-chapter-lead{font-size:22px;color:#d1d9e6;line-height:1.7;margin-bottom:22px}
.llm-chapter-body>.llm-small{font-size:12px;color:#94a3b8;line-height:1.9;margin-top:18px}
.llm-question-strip{display:flex;flex-wrap:wrap;gap:10px 24px;padding:18px 0;border-top:1px solid #a78bfa40;color:#c4b5fd;font-size:13px}
.llm-question-strip span::before{content:"?";font:12px var(--mono);margin-right:10px;color:#7c67b6}
.llm-context-compare{display:grid;grid-template-columns:1fr 22px 1fr;gap:16px;padding:25px;border:1px solid #334155;border-radius:12px;background:#111b2c}
.llm-context-compare h3{font-size:18px;margin:12px 0}.llm-context-compare p{font-size:12px;line-height:1.9;color:var(--muted)}
.llm-transition-arrow{align-self:center;color:#a78bfa;font-size:22px}
.llm-text-link{color:#c4b5fd;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.llm-iteration{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #334155;border-radius:12px;overflow:hidden}
.llm-before,.llm-after{padding:24px}.llm-before{background:#151c2b}.llm-after{background:#12302866;border-left:1px solid #334155}
.llm-step-label{display:block;font-size:10px;color:#a1aec1;letter-spacing:1px}.llm-after .llm-step-label{color:#6ee7a0}
.llm-iteration h3{font-size:18px;line-height:1.5;margin:10px 0}.llm-iteration p{font-size:12px;color:var(--muted)}
.llm-iteration ul{font-size:12px;color:#cbd5e1;line-height:2;margin:17px 0 0;padding-left:17px}
.llm-audio{grid-column:1/-1;display:flex;gap:16px;align-items:center;background:#0b1220;border-top:1px solid #334155;padding:20px 24px}
.llm-audio>span{font-size:22px;color:#c4b5fd}.llm-audio strong{font-size:13px}.llm-audio p{font-size:11px;margin-top:6px;line-height:1.8}
.llm-vault{margin:0;border:1px solid #334155;border-radius:12px;overflow:hidden;background:#0b1220}
.llm-vault-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;background:#172235;border-bottom:1px solid #334155}
.llm-vault-bar>span:last-child{font-size:10px;color:#94a3b8}
.llm-vault-row{display:grid;grid-template-columns:90px minmax(0,1fr) 65px;align-items:start;gap:22px;margin:0 24px;padding:23px 0;border-bottom:1px solid #33415580}
.llm-vault-row>code{font:500 20px/1.5 var(--mono);color:#c4b5fd}
.llm-vault-row h3{font-size:15px;color:#e2e8f0}
.llm-vault-row p{font-size:12px;color:#a1aec1;line-height:1.85;margin-top:6px}
.llm-file-label{font:9px/2 var(--mono);color:#7e8da5;text-align:right;margin-top:4px}
.llm-vault figcaption{padding:0 24px 18px;font-size:10px}
.llm-skill-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 0}
.llm-skill-pair p{padding-left:17px;border-left:2px solid #a78bfa60;display:grid;gap:6px}
.llm-skill-pair code{font:12px var(--mono);color:#c4b5fd}.llm-skill-pair strong{font-size:14px}.llm-skill-pair span{font-size:11px;color:var(--muted)}
.llm-real-screen{margin:0 0 26px;padding:22px;border-radius:12px;background:radial-gradient(ellipse at 80% 0%,#a78bfa15,transparent),#0b1220;border:1px solid #a78bfa40}
.llm-real-screen .llm-image-link{margin:18px 0 0}.llm-real-screen figcaption{font-size:12px}
.llm-save-boundary{padding:22px 24px;background:#111b2c;border:1px solid #334155;border-radius:12px}
.llm-save-boundary h3{font-size:16px}
.llm-save-boundary ol{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.llm-save-boundary li{display:grid;gap:7px;position:relative}.llm-save-boundary li:not(:last-child)::after{content:"→";position:absolute;right:0;top:22px;color:#64748b}
.llm-save-boundary li>span{font:11px var(--mono);color:#a78bfa}.llm-save-boundary strong{font-size:14px}.llm-save-boundary small{font-size:11px;color:#a1aec1}
.llm-detail{margin-top:16px;border-top:1px solid #334155;padding-top:14px}
.llm-detail summary{cursor:pointer;font-size:12px;color:#c4b5fd}.llm-detail p{font-size:12px;color:var(--muted);line-height:1.95;margin-top:14px}
.llm-reuse-evidence{margin:26px 0}.llm-reuse-evidence>a{display:block;border:1px solid #334155;border-radius:12px;overflow:hidden;background:#0b1220}
.llm-reuse-evidence img{display:block;width:100%;height:auto}
.llm-reuse-evidence a>span{display:block;padding:14px 20px;background:#162235;color:#d5e8dc;font-size:13px}
.llm-result{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.llm-result>div{border-top:2px solid #22c55e70;padding-top:18px}.llm-result>div:last-child{border-color:#a78bfa70}
.llm-result .llm-eyebrow{color:#6ee7a0}.llm-result>div:last-child .llm-eyebrow{color:#c4b5fd}
.llm-result p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:10px}
@media(max-width:960px){.llm-visual .llm-chapter{grid-template-columns:210px minmax(0,1fr);gap:28px}.llm-chapter header h2{font-size:22px}.llm-vault-row{grid-template-columns:72px minmax(0,1fr);gap:16px}.llm-file-label{display:none}}
@media(max-width:760px){
 .llm-visual .llm-heading{margin-top:24px}.llm-visual .detail-lead{font-size:16px}
 .llm-meta{display:grid;gap:10px;font-size:10px}.llm-meta dt{min-width:24px}
 .llm-overview{padding:20px 15px;margin:26px 0 30px}.llm-figure-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.llm-figure-heading h2{font-size:18px}.llm-figure-heading>a{font-size:11px}
 .llm-architecture{margin-top:18px}.llm-architecture figcaption{font-size:10px}.llm-diagram-hint{right:6px;bottom:6px;padding:3px 6px;font-size:8px}
 .llm-route-summary{grid-template-columns:1fr;gap:10px}.llm-route-summary p{font-size:12px}
 .llm-chapter-nav{gap:12px 22px;padding:16px 0}.llm-chapter-nav a{font-size:11px}
 .llm-visual .llm-chapter{grid-template-columns:1fr;gap:16px;padding:34px 0}
 .llm-chapter header h2{font-size:23px;margin-bottom:0}.llm-chapter header h2 br{display:none}
 .llm-chapter-body>p{font-size:14px;line-height:1.9}.llm-chapter-body>.llm-chapter-lead{font-size:19px}
 .llm-context-compare{grid-template-columns:1fr;padding:22px;gap:16px}.llm-context-compare br{display:none}.llm-context-compare h3{font-size:17px}
 .llm-transition-arrow{transform:rotate(90deg);justify-self:start;margin-left:10px}
 .llm-iteration{grid-template-columns:1fr}.llm-after{border-left:0;border-top:1px solid #334155}
 .llm-before,.llm-after{padding:22px}.llm-audio{padding:20px}
 .llm-vault-bar{padding:16px;flex-wrap:wrap;gap:5px}.llm-vault-row{margin:0 16px;grid-template-columns:65px minmax(0,1fr);gap:14px;padding:21px 0}.llm-vault-row>code{font-size:17px}.llm-vault-row p{font-size:11px}.llm-vault figcaption{padding:0 16px 16px}
 .llm-skill-pair{grid-template-columns:1fr;gap:20px}
 .llm-real-screen{padding:15px}.llm-real-screen figcaption{font-size:11px}
 .llm-save-boundary{padding:20px}.llm-save-boundary ol{grid-template-columns:1fr;gap:16px}
 .llm-save-boundary li{grid-template-columns:24px 1fr;gap:3px 12px}.llm-save-boundary li>span{grid-row:1/3;margin-top:4px}.llm-save-boundary small{grid-column:2}.llm-save-boundary li:not(:last-child)::after{display:none}
 .llm-result{grid-template-columns:1fr;gap:22px}
}
@media print{
 .llm-overview,.llm-context-compare,.llm-vault,.llm-real-screen,.llm-save-boundary,.llm-before,.llm-after,.llm-audio,.llm-vault-bar{background:white;color:#111827;break-inside:avoid}
 .llm-chapter-nav,.llm-diagram-hint{display:none}
 .llm-visual .llm-chapter{display:block;padding:24px 0;break-inside:auto}
 .llm-chapter header{break-after:avoid}.llm-chapter header h2{margin-bottom:18px}
 .llm-visual .llm-chapter-body p,.llm-visual strong,.llm-meta,.llm-architecture figcaption,.llm-vault-row p,.llm-real-screen figcaption,.llm-reuse-evidence figcaption{color:#374151}
 .llm-vault-row,.llm-real-screen,.llm-reuse-evidence{break-inside:avoid}
 .llm-reuse-evidence img{max-height:250px;object-fit:contain}
}
.llm-heading{margin-top:36px;max-width:940px}
.llm-heading h1{font-size:clamp(27px,3.5vw,40px);line-height:1.45;word-break:keep-all}
.llm-name{display:block;color:#c4b5fd;font:500 15px/1.7 var(--mono);letter-spacing:0;margin:10px 0}
.llm-eyebrow{display:block;color:#c4b5fd;font:500 10px/1.8 var(--mono);letter-spacing:1.5px}
.llm-showcase{display:grid;grid-template-columns:0.8fr 1.2fr;align-items:center;gap:26px 32px;margin:38px 0;padding:38px;border:1px solid #a78bfa40;border-radius:16px;background:radial-gradient(ellipse at 90% 20%,#8b5cf61a,transparent 65%),#0b1220}
.llm-showcase-copy h2{font-size:clamp(21px,2.4vw,27px);font-weight:600;line-height:1.65;letter-spacing:-.5px;margin:14px 0}
.llm-showcase-copy p{font-size:13px;line-height:1.9;color:var(--muted)}
.llm-jump{display:inline-flex;gap:24px;font-size:12px;color:#ddd6fe;margin-top:26px;border-bottom:1px solid #a78bfa50;padding-bottom:5px}
.llm-showcase-media{min-width:0}
.llm-image-link{display:block;position:relative;border:1px solid #ffffff20;border-radius:12px;overflow:hidden;box-shadow:0 22px 45px #0004;cursor:zoom-in}
.llm-image-link img{display:block;width:100%;height:auto}
.llm-image-hint{position:absolute;bottom:7px;right:8px;background:#0b1220e6;color:#fff;font-size:9px;padding:3px 7px;border-radius:4px;opacity:0;transition:opacity .2s}
.llm-image-link:hover .llm-image-hint,.llm-image-link:focus-visible .llm-image-hint{opacity:1}
.llm-showcase figcaption{grid-column:1/-1;color:#a1aec1;font-size:10px;line-height:1.8;border-top:1px solid #ffffff12;padding-top:18px}
.llm-card-art{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:22px 28px;background:radial-gradient(ellipse at 50% 30%,#8b5cf622,transparent 75%),#0b1220;border-bottom:1px solid var(--border);overflow:hidden}
.llm-card-art img{display:block;width:88%;height:auto;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 10px 25px #0004;transition:transform .25s}
.project-card:hover .llm-card-art img{transform:translateY(-3px)}
.llm-card-caption{font-size:10px;color:var(--muted)}
.llm-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.llm-comparison>div{padding:22px;border:1px solid var(--border);border-radius:10px;background:#111c2e}
.llm-comparison>div:last-child{border-color:#a78bfa65;background:#a78bfa08}
.llm-case h3{font-size:15px;font-weight:600;line-height:1.65}
.llm-comparison h3{margin:10px 0}
.llm-comparison p,.llm-storage p{color:var(--muted);font-size:12px;line-height:1.85;word-break:keep-all}
.llm-storage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.llm-storage>div{display:flex;flex-direction:column;padding:22px 18px;border:1px solid #a78bfa40;border-radius:10px;background:#a78bfa06}
.llm-storage-key{font:500 21px/1.6 var(--mono);color:#c4b5fd}
.llm-storage h3{margin:10px 0}
.llm-storage p{margin-bottom:18px}
.llm-storage-rule{display:block;margin-top:auto;padding-top:13px;border-top:1px solid #a78bfa30;color:#d5dbea;font-size:10px}
.llm-routes{display:grid;gap:12px;margin:28px 0}
.llm-route{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;padding:22px;background:#111c2e;border:1px solid var(--border);border-radius:10px}
.llm-route-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid #a78bfa60;border-radius:8px;color:#c4b5fd;font:500 12px var(--mono)}
.llm-route p{font-size:12px;line-height:1.9;color:#d5dbea;margin:7px 0}
.llm-route div>span{font-size:11px;color:var(--muted);line-height:1.8;display:block}
.llm-reuse{padding:25px;margin:28px 0;border:1px solid #22c55e50;border-radius:12px;background:#22c55e06}
.llm-reuse .llm-eyebrow{color:#6ee7a0}
.llm-reuse h3{margin:12px 0}
.llm-reuse p{font-size:12px;color:var(--muted);line-height:2}
.llm-reuse p span{margin:0 5px;color:#6ee7a0}
.llm-reuse a{display:inline-block;margin-top:18px;font-size:12px;color:#6ee7a0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
  .llm-heading{margin-top:28px}
  .llm-showcase{grid-template-columns:1fr;padding:22px;gap:23px;margin:28px 0}
  .llm-showcase-copy h2 br{display:none}
  .llm-showcase-copy h2{font-size:22px;word-break:keep-all}
  .llm-showcase-copy p br{display:none}
  .llm-showcase-copy p{word-break:keep-all}
  .llm-jump{margin-top:18px}
  .llm-showcase figcaption{font-size:10px}
  .llm-card-art{gap:10px;padding:18px 22px}
  .llm-card-art img{width:90%}
  .llm-card-art .llm-eyebrow{font-size:9px}
  .llm-comparison,.llm-storage{grid-template-columns:1fr}
  .llm-storage>div{display:grid;grid-template-columns:75px 1fr;gap:4px 16px;padding:20px}
  .llm-storage-key{grid-row:1/3;font-size:19px}
  .llm-storage h3{margin:0}
  .llm-storage p{margin:0}
  .llm-storage-rule{grid-column:2;margin-top:8px}
  .llm-route{padding:18px;gap:13px}
  .llm-reuse{padding:22px}
}
@media(prefers-reduced-motion:reduce){.llm-card-art img,.llm-image-hint{transition:none}}
@media print{
  .llm-showcase,.llm-comparison,.llm-storage,.llm-route,.llm-reuse{background:white;box-shadow:none;break-inside:avoid;border-color:#cbd5e1}
  .llm-showcase{grid-template-columns:0.8fr 1.2fr;padding:20px;gap:15px}
  .llm-showcase-media{max-width:420px}
  .llm-showcase-copy h2{font-size:18px}
  .llm-heading h1{font-size:28px}
  .llm-case .llm-eyebrow,.llm-name,.llm-storage-key,.llm-route-number{color:#6d28d9}
  .llm-case h3,.llm-case .llm-showcase-copy h2{color:#111827}
  .llm-case .llm-showcase-copy p,.llm-showcase figcaption,.llm-comparison p,.llm-storage p,.llm-storage-rule,.llm-route p,.llm-route div>span,.llm-reuse p,.llm-reuse a{color:#374151}
  .llm-jump,.llm-image-hint{display:none}
  .llm-comparison>div,.llm-storage>div,.llm-comparison>div:last-child{background:white;border-color:#cbd5e1}
  .llm-storage{grid-template-columns:repeat(3,minmax(0,1fr))}
  .llm-storage>div{display:flex}
  .llm-comparison{grid-template-columns:1fr 1fr}
}