/*
Theme Name: Clearlog for Avada
Template: Avada
Version: 0.2.0
Description: Clearlog 전용 Avada Child Theme
*/

:root { --ink:#171716; --paper:#f7f5f0; --line:#d8d4cc; --muted:#77736c; --accent:#6759db; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.clearlog-site { margin:0; background:var(--paper); color:var(--ink); font-family:"Pretendard","Noto Sans KR",Arial,sans-serif; }
.clearlog-header { border-bottom:1px solid var(--line); background:rgba(247,245,240,.94); position:sticky; top:0; z-index:20; backdrop-filter:blur(16px); }
.clearlog-header__inner, .clearlog-footer { max-width:1440px; margin:auto; padding:24px 48px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.clearlog-wordmark { color:var(--ink); font-size:24px; font-weight:750; letter-spacing:-1.4px; text-decoration:none; }
.clearlog-wordmark span { color:var(--accent); }
.clearlog-nav__list { display:flex; flex-wrap:wrap; gap:20px; list-style:none; margin:0; padding:0; }
.clearlog-nav a { color:var(--ink); font-size:14px; text-decoration:none; }
.clearlog-nav a:hover, .clearlog-nav .current-menu-item a { color:var(--accent); }
.clearlog-main { overflow:hidden; }
.clearlog-hero { min-height:calc(100vh - 76px); max-width:1440px; margin:auto; padding:12vh 48px 56px; display:flex; flex-direction:column; justify-content:space-between; }
.clearlog-eyebrow { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.12em; margin:0 0 18px; }
.clearlog-hero h1, .clearlog-archive h1, .clearlog-article h1, .clearlog-page h1 { font-size:clamp(48px,8.2vw,124px); font-weight:650; letter-spacing:-.08em; line-height:.95; margin:0; max-width:1000px; }
.clearlog-hero h1 { font-size:clamp(42px,calc(8.2vw - 6px),118px); }
.clearlog-hero__bottom { border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:30px; margin-top:64px; padding-top:20px; }
.clearlog-hero__bottom p { font-size:16px; line-height:1.65; margin:0; max-width:420px; }
.clearlog-hero__bottom a { color:var(--ink); text-decoration:none; white-space:nowrap; }
.clearlog-section, .clearlog-archive, .clearlog-page { max-width:1440px; margin:auto; padding:110px 48px; }
.clearlog-section__heading { display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid var(--ink); padding-bottom:18px; margin-bottom:0; }
.clearlog-section h2 { font-size:clamp(32px,4vw,56px); letter-spacing:-.06em; margin:0; }
.clearlog-card-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.clearlog-card { border-bottom:1px solid var(--line); border-right:1px solid var(--line); min-height:270px; }
.clearlog-card:nth-child(3n) { border-right:0; }
.clearlog-card__link { color:var(--ink); display:flex; flex-direction:column; height:100%; min-height:270px; padding:28px; position:relative; text-decoration:none; transition:background .2s ease; }
.clearlog-card__link:hover { background:#ece9e1; }
.clearlog-card__meta { color:var(--muted); font-size:12px; }
.clearlog-card h3 { font-size:24px; letter-spacing:-.05em; line-height:1.25; margin:48px 0 12px; }
.clearlog-card p { color:#56534e; font-size:14px; line-height:1.65; margin:0; }
.clearlog-card__arrow { font-size:20px; margin-top:auto; padding-top:28px; }
.clearlog-empty { border-bottom:1px solid var(--line); min-height:180px; padding:32px 0; }
.clearlog-empty a { color:var(--accent); }
.clearlog-map { background:var(--ink); color:var(--paper); padding:110px max(48px,calc((100vw - 1344px)/2)); }
.clearlog-map .clearlog-eyebrow { color:#aaa49b; }
.clearlog-map__grid { border-top:1px solid #55514c; display:grid; grid-template-columns:repeat(4,1fr); }
.clearlog-map__grid a { color:var(--paper); display:flex; flex-direction:column; gap:20px; min-height:260px; padding:24px 18px 24px 0; text-decoration:none; border-right:1px solid #55514c; }
.clearlog-map__grid a:not(:first-child) { padding-left:20px; }
.clearlog-map__grid a:last-child { border-right:0; }
.clearlog-map__grid span { color:#aaa49b; font-size:12px; }
.clearlog-map__grid strong { font-size:32px; letter-spacing:-.06em; }
.clearlog-map__grid em { color:#cac6bd; font-size:14px; font-style:normal; line-height:1.6; }
.clearlog-archive { min-height:70vh; }
.clearlog-archive__description { color:var(--muted); font-size:17px; margin:28px 0 72px; }
.clearlog-archive .clearlog-card-grid { margin-top:72px; border-top:1px solid var(--ink); }
.clearlog-article { margin:0 auto; max-width:850px; padding:130px 48px; }
.clearlog-article h1 { font-size:clamp(42px,6vw,82px); line-height:1.04; }
.clearlog-article__content, .clearlog-page__content { font-size:18px; line-height:1.9; margin-top:72px; }
.clearlog-origin-links,.clearlog-parent-link { margin:28px 0 0; font-size:13px; }
.clearlog-story-chain { border-top:1px solid var(--line); margin-top:80px; padding-top:28px; }.clearlog-story-chain h2{font-size:18px;margin:26px 0 10px}.clearlog-story-chain ul{margin:0;padding-left:18px}.clearlog-story-chain li{margin:8px 0}.clearlog-story-chain a{color:var(--ink)}
.clearlog-origin-links a,.clearlog-parent-link a { border:1px solid var(--line); border-radius:20px; color:var(--ink); display:inline-block; margin:0 6px 6px 0; padding:7px 11px; text-decoration:none; }
.clearlog-origin-hub { max-width:1440px; margin:auto; padding:100px 48px; }
.clearlog-origin-hub__intro { align-items:flex-start; display:grid; gap:42px; grid-template-columns:220px minmax(0,1fr); margin-bottom:110px; }
.clearlog-origin-hub__intro img { aspect-ratio:2/3; object-fit:cover; width:220px; }
.clearlog-origin-hub h1 { font-size:clamp(42px,7vw,96px); letter-spacing:-.08em; line-height:.98; margin:0; }
.clearlog-origin-hub__meta { color:var(--muted); margin:20px 0; }
.clearlog-story-map{max-width:1100px;margin:auto;padding:110px 48px;min-height:70vh}.clearlog-story-map h1{font-size:clamp(46px,7vw,96px);letter-spacing:-.08em;margin:0}.clearlog-story-map__intro{color:var(--muted);margin:25px 0 70px}.clearlog-map-list{border-top:1px solid var(--ink)}.clearlog-map-list article{border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px 1fr;padding:25px 0}.clearlog-map-list__origin{color:var(--ink);font-size:23px;font-weight:bold;text-decoration:none}.clearlog-map-list__origin span{color:var(--muted);display:block;font-size:12px;font-weight:normal;margin-top:8px}.clearlog-map-list ol{margin:0;padding-left:20px}.clearlog-map-list li{margin:0 0 11px}.clearlog-map-list a{color:var(--ink)}.clearlog-map-list small{color:var(--muted);margin-left:8px}
.clearlog-article__content > * { margin:0 0 26px; }
.clearlog-page { min-height:70vh; }
.clearlog-page h1 { font-size:clamp(44px,7vw,96px); }
.clearlog-map__grid--page { margin-top:80px; }
.clearlog-map__grid--page a { color:var(--ink); border-color:var(--line); min-height:160px; }
.clearlog-map__grid--page a span { color:var(--accent); margin-top:auto; }
.clearlog-footer { border-top:1px solid var(--line); padding-top:46px; padding-bottom:46px; }
.clearlog-footer p { color:var(--muted); font-size:13px; margin:10px 0 0; }
.clearlog-footer__copyright { white-space:nowrap; }
@media (max-width:760px) { .clearlog-header__inner,.clearlog-footer { align-items:flex-start; flex-direction:column; padding:20px 22px; gap:16px; } .clearlog-nav__list { gap:12px 16px; } .clearlog-hero,.clearlog-section,.clearlog-archive,.clearlog-page,.clearlog-article,.clearlog-origin-hub { padding-left:22px; padding-right:22px; } .clearlog-hero { min-height:78vh; padding-top:96px; } .clearlog-hero h1 { font-size:calc(15vw - 6px); } .clearlog-hero__bottom,.clearlog-section__heading { align-items:flex-start; flex-direction:column; } .clearlog-card-grid,.clearlog-map__grid { grid-template-columns:1fr; } .clearlog-card,.clearlog-card:nth-child(3n) { border-right:0; } .clearlog-map { padding:74px 22px; } .clearlog-map__grid a,.clearlog-map__grid a:not(:first-child) { border-bottom:1px solid #55514c; border-right:0; min-height:150px; padding:22px 0; } .clearlog-article { padding-top:84px; } .clearlog-origin-hub__intro { display:block; margin-bottom:72px; } .clearlog-origin-hub__intro img { margin-bottom:26px; width:160px; } }