:root{--content-ink:#171717;--content-muted:#6a6a6a;--content-line:#d8d8d8;--content-paper:#f5f5f3;--content-accent:#f16a24;--content-space:clamp(24px,5vw,72px)}
.content-card[hidden],.content-pagination button[hidden]{display:none}
*{box-sizing:border-box}.content-page{background:#fff;color:var(--content-ink);font-family:Pretendard,"Noto Sans KR",sans-serif}.content-hero{min-height:520px;padding:180px var(--content-space) 80px;background:linear-gradient(135deg,#191919,#303030);color:#fff}.content-hero p{margin:0 0 24px;font-weight:700}.content-hero h1{max-width:1020px;margin:0;font-size:clamp(42px,5.2vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1.08}.content-hero>span{display:block;max-width:640px;margin-top:36px;color:#c8c8c8;font-size:18px;line-height:1.7}.content-list,.content-article{padding:120px var(--content-space)}.content-controls{display:flex;gap:12px;margin-bottom:54px;border-bottom:1px solid var(--content-line)}.content-controls button{border:0;border-bottom:3px solid transparent;padding:16px 8px;background:none;color:var(--content-muted);font:600 17px inherit;cursor:pointer}.content-controls button[aria-pressed=true]{border-color:var(--content-accent);color:var(--content-ink)}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px}.content-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;color:inherit;text-decoration:none}.content-card__art{aspect-ratio:1.45;background:linear-gradient(145deg,#ececeb,#c9c9c5);overflow:hidden}.content-card__art:after{content:"";display:block;width:46%;height:100%;margin-left:54%;background:linear-gradient(150deg,transparent 20%,rgba(241,106,36,.9));transform:skewX(-14deg)}.content-card__meta{margin-top:24px;color:var(--content-muted);font-size:14px}.content-card strong{margin-top:12px;font-size:24px;line-height:1.42;letter-spacing:-.025em}.content-card__arrow{margin-top:28px;font-size:24px}.content-pagination{display:flex;justify-content:center;gap:8px;margin-top:76px}.content-pagination button{width:42px;height:42px;border:1px solid var(--content-line);background:#fff}.content-pagination button[aria-current=page]{background:var(--content-ink);color:#fff}.content-empty{padding:100px 0;text-align:center;color:var(--content-muted)}.content-article{max-width:1160px;margin:auto}.content-article__meta{display:flex;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--content-line);color:var(--content-muted)}.content-article__lead{height:clamp(280px,44vw,590px);margin:56px 0 100px;background:linear-gradient(145deg,#282828,#616161)}.content-article__body{max-width:760px;margin:auto}.content-article__body section{padding:52px 0;border-top:1px solid var(--content-line)}.content-article__body h2{font-size:36px;margin:0 0 24px}.content-article__body p{font-size:19px;line-height:1.85;color:#444}.content-back{display:inline-block;margin-top:80px;padding-bottom:8px;border-bottom:1px solid;color:inherit;text-decoration:none}
@media (max-width:800px){.content-hero{min-height:410px;padding:130px 24px 56px}.content-hero h1{font-size:40px}.content-hero>span{font-size:16px}.content-list,.content-article{padding:72px 24px}.content-controls{overflow:auto;margin-right:-24px}.content-grid{grid-template-columns:1fr;gap:44px}.content-card strong{font-size:21px}.content-article__lead{margin:40px 0 60px}.content-article__body h2{font-size:30px}}
.content-search{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--content-muted);font-size:13px}.content-search input{width:180px;padding:10px 14px;border:1px solid var(--content-line);border-radius:999px;background:#fff;color:var(--content-ink)}
.content-no-break{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.content-page *{scroll-behavior:auto!important;transition:none!important}}