.detail-main,.article-main{background:var(--paper);padding-top:0}.detail-hero{background:var(--card-accent);min-height:610px;color:var(--card-text,white);padding:150px 0 90px}.detail-hero-grid{grid-template-columns:1.5fr .5fr;align-items:end;gap:80px;display:grid}.detail-back{margin-bottom:60px;font-size:12px;font-weight:700;display:inline-block}.detail-index{letter-spacing:.14em;margin-bottom:18px;font-size:10px;font-weight:800;display:block}.detail-hero h1,.article-shell h1{max-width:900px;font-family:"NanumSquareNeo", var(--font-display), serif;letter-spacing:-.065em;margin:0;font-size:clamp(64px,9vw,120px);font-weight:400;line-height:.9}.detail-hero p{max-width:620px;margin:28px 0 0;font-size:17px;line-height:1.6}.detail-symbol{width:190px;height:190px;font-family:"NanumSquareNeo", var(--font-display), serif;border:1px solid;border-radius:38px;justify-content:center;align-items:center;font-size:82px;display:flex;transform:rotate(7deg)}.tool-placeholder{padding:80px 0 120px}.placeholder-panel{background:#fff;border:1px dashed #aeb2ae;border-radius:28px;min-height:420px;padding:70px}.placeholder-panel>span{color:var(--blue);letter-spacing:.12em;font-size:10px;font-weight:800}.placeholder-panel h2{max-width:700px;font-family:"NanumSquareNeo", var(--font-display), serif;letter-spacing:-.05em;margin:80px 0 18px;font-size:clamp(42px,6vw,68px);font-weight:400;line-height:.95}.placeholder-panel p{color:#707570}.article-main{padding:150px 0 110px}.article-shell{max-width:900px}.article-shell .detail-back{margin-bottom:70px}.article-shell>span{color:var(--blue);letter-spacing:.1em;margin-bottom:22px;font-size:10px;font-weight:800;display:block}.article-shell h1{font-size:clamp(56px,8vw,102px)}.article-lead{color:#656a65;max-width:720px;margin:38px 0 70px;font-size:19px;line-height:1.7}.article-placeholder{border-top:1px solid var(--line);min-height:360px;padding-top:44px}.article-placeholder b{background:var(--ink);color:#fff;letter-spacing:.1em;border-radius:99px;padding:8px 12px;font-size:10px;display:inline-flex}@media (max-width:700px){.detail-hero-grid{grid-template-columns:1fr}.detail-symbol{width:120px;height:120px;font-size:52px}.placeholder-panel{min-height:340px;padding:35px 24px}}
