/* Codex Power User Workshop — Follow-Up. Aligned with /DESIGN.md ("The Gold-Lit Terminal"). */
:root{
  --background:oklch(0.141 0.005 285.823);
  --surface:oklch(0.18 0.006 285.9);
  --card:oklch(0.205 0.006 285.885);
  --card-2:oklch(0.235 0.006 285.885);
  --sidebar:oklch(0.165 0.006 285.9);
  --muted:oklch(0.19 0.006 286.033);
  --foreground:oklch(0.985 0 0);
  --muted-foreground:oklch(0.705 0.015 286.067);
  --accent-surface:oklch(0.274 0.006 286.033);
  --primary:oklch(0.8666 0.1344 93.33);
  --primary-soft:oklch(0.8666 0.1344 93.33 / 0.14);
  --primary-foreground:oklch(0 0 0);
  --border:oklch(1 0 0 / 0.075);
  --border-strong:oklch(1 0 0 / 0.14);
  --ring:oklch(0.341 0.005 285.823);
  --radius:0.4rem;
  --radius-lg:0.85rem;
  --radius-xl:1.1rem;
  --font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --font-heading:"TASA Orbiter",ui-sans-serif,system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;min-height:100vh}
::selection{background:var(--primary);color:var(--primary-foreground)}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}
h1,h2,h3,h4{font-family:var(--font-heading);text-wrap:balance;letter-spacing:-0.02em;line-height:1.15}

/* ---------- sidebar ---------- */
.sidebar{width:268px;flex:0 0 268px;background:var(--sidebar);border-right:1px solid var(--border);padding:24px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}
.brand{display:block;font-family:var(--font-heading);font-weight:600;font-size:16px;letter-spacing:-0.02em;color:var(--foreground);padding:6px 10px 18px;line-height:1.25}
.brand:hover{text-decoration:none}
.brand-eyebrow{display:block;font-family:var(--font-sans);font-weight:600;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--primary);margin-bottom:7px}
.sidebar nav{display:flex;flex-direction:column;gap:1px}
.sidebar nav a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius);color:var(--muted-foreground);font-size:13.5px;transition:background .13s,color .13s}
.sidebar nav a:hover{background:var(--accent-surface);color:var(--foreground);text-decoration:none}
.sidebar nav a.active{background:var(--accent-surface);color:var(--foreground);font-weight:600;box-shadow:inset 2px 0 0 var(--primary)}
.li-n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:var(--muted);color:var(--muted-foreground);font-size:11px;font-weight:600;flex:0 0 18px}
.li-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav a.active .li-n{background:var(--primary);color:var(--primary-foreground)}
.sidebar nav a.done .li-n{background:oklch(0.72 0.15 150);color:#06210f}
.sidebar nav a.done .li-n::after{content:"✓";font-size:11px}
.sidebar nav a.done .li-n{font-size:0}
.sidebar nav a.active.done .li-n{background:var(--primary);color:var(--primary-foreground)}

/* home progress strip */
.progress-strip{display:flex;align-items:center;gap:14px;margin-top:24px;max-width:520px}
.ps-track{flex:1;height:8px;border-radius:99px;background:var(--muted);overflow:hidden}
.ps-fill{height:100%;width:100%;background:var(--primary);border-radius:99px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ps-label{font-size:13px;color:var(--muted-foreground);white-space:nowrap}
.sidebar .meta{margin:22px 10px 0;font-size:12px;line-height:1.5;color:var(--muted-foreground)}

/* ---------- content ---------- */
.content{flex:1;min-width:0;max-width:920px;margin:0 auto;padding:52px 56px 120px}
.eyebrow{display:inline-block;font-weight:600;font-size:12px;letter-spacing:0.05em;text-transform:uppercase;color:var(--primary);margin-bottom:14px}
.lede{font-size:19px;line-height:1.55;color:var(--muted-foreground);max-width:65ch}
.soft{color:var(--muted-foreground)}
.page-head{margin-bottom:34px}
.page-head h1{font-size:clamp(2rem,1.6rem + 1.6vw,2.9rem);margin:0 0 12px}

/* ---------- hero (home) ---------- */
.hero{padding:18px 0 30px;border-bottom:1px solid var(--border);margin-bottom:40px}
.hero h1{font-size:clamp(2.4rem,1.8rem + 2.4vw,3.6rem);margin:0 0 16px}
.hero .lede{font-size:20px;max-width:60ch}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 26px;color:var(--muted-foreground);font-size:14px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius);font-weight:600;font-size:15px;transition:filter .13s,background .13s,transform .13s;border:1px solid transparent}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:var(--primary-foreground)}
.btn-primary:hover{filter:brightness(1.07)}
.btn-ghost{background:transparent;color:var(--foreground);border-color:var(--border-strong)}
.btn-ghost:hover{background:var(--accent-surface)}

