:root{--ink:#2a2014;--ink-soft:#7a6a52;--ink-faint:#ab9a7e;--paper:#f8f0de;--panel:#fffdf8;--line:#e6d6b6;--line-soft:#f1e7d2;--accent:#e0900f;--accent-ink:#b06d07;--accent-wash:#fcf0d3;--honey-lite:#f6c149;--honey-deep:#c47a09;--r-lg:16px;--r-md:11px;--r-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Pretendard,system-ui,-apple-system,sans-serif;background:radial-gradient(900px 380px at 78% -8%,#fbe6ad,#fbe6ad00 70%),radial-gradient(700px 300px at 0% 4%,#f7d98f55,#f7d98f00 70%),var(--paper);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}.wrap{max-width:1120px;margin:0 auto;padding:24px 16px 56px}.mono{font-family:Space Mono,ui-monospace,monospace}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;flex:none;filter:drop-shadow(0 4px 8px rgba(196,122,9,.28))}.brand-name{display:flex;flex-direction:column;line-height:1}.brand-name b{font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--ink)}.brand-name small{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.22em;color:var(--accent-ink);font-weight:700;margin-top:5px}.site-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}.site-nav a{color:var(--ink-soft)}.site-nav a:hover{color:var(--accent-ink);text-decoration:none}@media(max-width:520px){.brand-name small{display:none}.site-nav{gap:16px}}.hero{margin-bottom:34px}.kicker{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);font-weight:700;margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}.kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--honey-deep),var(--honey-lite))}h1.title{font-family:Archivo,Pretendard,sans-serif;font-weight:800;font-size:clamp(28px,4.4vw,44px);letter-spacing:-.022em;line-height:1.14}h1.title .light{font-weight:500}.lead{margin-top:14px;color:var(--ink-soft);max-width:60ch;font-size:15px;line-height:1.7}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;color:inherit;transition:transform .12s,box-shadow .12s,border-color .12s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #c47a0924;border-color:var(--honey-lite);text-decoration:none}.card .tag{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);font-weight:700}.card h3{font-size:18px;font-weight:700;margin:8px 0 6px}.card p{font-size:13.5px;color:var(--ink-soft);line-height:1.6}.card time{display:block;margin-top:12px;font-family:Space Mono,monospace;font-size:11px;color:var(--ink-faint)}.blog-search{position:relative;margin-bottom:14px;max-width:520px}.blog-search input{width:100%;font-family:inherit;font-size:15px;padding:12px 40px 12px 42px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--ink);transition:border-color .12s,box-shadow .12s}.blog-search input::placeholder{color:var(--ink-faint)}.home-search{margin-left:auto;margin-top:40px}.home-search+.section-head{margin-top:20px}.blog-search input:focus{outline:none;border-color:var(--honey-lite);box-shadow:0 0 0 3px var(--accent-wash)}.blog-search .ico-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-faint);pointer-events:none}.blog-search .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:none;cursor:pointer;color:var(--ink-faint);font-size:18px;line-height:1;border-radius:50%;display:none;align-items:center;justify-content:center}.blog-search .clear-search:hover{background:var(--accent-wash);color:var(--accent-ink)}.search-count{font-family:Space Mono,monospace;font-size:12px;color:var(--ink-faint);margin-bottom:18px;min-height:16px}.blog-empty{color:var(--ink-soft);font-size:15px;margin:12px 0;line-height:1.7}.blog-empty b{color:var(--ink)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 18px;gap:12px}.section-head h2{font-family:Archivo,Pretendard,sans-serif;font-weight:700;font-size:20px}.section-head a{font-size:13px;font-weight:600}.tool-callout{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;flex-wrap:wrap}.tool-callout .ico{width:54px;height:54px;flex:none}.tool-callout .body{flex:1;min-width:200px}.tool-callout h3{font-size:18px;font-weight:700;margin-bottom:4px}.tool-callout p{font-size:13.5px;color:var(--ink-soft)}.btn-honey{display:inline-block;font-weight:700;font-size:14px;border-radius:var(--r-md);padding:11px 18px;color:#3a2a0c;background:linear-gradient(180deg,var(--honey-lite) 0%,var(--accent) 52%,var(--honey-deep) 100%);box-shadow:0 2px 0 var(--honey-deep),0 8px 18px #c07a0952,inset 0 1px #ffffff73}.btn-honey:hover{filter:brightness(1.04);text-decoration:none}.post-header{margin:6px 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.post-header h1{font-family:Archivo,Pretendard,sans-serif;font-weight:800;font-size:clamp(26px,4vw,38px);letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.post-meta{font-family:Space Mono,monospace;font-size:12px;color:var(--ink-faint);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.post-tags span,.post-tags a{font-size:12px;background:var(--accent-wash);color:var(--accent-ink);border:1px solid #ecd49a;border-radius:20px;padding:3px 11px;font-weight:600}.post-tags a:hover{background:var(--honey-lite);color:#3a2a0c;text-decoration:none}.crumbs{font-size:12.5px;color:var(--ink-faint);margin-bottom:14px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.crumbs a{color:var(--ink-soft)}.crumbs a:hover{color:var(--accent-ink)}.crumbs span{color:var(--ink-faint)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.tag-cloud a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:5px 12px;transition:border-color .12s,color .12s,background .12s}.tag-cloud a:hover{border-color:var(--honey-lite);color:var(--accent-ink);background:var(--accent-wash);text-decoration:none}.tag-cloud a small{font-family:Space Mono,monospace;font-size:10.5px;color:var(--ink-faint)}.related{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.related h2{font-family:Archivo,Pretendard,sans-serif;font-weight:700;font-size:20px;margin-bottom:18px}.prose{max-width:72ch;font-size:16px;line-height:1.8;color:#33291b}.prose h2{font-family:Archivo,Pretendard,sans-serif;font-size:24px;font-weight:700;margin:38px 0 14px;letter-spacing:-.01em;color:var(--ink)}.prose h3{font-size:19px;font-weight:700;margin:28px 0 10px;color:var(--ink)}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 16px 22px}.prose li{margin:6px 0}.prose strong{color:var(--ink);font-weight:700}.prose a{text-decoration:underline}.prose blockquote{border-left:3px solid var(--honey-lite);background:var(--accent-wash);padding:12px 18px;border-radius:0 8px 8px 0;margin:0 0 18px;color:var(--ink-soft)}.prose code{font-family:Space Mono,monospace;font-size:.88em;background:#f3e7cd;padding:2px 6px;border-radius:5px}.prose pre{background:#2a2014;color:#f4e9d2;padding:16px;border-radius:var(--r-md);overflow-x:auto;margin:0 0 18px}.prose pre code{background:none;padding:0;color:inherit}.prose img{max-width:100%;height:auto;border-radius:var(--r-md);margin:8px 0 18px}.prose table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 18px}.prose th,.prose td{border-bottom:1px solid var(--line);padding:9px 12px;text-align:left}.prose th{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.site-footer{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-faint);line-height:1.8}.site-footer b,.site-footer a{color:var(--ink-soft)}.site-footer .links{margin-top:6px;display:flex;gap:14px;flex-wrap:wrap}.hero--with-character{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;border-radius:20px}.hero--with-character:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:520px;height:100%;max-width:55%;background:url(/hive-bg.png) no-repeat center/contain;filter:blur(1px);opacity:.32;pointer-events:none;z-index:0}.hero--with-character .hero-text,.hero--with-character .hero-character{position:relative;z-index:1}@media(max-width:760px){.hero--with-character:before{width:340px;height:100%;opacity:.24;left:-40px}}.hero--with-character .hero-text{flex:1;min-width:0}.hero-character{flex:none;width:min(38vw,360px)}.hero-character img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(196,122,9,.28))}@media(max-width:760px){.hero--with-character{flex-direction:column-reverse;align-items:flex-start;gap:8px}.hero-character{width:200px;align-self:center;margin-bottom:4px}}