/* AI 작업실의 업무 일지 — paper, ink, and editorial marks. */
:root{--ink:#292b27;--muted:#62645c;--line:#d9d4c7;--bg:#f7f3e9;--blue:#a43c22;--teal:#426954;--orange:#a43c22}
body{background:var(--bg)}
.top{background:var(--bg);border-top:5px solid var(--ink)}
.brand{letter-spacing:.12em}.meta{font-size:12px}
nav{background:#f7f3e9f5}nav a{color:var(--ink)}a:hover{color:#71311f}
header{position:relative;padding:64px 0 32px;border-top:0}
.eyebrow{color:var(--blue);letter-spacing:.16em}
h1{font-family:Georgia,"AppleMyungjo","Batang",serif;font-weight:800;font-size:clamp(36px,5.3vw,64px);line-height:1.2;max-width:960px;letter-spacing:-.055em;margin:20px 0 26px}
.lead{max-width:800px;line-height:1.85}
.verdict{margin-top:28px;border-radius:0;background:#303b32;border-top:4px solid #ba5436;padding:30px}
.verdict p{color:#f0eee5}.verdict strong{color:#f4c4a1}
.card{border-radius:2px;background:#fffdf7;box-shadow:0 3px 0 #ded9cc50}
.tag{background:#f1e1d7;color:#913c25;border-radius:2px}.tag.opus{background:#e1e9dc;color:#375540}.tag.assume{background:#f3e7c8;color:#79501c}
.section{padding:48px 0}.section-head{gap:18px}.num{color:var(--blue)}
.section-head>.num{border-top:2px solid var(--blue);padding-top:7px;min-width:30px}
h2{font-size:clamp(25px,3vw,32px)}
.tablebox,.calculator{border-radius:2px;background:#fffdf7}
th,code{background:#ece9df}.track{background:#e8e5db}
.callout{background:#eee6d7;border-color:var(--line)}
.flow>div{background:#fffdf7}.result{background:#f2e3d9}.result:last-child{background:#e7ecdf}
.controls button{border-radius:2px;background:#fffdf7}input{border-color:#aaa99a;border-radius:2px}
footer{border-top:3px solid var(--ink);letter-spacing:.16em;font-weight:800}
.comic{margin:20px 0 0;padding:32px;background:#eee7d7;border:1px solid #ccc4b3;position:relative}
.comic-kicker{font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:var(--blue);margin-bottom:12px}
.comic h2{font-family:Georgia,"AppleMyungjo","Batang",serif;font-size:clamp(27px,3.5vw,38px);margin-bottom:8px}
.comic-intro{color:var(--muted);font-size:15px;margin-bottom:24px}
.comic-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:0;margin:0}
.comic-panel{background:#fffaf0;border:1px solid #55554a;overflow:hidden;box-shadow:3px 3px 0 #292b2714}
.comic-art{aspect-ratio:3/2;background-image:url('./assets/workshop-comic.webp');background-size:200% 200%;background-repeat:no-repeat}
.comic-panel:nth-child(1) .comic-art{background-position:0 0}.comic-panel:nth-child(2) .comic-art{background-position:100% 0}.comic-panel:nth-child(3) .comic-art{background-position:0 100%}.comic-panel:nth-child(4) .comic-art{background-position:100% 100%}
.comic-caption{padding:15px 18px 18px;border-top:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:8px}
.comic-caption span{font:700 12px/1.8 ui-monospace,monospace;color:var(--blue)}
.comic-caption p{margin:0;font-weight:700;font-size:17px;line-height:1.6}.comic-caption small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:4px}
.comic-takeaway{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid #ccc4b3}.comic-takeaway p{margin:0;font-size:17px}.comic-takeaway a{font-size:14px;white-space:nowrap;font-weight:700}
.comic-disclaimer{font-size:12px;color:var(--muted);margin:14px 0 0}
@media(max-width:600px){header{padding-top:38px}.comic{padding:20px 14px}.comic-panels{grid-template-columns:1fr;gap:20px}.comic-caption p{font-size:17px}.comic-takeaway{display:block}.comic-takeaway a{display:inline-block;margin-top:10px}.section{padding:34px 0}.verdict{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.comic{background:#fff;break-inside:auto}.comic-panels{grid-template-columns:1fr 1fr}.comic-panel{break-inside:avoid}.comic-art{print-color-adjust:exact;-webkit-print-color-adjust:exact}.comic-takeaway{display:block}}