/* ---------- how-to ---------- */
.how{margin-bottom:46px}
.how h2{font-size:1.4rem;margin:0 0 18px}
.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.how-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}
.how-card span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-weight:700;font-family:var(--font-heading);margin-bottom:12px}
.how-card h4{margin:0 0 6px;font-size:15px}
.how-card p{margin:0;font-size:14px;color:var(--muted-foreground)}

/* ---------- lesson groups (home) ---------- */
.group{margin-bottom:44px}
.group-head h2{font-size:1.5rem;margin:0 0 4px}
.group-head p{margin:0 0 20px;color:var(--muted-foreground);max-width:62ch}
.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}
.lesson-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;transition:border-color .15s,transform .15s,background .15s}
.lesson-card:hover{text-decoration:none;border-color:var(--border-strong);transform:translateY(-3px);background:var(--card-2)}
.lc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.lc-icon{font-size:24px;line-height:1}
.lc-n{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--primary)}
.lesson-card h3{margin:0 0 8px;font-size:18px;color:var(--foreground)}
.lesson-card p{margin:0 0 16px;font-size:14px;color:var(--muted-foreground);flex:1}
.lc-range{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}

/* ---------- learning path ---------- */
.path{display:flex;flex-direction:column;gap:0;position:relative}
.path-row{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--border);transition:background .13s}
.path-row:hover{text-decoration:none;background:linear-gradient(90deg,var(--primary-soft),transparent 60%)}
.path-dot{flex:0 0 52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--card);border:1px solid var(--border-strong);border-radius:50%}
.path-body{min-width:0}
.path-h{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.path-n{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary)}
.path-range{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}
.path-body h3{margin:0 0 6px;font-size:19px;color:var(--foreground)}
.path-body>p{margin:0 0 10px;color:var(--muted-foreground)}
.path-obj{margin:0;padding-left:18px;color:var(--muted-foreground);font-size:14px}
.path-obj li{list-style:square;margin:2px 0}
.path-obj li::marker{color:var(--primary)}

/* ---------- lesson page ---------- */
.lesson-hero{padding-bottom:28px;border-bottom:1px solid var(--border);margin-bottom:14px}
.lh-eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:14px}
.lh-icon{font-size:26px}
.lesson-hero h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);margin:0 0 14px}
.objectives{margin-top:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 22px;box-shadow:inset 2px 0 0 var(--primary)}
.objectives .obj-label{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary)}
.objectives ul{margin:0;padding-left:20px}
.objectives li{margin:6px 0}
.objectives li::marker{content:"✓ ";color:var(--primary);font-weight:700}
.block{margin:40px 0}
.block>h2{font-size:1.55rem;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
/* readable measure for single-column flowing text (grids stay full width).
   ~64ch because Inter's ch unit (0-glyph width) renders ~10% wider than avg chars. */
.recap,.objectives,.rec-list,.deeper-list,.faq,.prose>p,.prose>ul,.prose>ol,.block>p,.callout,.reflect,.checklist,.lede{max-width:64ch}
.kc-card p,.ref-card p,.challenge p,.faq-a{max-width:58ch}

/* prose (Oracle markdown) */
.prose{color:var(--foreground)}
.prose h1,.prose h2,.prose h3{font-family:var(--font-heading)}
.prose h2{font-size:1.35rem;margin:30px 0 12px}
.prose h3{font-size:1.1rem;margin:24px 0 8px}
.prose p,.prose li{color:var(--foreground)}
.prose a{color:var(--primary)}
.prose ul li{list-style:square}.prose li::marker{color:var(--muted-foreground)}
.prose code{background:var(--muted);color:#f0d68a;padding:2px 6px;border-radius:5px;font-family:var(--font-mono);font-size:13px;word-break:break-word}
.prose pre{background:oklch(0.121 0.005 285.823);border:1px solid var(--border);padding:14px 16px;border-radius:var(--radius);overflow:auto}
.prose pre code{background:none;color:var(--foreground);padding:0}
.prose blockquote{border-left:2px solid var(--primary);margin:16px 0;padding:6px 16px;color:var(--muted-foreground);background:var(--muted);border-radius:0 var(--radius) var(--radius) 0}
.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--border);padding:8px 11px;text-align:left;vertical-align:top}
.prose th{background:var(--card);font-weight:600}

/* recap */
.recap{font-size:17px;line-height:1.6}

/* key concepts (explained) */
.kc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.kc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}
.kc-card h3{margin:0 0 8px;font-size:16px;color:var(--primary)}
.kc-card p{margin:0;font-size:14.5px;color:var(--foreground)}
.kc-why{margin-top:10px !important;font-size:13.5px !important;color:var(--muted-foreground) !important}
.kc-why span{display:inline-block;font-weight:600;color:var(--primary);margin-right:5px}

