:root{--hd-art-max: 1200px;--hd-art-content: 720px;--hd-art-sidebar: 300px;--hd-art-gap: 48px;--hd-art-radius: 12px;--hd-art-body: var(--font-body-family, Georgia, serif);--hd-art-heading: var(--font-heading-family, sans-serif)}.hd-art *{box-sizing:border-box}.hd-art__hero{width:100%;height:480px;overflow:hidden;background:#111}.hd-art__hero img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hd-art__wrap{width:min(var(--hd-art-max),calc(100% - 48px));margin:0 auto;padding:56px 0 80px}.hd-art__layout{display:grid;grid-template-columns:1fr var(--hd-art-sidebar);gap:var(--hd-art-gap);align-items:start}.hd-art__meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:13px;color:#888;font-family:var(--hd-art-heading);letter-spacing:.04em;text-transform:uppercase}.hd-art__meta-tag{background:#f0f0f0;border-radius:4px;padding:3px 10px;color:#444;font-weight:600;text-decoration:none;transition:background .2s}.hd-art__meta-tag:hover{background:#e0e0e0}.hd-art__meta-sep{opacity:.4}.hd-art__title{font-family:var(--hd-art-heading)!important;font-size:clamp(28px,3.5vw,46px)!important;font-weight:700!important;line-height:1.15!important;color:#0d0d0d!important;margin:0 0 20px!important;letter-spacing:-.01em!important}.hd-art__excerpt{font-size:18px;line-height:1.6;color:#444;font-family:var(--hd-art-body);font-style:italic;margin:0 0 24px;padding-left:16px;border-left:3px solid #0d0d0d}.hd-art__divider{border:none;border-top:1px solid #e8e8e8;margin:28px 0}.hd-art__byline{display:flex;align-items:center;gap:10px;font-size:13px;color:#777;margin-bottom:32px;font-family:var(--hd-art-heading)}.hd-art__byline strong{color:#333;font-weight:600}.hd-art__body{font-family:var(--hd-art-body);font-size:17px;line-height:1.8;color:#222}.hd-art__body p{margin:0 0 22px}.hd-art__body h2{font-family:var(--hd-art-heading)!important;font-size:clamp(20px,2vw,28px)!important;font-weight:700!important;color:#0d0d0d!important;margin:40px 0 14px!important;line-height:1.2!important;letter-spacing:-.01em!important}.hd-art__body h3{font-family:var(--hd-art-heading)!important;font-size:clamp(17px,1.6vw,22px)!important;font-weight:600!important;color:#1a1a1a!important;margin:30px 0 10px!important;line-height:1.3!important}.hd-art__body h4{font-family:var(--hd-art-heading)!important;font-size:17px!important;font-weight:600!important;color:#222!important;margin:24px 0 8px!important}.hd-art__body ul,.hd-art__body ol{margin:0 0 22px 24px;padding:0}.hd-art__body li{margin-bottom:8px;line-height:1.7}.hd-art__body strong{font-weight:700;color:#0d0d0d}.hd-art__body em{font-style:italic;color:#444}.hd-art__body a{color:#0d0d0d;text-decoration:underline;text-underline-offset:3px}.hd-art__body a:hover{opacity:.7}.hd-art__body img{width:100%;height:auto;border-radius:var(--hd-art-radius);margin:24px 0;display:block}.hd-art__body blockquote{margin:32px 0;padding:20px 24px;background:#f8f8f8;border-left:4px solid #0d0d0d;border-radius:0 8px 8px 0;font-style:italic;font-size:18px;color:#333}.hd-art__body blockquote p{margin:0}.hd-art__body hr{border:none;border-top:1px solid #e8e8e8;margin:36px 0}.hd-art__sidebar{position:sticky;top:24px}.hd-art__sidebar-box{background:#f8f8f8;border-radius:var(--hd-art-radius);padding:24px}.hd-art__sidebar-title{font-family:var(--hd-art-heading)!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#888!important;margin:0 0 18px!important}.hd-art__related-list{display:flex;flex-direction:column;gap:16px}.hd-art__related-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;padding-bottom:16px;border-bottom:1px solid #e8e8e8;transition:opacity .2s}.hd-art__related-card:last-child{padding-bottom:0;border-bottom:none}.hd-art__related-card:hover{opacity:.7}.hd-art__related-img{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#e0e0e0}.hd-art__related-img img{width:100%;height:100%;object-fit:cover;display:block}.hd-art__related-name{font-family:var(--hd-art-heading);font-size:14px;font-weight:600;color:#0d0d0d;line-height:1.35}.hd-art__related-date{font-size:12px;color:#999}@media screen and (max-width:899px){.hd-art__hero{height:280px}.hd-art__wrap{width:calc(100% - 32px);padding:36px 0 56px}.hd-art__layout{grid-template-columns:1fr;gap:48px}.hd-art__sidebar{position:static}.hd-art__title{font-size:clamp(24px,7vw,34px)!important}.hd-art__body,.hd-art__excerpt{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hd-article.css.map */