@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#f8f7f3;--ink:#242820;--muted:#72766d;--line:#dadcd3;--accent:#52633b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,nav,main,footer{max-width:1280px;margin:auto}header{display:flex;align-items:center;gap:48px;padding:38px 28px 28px}.brand{font-family:Georgia,serif;font-size:58px;letter-spacing:-4px;font-weight:bold;line-height:.9}.brand span{display:block;font-family:sans-serif;letter-spacing:2px;font-size:10px;margin-top:12px}.tagline{font-size:12px;color:var(--muted);line-height:1.8}.archive-link{margin-left:auto;font-size:13px}nav{padding:17px 28px;border-block:1px solid var(--line);display:flex;gap:25px;overflow:auto;white-space:nowrap;font-size:12px}nav a:hover{color:var(--accent)}main{padding:0 28px}.intro{position:relative;padding:66px 0 54px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent)}h1{font-family:'Noto Serif KR',serif;font-size:48px;line-height:1.55;letter-spacing:-2px;font-weight:500;margin:22px 0}.intro h1 em{font-style:normal;color:var(--accent)}.intro-note{position:absolute;bottom:60px;right:12px;color:var(--muted);line-height:1.9;font-size:13px}.list-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 23px;font-weight:600}.list-header small{margin-left:12px;font-size:11px;font-weight:400;color:var(--muted)}form{display:flex;gap:10px;font-weight:400}input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 0;font:inherit;font-size:12px;min-width:200px}button{background:transparent;border:0;color:var(--accent);cursor:pointer;font:inherit;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}.thumb{aspect-ratio:16/10;background:#e8e9df;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card a:hover img{transform:scale(1.025)}.type-only{display:flex;align-items:center;justify-content:center;font-family:'Noto Serif KR',serif;font-size:28px;color:var(--accent)}.meta{font-size:10px;color:var(--accent);margin-top:17px}.meta span{color:var(--muted);margin-left:14px}.card h2{font-family:'Noto Serif KR',serif;font-size:21px;line-height:1.6;font-weight:600;margin:12px 0}.card p,.search-card p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.pagination{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:50px 0}.pagination a{padding:9px 13px;font-size:12px}.pagination a[aria-current]{background:var(--ink);color:white}footer{border-top:1px solid var(--line);padding:35px 28px 50px;display:flex;gap:25px;font-size:11px;color:var(--muted)}footer a{margin-left:auto}.post{max-width:800px;margin:auto}.post-heading{text-align:center;padding:65px 0 45px;border-bottom:1px solid var(--line)}.post h1{font-size:36px;letter-spacing:-1px}.post-body{font-size:17px;line-height:2.05;padding-top:40px;overflow-wrap:anywhere}.post-body img,.post-body video{max-width:100%;height:auto}.post-body iframe{width:100%;aspect-ratio:16/9;border:0}.post-body figure{margin:24px 0;text-align:center}.post-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.post-body td,.post-body th{border:1px solid var(--line);padding:8px}.post-body a{text-decoration:underline;color:var(--accent)}.post-body blockquote{border-left:3px solid var(--accent);margin:25px 0;padding-left:25px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0;border-top:1px solid var(--line);margin-top:35px;font-size:12px;color:var(--accent)}.back{display:block;padding:10px 0 60px;font-size:13px}.section-title{padding:40px 0}.search-card{padding:24px 0;border-top:1px solid var(--line)}.search-card h2{font-family:'Noto Serif KR',serif;font-size:20px}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:760px){header{padding:28px 20px;gap:24px}.brand{font-size:46px}.tagline{font-size:10px}.archive-link{font-size:11px}nav{padding:15px 20px;gap:22px}main{padding:0 20px}.intro{padding:40px 0 35px}.intro h1{font-size:35px}.intro-note{position:static;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.card h2{font-size:17px}.list-header{align-items:start;gap:14px;flex-direction:column}.list-header form{width:100%}.list-header input{flex:1}.post h1{font-size:28px}.post-body{font-size:16px}.post-heading{padding-top:45px}footer{padding:25px 20px;flex-wrap:wrap;gap:15px}}@media(max-width:440px){.grid{grid-template-columns:1fr}.thumb{aspect-ratio:16/9}.tagline{display:none}.intro h1{font-size:32px}.card h2{font-size:20px}}
