/*
Theme Name: Devtoolnote Lab Notes
Description: 개발 실험의 질문, 환경, 결과와 한계를 읽기 쉽게 정리하는 전용 테마.
Version: 1.0.0
Author: devtoolnote
License: GPL-2.0-or-later
Text Domain: devtoolnote
*/
:root{--paper:#fbfaf8;--ink:#192126;--muted:#666d72;--line:#d9d8d4;--accent:#b6401b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 'Apple SD Gothic Neo','Malgun Gothic',sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,input{font:inherit}.site-header{max-width:1400px;margin:auto;padding:24px 32px;display:flex;gap:32px;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 34px/1 Georgia,serif;color:var(--ink);text-decoration:none}.tagline{font-size:14px}.site-nav{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:15px}.site-nav a{color:var(--ink);text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-nav form{display:flex;gap:8px}.site-nav input{width:140px;padding:7px;border:1px solid var(--line);background:transparent;font-size:14px}.site-nav button{border:0;background:none;font-size:14px;cursor:pointer}.lab-layout{display:grid;grid-template-columns:185px minmax(0,820px) 180px;gap:36px;max-width:1400px;margin:auto;padding:42px 32px}.lab-toc{border-right:1px solid var(--line);padding-right:24px;font-size:14px;align-self:start;position:sticky;top:25px}.lab-toc summary{font-weight:750;cursor:pointer}.lab-toc ol{padding-left:18px}.lab-toc li{margin:14px 0}.lab-toc a{color:var(--muted);text-decoration:none}.lab-main{min-width:0}.lab-main h1{font-size:clamp(30px,3.6vw,47px);line-height:1.25;letter-spacing:-1.3px;margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere}.lab-main h2{font-size:25px;line-height:1.4;border-top:1px solid var(--line);padding-top:22px;margin:32px 0 18px;scroll-margin-top:24px}.lab-main h3{font-size:21px}.lab-main p{margin:0 0 22px}.lab-main img{max-width:100%;height:auto}.lab-main pre{position:relative;overflow:auto;max-width:100%;padding:24px;background:#252b2e;color:#f6f5f2;border-radius:4px;font:15px/1.7 ui-monospace,monospace}.lab-main code{font-family:ui-monospace,monospace}.lab-main table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}.lab-main td,.lab-main th{border:1px solid var(--line);padding:12px}.lab-main th{background:#efede9}.lab-main blockquote{margin:24px 0;padding:15px 22px;border-left:3px solid var(--accent);background:#efede9}.lab-meta{font-size:13px;color:var(--muted);margin-bottom:25px}.lab-aside{border-left:1px solid var(--line);padding-left:24px;font-size:14px;color:var(--muted)}.lab-aside p:first-child{font:italic 20px/1.7 Georgia,serif;color:#4c5256}.post-summary{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.post-summary h2{border:0;padding:0;margin:0 0 12px}.post-summary h2 a{color:var(--ink);text-decoration:none}.post-summary h2 a:hover{text-decoration:underline}.post-summary p{font-size:17px;color:var(--muted)}.site-footer{max-width:1400px;margin:auto;border-top:1px solid var(--line);padding:26px 32px 45px;font-size:14px;display:flex;flex-wrap:wrap;gap:18px}.site-footer nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}.site-footer a{color:var(--muted)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:10px;z-index:100;background:#fff;padding:10px}.comment-form textarea,.comment-form input{max-width:100%;border:1px solid var(--line);padding:10px}.copy-code{font-size:12px;color:#fff;background:#414749;border:1px solid #687073;border-radius:3px;padding:4px 9px;float:right;cursor:pointer}.empty-state{padding:25px 0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:1100px){.lab-layout{grid-template-columns:180px minmax(0,1fr)}.lab-aside{display:none}.tagline{display:none}}
@media(max-width:760px){body{font-size:17px}.site-header{padding:24px 20px;display:block}.brand{font-size:30px}.site-nav{margin-top:22px;gap:18px;flex-wrap:wrap}.site-nav form{width:100%}.site-nav input{width:100%}.lab-layout{display:block;padding:26px 20px}.lab-toc{position:static;border:1px solid var(--line);padding:16px;margin-bottom:24px}.lab-main h1{font-size:31px}.site-footer{padding:24px 20px;display:block}.site-footer nav{margin-top:20px}.lab-main pre{padding:18px;font-size:14px}}
.site-nav input{min-width:0;flex:1}.site-nav button{flex-shrink:0;white-space:nowrap}.lab-aside p:first-child{word-break:keep-all}.lab-figure{margin:28px 0}.lab-figure img{display:block;width:100%;height:auto}.lab-figure figcaption{font-size:13px;color:var(--muted);margin-top:10px}