:root{--color-primary: #f5c518;--color-primary-dark: #d4a910;--color-primary-darker: #b8920a;--color-primary-light: #fef9e7;--color-primary-pale: #fff8d6;--color-black: #1a1a1a;--color-black-light: #2d2d2d;--color-black-lighter: #3a3a3a;--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #e5e5e5;--color-border-dark: #cccccc;--color-text: #1a1a1a;--color-text-muted: #555555;--color-text-light: #888888;--color-link: #1a1a1a;--font-sans: "Pretendard", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--content-max-width: 1100px;--header-height: 56px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-header{background:var(--color-black);height:var(--header-height);display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.site-header__inner{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-6)}.site-header__logo{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);text-decoration:none;white-space:nowrap;letter-spacing:-.5px}.site-header__logo:hover{color:var(--color-primary);text-decoration:none}.search-bar{flex:1;max-width:480px}.search-bar__form{display:flex;border-radius:var(--radius);overflow:hidden;background:var(--color-black-lighter);border:2px solid var(--color-black-lighter);transition:border-color var(--transition)}.search-bar__form:focus-within{border-color:var(--color-primary)}.search-bar__input{flex:1;border:none;padding:var(--space-2) var(--space-4);font-size:var(--font-size-md);font-family:var(--font-sans);color:#fff;background:transparent;outline:none}.search-bar__input::placeholder{color:#888}.search-bar__button{background:var(--color-primary);color:var(--color-black);border:none;padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--font-size-md);font-family:var(--font-sans);font-weight:700;transition:background var(--transition);display:flex;align-items:center;gap:var(--space-1)}.search-bar__button:hover{background:var(--color-primary-dark)}.search-bar__icon{width:16px;height:16px;fill:currentColor}.site-header__nav{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.site-header__link{color:#ccc;font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;text-decoration:none}.site-header__link:hover{color:var(--color-primary);text-decoration:none}.layout{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-4)}.hero{background:var(--color-black);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);margin-bottom:var(--space-8);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(245,197,24,.03) 20px,rgba(245,197,24,.03) 40px)}.hero__title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-3);position:relative}.hero__subtitle{font-size:var(--font-size-lg);color:#aaa;max-width:600px;margin:0 auto;position:relative}.category-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.category-bar__link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition)}.category-bar__link:hover{background:var(--color-primary-pale);border-color:var(--color-primary);color:var(--color-black);text-decoration:none}.category-bar__link--active{background:var(--color-black);border-color:var(--color-black);color:var(--color-primary)}.category-bar__link--active:hover{background:var(--color-black-light);color:var(--color-primary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:3px solid var(--color-primary)}.section-header__title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}.post-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.post-card__image-link{display:block;position:relative;overflow:hidden}.post-card__image{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-card__image{transform:scale(1.03)}.post-card__placeholder{width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-black-lighter) 100%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-primary)}.post-card__category-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--color-primary);color:var(--color-black);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:999px}.post-card__body{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.post-card__title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);line-height:1.4;margin-bottom:var(--space-2)}.post-card__title a{color:inherit;text-decoration:none}.post-card__title a:hover{color:var(--color-primary-darker);text-decoration:none}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-light)}.post-card__steps{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary-darker);font-weight:700;background:var(--color-primary-pale);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6)}.pagination__link,.pagination__current{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-3);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition)}.pagination__link{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border)}.pagination__link:hover{background:var(--color-primary-pale);border-color:var(--color-primary);color:var(--color-black);text-decoration:none}.pagination__current{color:var(--color-black);background:var(--color-primary);border:1px solid var(--color-primary);font-weight:700}.pagination__ellipsis{color:var(--color-text-light);padding:0 var(--space-1)}.article{max-width:728px;margin:0 auto}.article__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);text-decoration:none}.article__back:hover{color:var(--color-primary-darker);text-decoration:none}.article__category{display:inline-block;background:var(--color-primary);color:var(--color-black);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:999px;margin-bottom:var(--space-4);text-decoration:none}.article__category:hover{background:var(--color-primary-dark);text-decoration:none}.article__title{font-size:var(--font-size-3xl);font-weight:800;line-height:1.3;color:var(--color-text);margin-bottom:var(--space-4)}.article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary)}.article__hero{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-8);aspect-ratio:16 / 9;object-fit:cover}.article__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article__tag{font-size:var(--font-size-sm);color:var(--color-black);background:var(--color-primary-pale);padding:var(--space-1) var(--space-3);border-radius:999px;font-weight:600;text-decoration:none;transition:all var(--transition);border:1px solid var(--color-primary)}.article__tag:hover{background:var(--color-primary);text-decoration:none}.prose{font-size:var(--font-size-base);line-height:1.85;color:var(--color-text)}.prose h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.prose h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-primary-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-muted)}.prose a{color:var(--color-primary-darker);text-decoration:underline;font-weight:500}.prose img{border-radius:var(--radius-lg);margin:var(--space-6) 0}.prose strong{font-weight:700}.search-page{max-width:800px;margin:0 auto;padding:var(--space-8) 0}.search-page__title{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-6);color:var(--color-text)}.search-page__frame-wrapper{border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;min-height:600px}.search-page__frame{width:100%;height:80vh;min-height:600px;border:none}.search-page__fallback{padding:var(--space-8);text-align:center}.search-page__fallback-link{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-black);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:700;font-size:var(--font-size-md);text-decoration:none;transition:background var(--transition)}.search-page__fallback-link:hover{background:var(--color-primary-dark);text-decoration:none}.page-header{margin-bottom:var(--space-6)}.page-header__title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}.page-header__description{font-size:var(--font-size-md);color:var(--color-text-muted)}.site-footer{background:var(--color-black);padding:var(--space-10) var(--space-4);margin-top:var(--space-16)}.site-footer__inner{max-width:var(--content-max-width);margin:0 auto}.site-footer__about-title{font-size:var(--font-size-lg);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-3)}.site-footer__about-text{font-size:var(--font-size-sm);color:#999;line-height:1.6;max-width:500px}.site-footer__bottom{max-width:var(--content-max-width);margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid var(--color-black-lighter);text-align:center;font-size:var(--font-size-xs);color:#666}.error-page{text-align:center;padding:var(--space-16) var(--space-4)}.error-page__code{font-size:6rem;font-weight:800;color:var(--color-primary);line-height:1}.error-page__title{font-size:var(--font-size-2xl);margin-top:var(--space-4);color:var(--color-text)}.error-page__link{display:inline-block;margin-top:var(--space-6);background:var(--color-primary);color:var(--color-black);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:700;text-decoration:none}.error-page__link:hover{background:var(--color-primary-dark);text-decoration:none}@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:var(--space-8) var(--space-6)}.hero__title{font-size:var(--font-size-2xl)}}@media(max-width:600px){.post-grid{grid-template-columns:1fr}.site-header__inner{gap:var(--space-3)}.search-bar{max-width:none}.site-header__nav{display:none}.category-bar{gap:var(--space-1)}.category-bar__link{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.hero{padding:var(--space-6) var(--space-4)}.hero__title{font-size:var(--font-size-xl)}.article__title{font-size:var(--font-size-2xl)}}