/* 터미널 그림 — OS 창을 흉내 낸 도식이라 색을 직접 쓴다(허브 디자인 계약의 '계기·도식' 예외).
 * .term 은 다크 섬(tokens.css)이라 라이트 테마에서도 이 모습 그대로다. 개발 환경 페이지가 setup.css 뒤에 불러온다. */
.term{margin:12px 0 0;border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden;background:#0c0c0c;box-shadow:0 10px 26px rgba(0,0,0,.35);color:#cccccc}
.term-bar{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 10px;background:#202020;font:12px/1 var(--font-sans);color:#d6d6d6}
.term-tab{padding:7px 12px 6px;border-radius:7px 7px 0 0;background:#0c0c0c;align-self:flex-end}
.term-controls{display:flex;gap:14px;margin-left:auto}
.term-controls i{display:block;width:10px;height:10px;border:1.5px solid #9a9a9a;border-radius:2px}
.term-dots{display:flex;gap:7px}
.term-dots i{display:block;width:11px;height:11px;border-radius:50%;background:#5c5c5c}
.term-title{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.term-body{padding:10px 12px 12px;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.term .setup-cmd{margin:0}
.term .setup-cmd pre{padding:2px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit}
.term .setup-copy{margin-top:0;min-height:24px;padding:2px 8px;font-size:11px}
.term-prompt{color:inherit;opacity:.85;-webkit-user-select:none;user-select:none}
.term-comment{margin:2px 0 0;color:#7f8c8d;font:12px/1.6 var(--font-sans)}
.term figcaption{padding:6px 12px 8px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);font:11px/1.4 var(--font-sans);color:#9b9094}
.term[data-os="macos"]{background:#ffffff;color:#1d1d1f;border-color:rgba(0,0,0,.25)}
.term[data-os="macos"] .term-bar{background:#e8e6e6;color:#4a4a4a;border-bottom:1px solid #cfcfcf}
.term[data-os="macos"] .term-dots i:nth-child(1){background:#ff5f57}
.term[data-os="macos"] .term-dots i:nth-child(2){background:#febc2e}
.term[data-os="macos"] .term-dots i:nth-child(3){background:#28c840}
.term[data-os="macos"] .term-comment{color:#6e6e73}
.term[data-os="macos"] .setup-copy{color:#3a3a3c;background:#f2f2f2;border-color:#d1d1d6}
.term[data-os="macos"] figcaption{background:#f5f5f7;border-top-color:#e2e2e2;color:#6e6e73}
.term[data-os="linux"]{background:#300a24;color:#ffffff}
.term[data-os="linux"] .term-bar{background:#2c2c2c;color:#eeeeee}
.term[data-os="linux"] .term-dots i{width:12px;height:12px;background:#4a4a4a}
.term[data-os="linux"] .term-dots i:last-child{background:#e95420}
.term[data-os="linux"] .term-prompt{color:#8ae234}
.term[data-os="linux"] .term-comment{color:#ad7fa8}
@media(max-width:640px){.term-body{padding:8px 10px 10px;font-size:12px}}
@media print{.term{box-shadow:none}}