/* 해내온 blog: the same article/media controls, with an enterprise reading frame. */
body[data-brand="haenaeon"]{--ink:#0F1214;--muted:#4A5055;--line:#D5D7D2;--accent:#0F1214;--paper:#FFF;--soft:#F4F4F1;--font:"IBM Plex Sans KR","Apple SD Gothic Neo",sans-serif;font-family:var(--font)}
body[data-brand="haenaeon"] .blog-main,body[data-brand="haenaeon"] .article-main{max-width:1168px;padding-inline:24px}
body[data-brand="haenaeon"] .blog-intro{padding-block:64px 44px}
body[data-brand="haenaeon"] .blog-intro h1{font-family:"Gothic A1",var(--font);font-size:clamp(36px,4.7vw,58px);letter-spacing:-.04em}
body[data-brand="haenaeon"] .intro-decoration{display:none}
body[data-brand="haenaeon"] .blog-intro>.eyebrow::before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;background:#E8500F}
body[data-brand="haenaeon"] .card-image,body[data-brand="haenaeon"] .article-cover,body[data-brand="haenaeon"] .blog-outro{border-radius:6px}
body[data-brand="haenaeon"] .card-placeholder{background:#F4F4F1;color:#0F1214;border:1px solid #D5D7D2}
body[data-brand="haenaeon"] .category-filters button,body[data-brand="haenaeon"] .pill-link,body[data-brand="haenaeon"] .share-button{border-radius:6px}
body[data-brand="haenaeon"] .article-body a{color:#0F1214;text-decoration-color:#70777B}
body[data-brand="haenaeon"] .article-body blockquote{border-left-color:#E8500F;background:#F4F4F1;color:#33383C}
body[data-brand="haenaeon"] .article-body blockquote p+p:last-child{color:#4A5055}
body[data-brand="haenaeon"] .article-tags span{background:#F4F4F1;color:#33383C;border-radius:4px}
body[data-brand="haenaeon"] .article-sidebar{top:96px}
body[data-brand="haenaeon"] .category-filters button:focus-visible,body[data-brand="haenaeon"] .article-main :focus-visible,body[data-brand="haenaeon"] .blog-main :focus-visible{outline-color:#B83B08}
@media(max-width:1199px){body[data-brand="haenaeon"] .article-sidebar{top:86px}}
@media(max-width:600px){body[data-brand="haenaeon"] .blog-main,body[data-brand="haenaeon"] .article-main{padding-inline:16px}body[data-brand="haenaeon"] .blog-intro{padding-block:36px 30px}body[data-brand="haenaeon"] .blog-intro h1{font-size:36px}body[data-brand="haenaeon"] .blog-outro{padding:26px 20px}body[data-brand="haenaeon"] .posts-heading{gap:12px}body[data-brand="haenaeon"] .post-total{flex:none}body[data-brand="haenaeon"] .category-filters button{min-height:44px}body[data-brand="haenaeon"] .article-toc li a{min-height:44px;display:flex;align-items:center}}