/* references */
.ref-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:13px}
.ref-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}
.ref-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.ref-head h3{margin:0;font-size:15.5px;color:var(--foreground)}
.ref-link{font-size:12.5px;font-family:var(--font-mono);word-break:break-all}
.ref-search{color:var(--muted-foreground)}
.ref-card p{margin:0;font-size:14px;color:var(--muted-foreground)}
.ref-when{margin-top:8px !important}
.ref-when span{font-weight:600;color:var(--primary);margin-right:5px}

/* recommendations */
.rec-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rec-list li{position:relative;padding:13px 16px 13px 42px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:14.5px}
.rec-list li::before{content:"✓";position:absolute;left:16px;top:13px;color:var(--primary);font-weight:700}

/* go deeper */
.deeper-list{margin:0;padding-left:0;counter-reset:d;list-style:none;display:flex;flex-direction:column;gap:10px}
.deeper-list li{position:relative;padding:12px 16px 12px 46px;background:linear-gradient(90deg,var(--primary-soft),transparent 70%);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:14.5px;counter-increment:d}
.deeper-list li::before{content:counter(d);position:absolute;left:14px;top:11px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-foreground);border-radius:7px;font-weight:700;font-size:12px;font-family:var(--font-heading)}

/* concepts */
.concept-grid{display:flex;flex-wrap:wrap;gap:9px}
.concept-chip{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:7px 15px;font-size:13.5px;color:var(--foreground)}
.concept-chip:hover{border-color:var(--primary);color:var(--primary)}

/* callout */
.callout{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}

/* ---------- interactive ---------- */
.ix-h{font-size:1.05rem;margin:26px 0 12px;font-family:var(--font-heading)}
.quiz-q{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:14px}
.quiz-prompt{margin:0 0 14px;font-size:16px}
.quiz-choices{display:flex;flex-direction:column;gap:9px}
.quiz-choice{text-align:left;background:var(--surface);border:1px solid var(--border-strong);color:var(--foreground);padding:11px 15px;border-radius:var(--radius);font-size:15px;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s}
.quiz-choice:hover{background:var(--accent-surface)}
.quiz-choice.correct{background:oklch(0.7 0.16 150 / 0.18);border-color:oklch(0.7 0.16 150)}
.quiz-choice.wrong{background:oklch(0.6 0.2 25 / 0.16);border-color:oklch(0.65 0.2 25)}
.quiz-choice:disabled{cursor:default}
.quiz-explain{margin-top:13px;padding:12px 15px;background:var(--primary-soft);border-radius:var(--radius);font-size:14px;color:var(--foreground)}

.checklist{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin:18px 0}
.cl-item{display:flex;align-items:flex-start;gap:11px;padding:8px 0;cursor:pointer;font-size:15px}
.cl-item input{margin-top:3px;width:17px;height:17px;accent-color:var(--primary);flex:0 0 auto}
.cl-item input:checked + span{color:var(--muted-foreground);text-decoration:line-through}
.cl-progress{display:flex;align-items:center;gap:12px;margin-top:14px}
.cl-bar{height:7px;border-radius:99px;background:var(--primary);width:0;flex:0 0 auto}
.cl-progress{position:relative}
.cl-progress::before{content:"";position:absolute;left:0;right:70px;height:7px;border-radius:99px;background:var(--muted)}
.cl-bar{position:relative;z-index:1;max-width:calc(100% - 70px)}
.cl-count{font-size:13px;color:var(--muted-foreground);margin-left:auto}

.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.challenge{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}
.ch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ch-head h4{margin:0;font-size:16px}
.ch-diff{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--border-strong);color:var(--muted-foreground)}
.ch-easy{color:oklch(0.78 0.15 150);border-color:oklch(0.78 0.15 150 / .5)}
.ch-medium{color:var(--primary);border-color:oklch(0.8666 0.1344 93.33 / .5)}
.ch-hard{color:oklch(0.72 0.18 25);border-color:oklch(0.72 0.18 25 / .5)}
.challenge p{margin:0 0 8px;font-size:14px;color:var(--muted-foreground)}
.ch-success{font-size:13px !important;color:var(--foreground) !important}
.reflect{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-top:18px}
.reflect ul{margin:0;padding-left:20px}.reflect li{margin:7px 0;color:var(--foreground)}.reflect li::marker{color:var(--primary)}

/* ---------- faq ---------- */
.faq{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.faq-item summary{cursor:pointer;padding:15px 18px;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--primary);font-size:20px;line-height:1;flex:0 0 auto}
.faq-item[open] summary::after{content:"–"}
.faq-asker{display:block;font-size:12px;color:var(--muted-foreground);font-weight:400;margin-top:3px}
.faq-a{padding:0 18px 16px;color:var(--muted-foreground);font-size:15px}

