.page-wrap{margin-top:var(--nav-h);flex-direction:column;flex:1;padding:40px 0 clamp(64px,7vw,110px);display:flex}.article-head{border-bottom:1px solid var(--border);padding:calc(var(--nav-h) + clamp(40px, 5vw, 72px)) 0 clamp(32px, 3.8vw, 56px);background:linear-gradient(#eceff4 0%,#f4f5f7 100%)}.article-head-inner{width:var(--container);margin-inline:auto}body.preview-bare .article-head{padding-top:clamp(40px,5vw,72px)}.page-wrap.article-page-wrap{margin-top:0}.article-container{width:var(--container);flex-direction:column;flex:1;margin-inline:auto;display:flex}.article-container>main{flex-direction:column;flex:1;display:flex}.breadcrumb{font-size:var(--fs-meta);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;margin-bottom:clamp(16px,1.8vw,26px);line-height:1.6;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb .sep{color:#b9bec7}.breadcrumb .active{color:var(--fg-soft)}@media (hover:hover){.breadcrumb a:hover{color:var(--red)}}.article-title{max-width:26em;font-family:var(--font-display);letter-spacing:.04em;color:var(--fg);margin-bottom:clamp(14px,1.6vw,22px);font-size:clamp(26px,2.9vw,44px);font-weight:400;line-height:1.35}.article-meta{font-size:var(--fs-meta);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.article-meta .meta-tag{color:var(--red);font-size:var(--fs-sm);letter-spacing:.06em;white-space:nowrap;background:#b5172b14;border:none;border-radius:999px;padding:3px 14px}.article-card{background:0 0;border:none;border-radius:0;min-height:40vh;padding:0}.article-body{font-size:var(--fs-body);color:var(--fg);min-width:0;line-height:2}.article-body p{color:var(--fg-soft);margin-bottom:18px;line-height:2}.article-body h2{font-family:var(--font-display);letter-spacing:.05em;color:var(--fg);margin:clamp(36px,3.8vw,56px) 0 18px;padding-left:16px;font-size:clamp(21px,1.9vw,27px);font-weight:400;line-height:1.4;position:relative}.article-body>h2:first-child{margin-top:0}.article-body h2:before,.related-title:before{content:"";background:var(--red);border-radius:2px;width:4px;height:1.05em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.article-body h1{font-family:var(--font-display);letter-spacing:.05em;color:var(--fg);margin:clamp(36px,3.8vw,56px) 0 18px;font-size:clamp(24px,2.2vw,32px);font-weight:400}.article-body h3{font-family:var(--font-display);color:var(--fg);margin:28px 0 14px;font-size:clamp(18px,1.6vw,22px);font-weight:700}.article-body h4{font-family:var(--font-display);font-size:var(--fs-body);color:var(--fg);margin:22px 0 10px;font-weight:700}.article-body ul{margin-bottom:18px}.article-body ul li{color:var(--fg-soft);margin-bottom:6px;padding-left:22px;line-height:2;position:relative}.article-body ul li:before{content:"";background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:.92em;left:3px}.article-body ol{margin-bottom:18px;padding-left:22px;list-style:decimal}.article-body ol li{color:var(--fg-soft);margin-bottom:6px;line-height:2}.article-body blockquote{border-left:4px solid var(--red);color:var(--fg-soft);background:#fbf7f7;border-radius:0 10px 10px 0;margin:clamp(22px,2.4vw,32px) 0;padding:clamp(18px,1.8vw,26px) clamp(20px,2vw,30px);line-height:2}.article-body a{color:var(--red);text-decoration:underline}.article-body a:hover{color:var(--red-hover)}.article-body a.btn-red,.article-body a.btn-red:hover{color:#fff;text-decoration:none}.article-body img{border-radius:var(--radius);max-width:min(920px,100%);height:auto;margin:clamp(24px,2.6vw,36px) auto}.article-img-placeholder{border:1px dashed var(--border);border-radius:var(--radius);height:240px;color:var(--muted);letter-spacing:.04em;background:#f0f1f4;justify-content:center;align-items:center;margin:28px 0;font-size:14px;display:flex}.related-section{border-top:1px solid var(--border);margin-top:auto;padding-top:clamp(36px,4vw,52px)}.article-card:has(+.related-section){margin-bottom:clamp(56px,6vw,84px)}.related-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--fg);margin-bottom:22px;padding-left:16px;font-size:clamp(21px,1.9vw,27px);font-weight:400;position:relative}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,20px);display:grid}.related-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;min-width:0;padding:20px 18px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex}.related-card-icon{width:42px;height:42px;color:var(--red);background:#b5172b12;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.related-card-icon svg{width:20px;height:20px}.related-card-body{min-width:0}.related-card-title{font-size:var(--fs-base);color:var(--fg);font-weight:400;line-height:1.6;transition:color .2s;display:block}.related-card-date{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;display:block}@media (hover:hover){.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.related-card:hover .related-card-title{color:var(--red)}}@media (max-width:900px){.related-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.breadcrumb{gap:6px 8px;font-size:13px}.article-title{font-size:24px}.article-body h2{font-size:20px}}