/*
Theme Name: SurfAI Journal
Theme URI: https://blog.surfai.org
Author: SurfAI
Description: A calm, technical, reading-first publication theme.
Version: 1.1.0
Text Domain: surfai-journal
*/
:root{--ink:#131722;--muted:#667085;--paper:#fbfcfe;--line:#e7eaf0;--surface:#fff;--blue:#2563eb;--blue-soft:#eaf1ff;--mint:#1eb980;--max:1180px;--reading:720px;--shadow:0 1px 2px rgba(16,24,40,.04),0 8px 28px rgba(16,24,40,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard Variable","Noto Sans KR",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px;border-radius:5px}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,252,254,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(19,23,34,.08)}.nav-wrap{width:min(var(--max),calc(100% - 48px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:720;letter-spacing:-.5px;font-size:17px}.brand-mark{width:25px;height:25px;border-radius:7px;background:linear-gradient(145deg,#1d4ed8,#3b82f6);display:grid;place-items:center;color:white;font-family:ui-monospace,monospace;font-size:12px;font-weight:700;box-shadow:0 5px 12px rgba(37,99,235,.22)}.brand-sub{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0;border-left:1px solid var(--line);padding-left:10px}.nav-menu{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.nav-menu a{display:block;padding:7px 10px;color:#465064;font-size:14px;font-weight:600;border-radius:8px}.nav-menu a:hover,.nav-menu .current-menu-item a{background:#eef3ff;color:#1949b9}.nav-cta{background:var(--ink);color:#fff!important;padding:8px 13px!important}.nav-cta:hover{background:#293041!important;color:#fff!important}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font:inherit;padding:8px}.page-shell{width:min(var(--max),calc(100% - 48px));margin:auto}.masthead{padding:76px 0 44px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:72px;align-items:end}.eyebrow{display:flex;gap:8px;align-items:center;margin:0 0 15px;color:#3568d4;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(30,185,128,.12)}.masthead h1{font-size:clamp(40px,5vw,67px);letter-spacing:-.065em;line-height:1.02;margin:0;max-width:800px;font-weight:740}.masthead p{max-width:560px;color:var(--muted);font-size:18px;line-height:1.7;margin:22px 0 0}.mast-note{border-left:1px solid var(--line);padding:6px 0 6px 22px;color:var(--muted);font-size:14px;line-height:1.65}.mast-note strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding:30px 0 92px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;letter-spacing:.02em;margin:0 0 17px}.section-title span{color:var(--muted);font-weight:500;font-size:13px}.post-list{border-top:1px solid var(--line)}.post-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:29px 0;border-bottom:1px solid var(--line);transition:padding .18s ease}.post-card:hover{padding-left:10px}.post-meta{font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em;color:#8190aa;padding-top:5px}.post-meta .category{display:block;color:#3568d4;margin-bottom:8px}.post-card h2{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:0 0 9px;font-weight:700}.post-card h2 a:hover{color:var(--blue)}.post-card p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}.post-thumb{display:block;width:min(100%,360px);margin:0 0 17px;overflow:hidden;border-radius:12px;background:#111827;box-shadow:0 0 0 1px rgba(19,23,34,.08)}.post-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s ease}.post-card:hover .post-thumb img{transform:scale(1.025)}.read-link{display:inline-flex;align-items:center;gap:7px;color:#315fc4;font-size:13px;font-weight:700;margin-top:13px}.read-link:after{content:"→";transition:transform .18s}.read-link:hover:after{transform:translateX(4px)}.aside{padding-top:4px}.aside-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:24px;margin-bottom:18px}.aside-card h3{font-size:16px;letter-spacing:-.02em;margin:0 0 8px}.aside-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.topic-list{list-style:none;padding:0;margin:15px 0 0}.topic-list li{border-top:1px solid var(--line)}.topic-list a{display:flex;justify-content:space-between;padding:11px 0;color:#3f4a60;font-size:14px;font-weight:600}.topic-list a:hover{color:var(--blue)}.topic-list span{font-family:ui-monospace,monospace;color:#97a2b5;font-size:12px}.rss-link{display:inline-block;background:var(--blue-soft);color:#2153bf;font-size:13px;font-weight:700;padding:8px 11px;border-radius:8px;margin-top:16px}.empty-state{padding:46px 0;border-top:1px solid var(--line);color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:34px 0;background:#fff}.footer-wrap{width:min(var(--max),calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.article-wrap{width:min(var(--reading),calc(100% - 48px));margin:0 auto;padding:72px 0 96px}.article-kicker{font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;color:#3568d4;margin-bottom:18px}.article-header h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.058em;margin:0;font-weight:740}.article-lead{font-size:19px;line-height:1.7;color:var(--muted);margin:23px 0}.article-info{display:flex;gap:14px;align-items:center;color:#7b879b;font-size:13px;padding:19px 0 29px;border-bottom:1px solid var(--line)}.article-featured{width:min(100%,560px);margin:34px auto 0;padding:0;overflow:hidden;border-radius:16px;background:#111827;box-shadow:var(--shadow)}.article-featured img{display:block;width:100%;aspect-ratio:1;object-fit:cover;height:auto}.article-summary{margin:28px 0 8px;padding:20px 22px;border:1px solid #d9e5ff;border-radius:14px;background:#f6f9ff;color:#35435b}.article-summary strong{display:block;margin-bottom:8px;color:#1949b9;font-size:14px;letter-spacing:-.01em}.article-summary ul{margin:0;padding-left:20px}.article-summary li{margin:4px 0}.article-content{font-size:18px;line-height:1.82;padding-top:34px}.article-content h2,.article-content h3{letter-spacing:-.035em;line-height:1.25;margin:1.8em 0 .55em}.article-content h2{font-size:30px}.article-content h3{font-size:22px}.article-content a{color:#245dd1;text-decoration:underline;text-decoration-color:#b5caf8;text-underline-offset:3px}.article-content pre{overflow:auto;background:#141924;color:#e8edf9;border-radius:12px;padding:20px;font-size:14px;line-height:1.6}.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.article-content :not(pre)>code{background:#eef2f8;border-radius:4px;padding:2px 5px;font-size:.88em}.pagination{display:flex;gap:8px;padding-top:26px}.page-numbers{border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:13px}.page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:820px){.nav-wrap,.page-shell,.footer-wrap{width:min(100% - 32px,var(--max))}.brand-sub{display:none}.menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:72px;left:16px;right:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:8px;flex-direction:column;align-items:stretch}.nav-menu.open{display:flex}.nav-menu a{padding:11px}.masthead{padding:52px 0 30px;grid-template-columns:1fr;gap:26px}.mast-note{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.content-grid{grid-template-columns:1fr;gap:38px;padding-bottom:60px}.aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-card{margin:0}.post-card{grid-template-columns:1fr;gap:9px}.post-meta{padding:0}.post-card:hover{padding-left:0}.article-wrap{padding-top:48px}.article-content{font-size:17px}.footer-wrap{flex-direction:column}.masthead h1{letter-spacing:-.055em}}@media(max-width:550px){.aside{grid-template-columns:1fr}.masthead p{font-size:16px}.post-card h2{font-size:21px}.article-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}