/* ---------- keyframes ---------- */
.shot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.shot-fig{margin:0}
.shot img{width:100%;height:130px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);display:block;transition:transform .13s,border-color .13s}
.shot:hover img{transform:scale(1.02);border-color:var(--primary)}
.shot-fig figcaption{font-size:12.5px;color:var(--muted-foreground);margin-top:7px;line-height:1.45}

/* ---------- pager ---------- */
.pager{display:flex;justify-content:space-between;gap:14px;margin-top:50px;padding-top:24px;border-top:1px solid var(--border)}
.pg{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 20px;max-width:48%;transition:border-color .13s,transform .13s}
.pg:hover{text-decoration:none;border-color:var(--border-strong);transform:translateY(-2px)}
.pg span{font-size:12px;color:var(--muted-foreground)}
.pg strong{color:var(--foreground);font-size:15px}
.pg-next{text-align:right;margin-left:auto}

/* ---------- finish / celebration ---------- */
.finish-hero{text-align:center;padding:30px 0 36px;border-bottom:1px solid var(--border);margin-bottom:36px}
.finish-hero .confetti{font-size:56px;line-height:1;margin-bottom:14px;animation:pop .5s ease}
@keyframes pop{0%{transform:scale(0.4);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
.finish-hero h1{font-size:clamp(2.2rem,1.7rem + 2vw,3.2rem);margin:6px 0 14px}
.finish-hero .lede{margin:0 auto;max-width:62ch}
.takeaway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.takeaway{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}
.tk-icon{font-size:26px;display:block;margin-bottom:10px}
.takeaway h3{margin:0 0 8px;font-size:16px;color:var(--primary)}
.takeaway p{margin:0;font-size:14px;color:var(--muted-foreground)}
.finish-cta{display:flex;gap:12px;justify-content:center;margin-top:40px;flex-wrap:wrap}

/* ---------- glossary ---------- */
.gloss-group{margin:26px 0}
.gloss-group h3{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:0 0 12px}

/* ---------- mobile nav ---------- */
.navbtn,.navscrim{display:none}
@media(max-width:880px){
  body{flex-direction:column}
  .sidebar{position:fixed;z-index:30;left:0;top:0;height:100vh;transform:translateX(-100%);transition:transform .2s;width:280px}
  #navtoggle:checked ~ .sidebar{transform:none}
  #navtoggle:checked ~ .navscrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20}
  .content{padding:64px 20px 90px;max-width:100%}
  .navbtn{display:inline-flex;align-items:center;gap:8px;position:fixed;top:14px;left:14px;z-index:25;background:var(--card);border:1px solid var(--border-strong);color:var(--foreground);padding:8px 14px;border-radius:var(--radius);font-size:14px;cursor:pointer}
  .pg{max-width:48%}
}

/* ---------- toolkit (prompts + Codex skills) ---------- */
.tk-jump{margin:0 0 18px}
.tk-jump h2{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 4px}
.tk-note{color:var(--muted-foreground);font-size:.95rem;max-width:64ch;margin:0}
.tk-grid{display:flex;flex-direction:column;gap:20px}
.tk-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px}
.tk-item>h2{font-family:var(--font-heading);font-size:1.3rem;margin:6px 0 12px}
.tk-skill>h2 code{background:none;padding:0;color:var(--primary);font-size:1.15rem}
.tk-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tk-kind{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);border:1px solid var(--border-strong)}
.tk-kind-skill{background:oklch(0.7 0.12 195 / 0.14);color:oklch(0.82 0.1 195)}
.tk-lesson{font-size:12px;color:var(--muted-foreground)}
.tk-desc{color:var(--foreground);max-width:64ch;margin:0 0 10px}
.tk-install{font-size:13px;color:var(--muted-foreground);max-width:64ch;margin:0 0 14px}
.tk-prose>p:first-child{margin-top:0}
.tk-item pre{position:relative}
.tk-file{background:oklch(0.121 0.005 285.823);border:1px solid var(--border);padding:14px 16px;border-radius:var(--radius);overflow:auto;max-height:460px}
.tk-file code{background:none;color:#e7e3d5;padding:0;font-size:12.5px;line-height:1.55;white-space:pre}
.copy-btn{position:absolute;top:8px;right:8px;font-family:var(--font-sans);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--accent-surface);color:var(--foreground);border:1px solid var(--border-strong);cursor:pointer;opacity:.75;transition:opacity .15s,background .15s}
.tk-item pre:hover .copy-btn{opacity:1}
.copy-btn:hover{background:var(--primary-soft);color:var(--primary)}
.copy-btn.copied{background:var(--primary-soft);color:var(--primary);opacity:1}