.editorial-detail{background:#fff}
.detail-hero{background:linear-gradient(110deg,#fcf8f6 0%,#f7f7f8 100%);border-bottom:1px solid var(--line);padding:25px 0 44px}
.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:#83838b;margin-bottom:32px;overflow-wrap:anywhere}
.detail-breadcrumb a:hover{color:var(--red)}
.detail-heading{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:64px;align-items:center}
.detail-heading h1{font-size:clamp(26px,3vw,38px);line-height:1.55;max-width:1030px;letter-spacing:0}
.detail-heading .eyebrow{margin-bottom:12px;letter-spacing:.06em}
.detail-meta{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:12px;color:#85858b;margin-top:20px}
.detail-hero-icon.icon{width:108px;height:108px;stroke-width:.7;color:#c6ac86;justify-self:end;opacity:.7}
.detail-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:52px;align-items:start;padding-top:52px;padding-bottom:85px}
.detail-sidebar-inner{position:sticky;top:120px}.detail-sidebar{align-self:stretch}
.detail-category{border:1px solid var(--line);border-radius:10px;padding:23px;background:#fff}
.detail-sidebar h2{font-size:17px;line-height:1.5}
.detail-category h2{margin-bottom:17px}.detail-category a{display:block;border-top:1px solid #f0f0f1;padding:12px 0;font-size:14px;color:#666772}
.detail-category a[aria-current=page]{color:var(--red);font-weight:700}.detail-category a:hover{color:var(--red)}
.detail-consult{margin-top:20px;border-radius:10px;background:#fbf7f4;padding:24px 20px}
.detail-consult>.icon{color:var(--red);margin-bottom:13px}.detail-consult p{font-size:13px;line-height:1.95;color:#78757a;margin:12px 0 22px}
.detail-consult .btn{width:100%;padding:10px 12px;min-height:44px;font-size:12px;gap:10px}
.detail-reading,.detail-article{min-width:0}.detail-article{font-size:16px;line-height:2.05;color:#45464d}
.detail-article .txt{overflow-wrap:anywhere;display:flow-root}
.detail-article .txt p{margin:0 0 20px}.detail-article .txt h2{font-size:24px;line-height:1.6;margin:35px 0 17px;color:var(--ink)}
.detail-article .txt h3{font-size:20px;line-height:1.6;margin:27px 0 15px;color:var(--ink)}
.detail-article .txt h4{font-size:17px;margin:22px 0 12px}.detail-article .txt> :first-child{margin-top:0}
.detail-article .txt a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.detail-article .txt img{max-width:100%!important;height:auto!important;margin:22px auto;border-radius:5px}
.detail-article .txt video,.detail-article .txt iframe{max-width:100%}
.detail-article .txt table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:22px 0}
.detail-article .txt th,.detail-article .txt td{border:1px solid #e3e3e6;padding:12px 15px;min-width:100px;font-size:14px}
.detail-article .txt th{background:#f7f7f8}.detail-article .txt ul,.detail-article .txt ol{padding-left:24px;margin:16px 0 22px}
.detail-article .txt li{margin:7px 0}.detail-article .txt blockquote{margin:22px 0;padding:16px 23px;border-left:3px solid var(--red);background:#faf8f7}
.detail-article .m-txt3{font-size:12px;color:#88878e;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}
.detail-article .tabel{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.detail-article .tabel ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.detail-article .tabel a{display:block;border:1px solid var(--line);padding:2px 10px;border-radius:4px;color:#6c6c76}
.detail-pagination{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:32px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.detail-pagination>div+div{border-left:1px solid var(--line);padding-left:24px}.detail-pagination span{display:block;font-size:11px;color:#9998a0;margin-bottom:7px}.detail-pagination a:hover{color:var(--red)}
.detail-related{margin-top:42px}.detail-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.detail-section-head h2{font-size:23px}.detail-section-head>a{font-size:12px;color:#96939a;white-space:nowrap}.detail-section-head>a:hover{color:var(--red)}
.detail-related-articles{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:0;gap:0 30px}
.detail-related-articles>li{min-width:0;padding:17px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.9}
.detail-related-articles .time{font-size:11px;color:#9b99a1;margin-bottom:6px}.detail-related-articles a:hover{color:var(--red)}
.detail-related-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:18px;margin:0;padding:0}
.detail-related-products>li{min-width:0}.detail-related-products a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.detail-related-products .pic{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f8f8f9;padding:12px;overflow:hidden}
.detail-related-products img{width:100%;height:100%;object-fit:contain}.detail-related-products p{font-size:13px;line-height:1.8;padding:16px;flex:1}
.detail-related-products a:hover{border-color:#dab8b9;color:var(--red)}
.detail-related:has(>.detail-related-products:not(:has(>li))){display:none}
@media(max-width:1100px){.detail-layout{grid-template-columns:188px minmax(0,1fr);gap:30px}.detail-heading{gap:30px}.detail-related-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.detail-layout{grid-template-columns:1fr;gap:28px;padding-top:25px;padding-bottom:50px}.detail-sidebar{order:0}.detail-sidebar-inner{position:static}.detail-consult{display:none}.detail-category{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:14px 18px;background:#fafafa}.detail-category h2{display:none}.detail-category a{padding:0;border:0;font-size:12px}.detail-hero{padding:20px 0 30px}.detail-breadcrumb{margin-bottom:24px}.detail-heading{grid-template-columns:1fr;gap:0}.detail-hero-icon{display:none}.detail-meta{margin-top:17px}.detail-article{font-size:15px;line-height:2}.detail-article .txt h2{font-size:22px}.detail-article .txt h3{font-size:18px}.detail-related-products{gap:12px}.detail-related-products p{padding:12px;font-size:12px}}
@media(max-width:520px){.detail-heading h1{font-size:25px}.detail-pagination{grid-template-columns:1fr;gap:18px}.detail-pagination>div+div{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.detail-related-articles{grid-template-columns:1fr}.detail-section-head h2{font-size:21px}}