.ccode-page{--ccode-claude:#D97757}.ccode-page .ccode-intro{padding:clamp(56px,7vw,104px) 0 clamp(24px,3vw,48px)}.ccode-intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}.ccode-intro-copy h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.6vw,48px);line-height:1.06;letter-spacing:-.035em;margin:0 0 20px;color:var(--tandem-black);text-wrap:balance}.ccode-intro-copy h2 em{font-style:italic;font-weight:500;color:var(--tandem-accent)}.ccode-intro-p{font-size:clamp(15px,1.2vw,17px);line-height:1.6;color:var(--tandem-ink-2);margin:0 0 14px;max-width:52ch}.ccode-intro-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}.ccode-intro-points li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;font-weight:500;color:var(--tandem-black)}.ccode-intro-points li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--tandem-accent);box-shadow:0 0 0 4px rgba(227,101,74,.16)}.ccode-term{margin:0;background:var(--tandem-ink-1);color:#EDE9E3;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px rgba(30,28,27,.22),inset 0 0 0 1px rgba(255,255,255,.06);font-family:var(--font-mono)}.ccode-term-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.ccode-term-bar span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.16)}.ccode-term-bar p{margin:0 0 0 10px;font-size:12px;color:var(--tandem-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccode-term-body{padding:clamp(20px,2.4vw,32px);display:grid;gap:12px;font-size:13.5px;line-height:1.5}.ccode-spark{color:var(--ccode-claude);flex:none}.ccode-term-welcome{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(217,119,87,.55);border-radius:12px;margin-bottom:8px}.ccode-term-brand{margin:0;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:#fff}.ccode-term-dir{margin:2px 0 0;font-size:12px;color:var(--tandem-gray)}.ccode-term-prompt{margin:0;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.06);color:#fff}.ccode-term-prompt span{color:var(--ccode-claude);font-weight:700}.ccode-term-line{margin:0;display:flex;align-items:baseline;gap:10px;color:#CFC9C2}.ccode-term-line .dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--tandem-gray);transform:translateY(-1px)}.ccode-term-line.is-done{color:#fff}.ccode-term-line.is-done .dot{background:#7BC47F}.ccode-term-status{margin:6px 0 0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ccode-claude)}.ccode-page .audit-method-grid{grid-template-columns:repeat(4,1fr)}.ccode-page .audit-method-grid .step{min-height:0}.ccode-page .ccode-shots{padding:clamp(24px,3vw,48px) 0 clamp(56px,7vw,104px)}.ccode-shots-grid{display:grid;gap:clamp(40px,5vw,72px)}.ccode-shot{margin:0;display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}.ccode-shot:nth-child(2n) .ccode-shot-frame{order:2}.ccode-shot-frame{display:block;border-radius:18px;overflow:hidden;background:var(--tandem-ink-1);padding:10px;box-shadow:0 6px 20px rgba(30,28,27,.1),inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}.ccode-shot-frame img{display:block;width:100%;height:auto;border-radius:10px}.ccode-shot-frame:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(30,28,27,.2),inset 0 0 0 1px rgba(255,255,255,.06)}.ccode-shot-frame:focus-visible{outline:2px solid var(--tandem-accent);outline-offset:4px}.ccode-shot-frame:active{transform:translateY(-2px)}.ccode-shot figcaption{padding:0;max-width:400px}.ccode-shot-num{display:block;font-size:13px;letter-spacing:.14em;color:var(--tandem-accent);margin-bottom:8px}.ccode-shot h3,.ccode-shot-num{font-family:var(--font-display);font-weight:700}.ccode-shot h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em;line-height:1.12;margin:0 0 12px;color:var(--tandem-black)}.ccode-shot p{font-size:clamp(15px,1.2vw,17px);line-height:1.55;color:var(--tandem-ink-2);margin:0}@media (max-width:1024px){.ccode-page .audit-method-grid{grid-template-columns:1fr 1fr}}@media (max-width:880px){.ccode-intro-grid,.ccode-shot{grid-template-columns:1fr}.ccode-shot{gap:20px}.ccode-shot:nth-child(2n) .ccode-shot-frame{order:0}}@media (max-width:560px){.ccode-page .audit-method-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ccode-shot-frame{transition:none}}