.ptz-articles-hero{
    margin:28px 0 22px;
    padding:28px;
    border:1px solid var(--line,#e5e7eb);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(20,80,199,.08),rgba(255,255,255,.96));
}
.ptz-articles-hero h1{margin:0 0 10px;font-size:clamp(26px,4vw,42px);line-height:1.35}
.ptz-articles-hero p{margin:0;color:var(--muted,#667085);line-height:2}
.ptz-articles-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-bottom:34px;
}
.ptz-article-card{
    overflow:hidden;
    background:var(--surface,#fff);
    border:1px solid var(--line,#e5e7eb);
    border-radius:20px;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
}
.ptz-article-card-image{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#f3f4f6;
}
.ptz-article-card-image img{
    width:100%;height:100%;object-fit:cover;display:block;
}
.ptz-article-card-body{padding:20px}
.ptz-article-card h2{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.7;
}
.ptz-article-card h2 a{color:inherit;text-decoration:none}
.ptz-article-card p{
    color:var(--muted,#667085);
    line-height:2;
    margin:0 0 14px;
}
.ptz-article-meta{
    display:flex;gap:10px;flex-wrap:wrap;
    color:var(--muted,#667085);
    font-size:13px;
}
.ptz-article-shell{
    max-width:1040px;
    margin:30px auto 50px;
}
.ptz-article-head{
    margin-bottom:22px;
    text-align:start;
}
.ptz-article-head h1{
    margin:0 0 12px;
    font-size:clamp(30px,4.6vw,48px);
    line-height:1.45;
}
.ptz-article-lead{
    font-size:17px;
    color:var(--muted,#667085);
    line-height:2.05;
    margin:0 0 18px;
}
.ptz-article-featured{
    margin:20px 0 28px;
    border-radius:24px;
    overflow:hidden;
    border:1px solid var(--line,#e5e7eb);
    background:#f6f7f9;
}
.ptz-article-featured img{
    width:100%;
    display:block;
    max-height:620px;
    object-fit:cover;
}
.ptz-article-content{
    background:var(--surface,#fff);
    border:1px solid var(--line,#e5e7eb);
    border-radius:24px;
    padding:clamp(22px,4vw,42px);
    font-size:16px;
    line-height:2.1;
}
.ptz-article-content h2{
    margin:36px 0 14px;
    font-size:26px;
    line-height:1.6;
    padding-bottom:10px;
    border-bottom:1px solid var(--line,#e5e7eb);
}
.ptz-article-content h3{
    margin:28px 0 10px;
    font-size:21px;
    line-height:1.7;
}
.ptz-article-content p{margin:0 0 18px}
.ptz-article-content ul,
.ptz-article-content ol{
    padding-inline-start:26px;
    margin:0 0 20px;
}
.ptz-article-content li{margin-bottom:8px}
.ptz-article-content a{font-weight:700}
.ptz-related-product{
    margin-top:26px;
    padding:22px;
    border:1px solid rgba(20,80,199,.22);
    border-radius:20px;
    background:rgba(20,80,199,.055);
}
.ptz-related-product h2{margin:0 0 8px;font-size:20px}
.ptz-related-product a{font-weight:800}
.ptz-article-breadcrumb{
    display:flex;gap:8px;flex-wrap:wrap;
    font-size:13px;color:var(--muted,#667085);
    margin:18px 0;
}
.ptz-article-breadcrumb a{color:inherit}
.ptz-empty-articles{
    padding:40px;
    border:1px dashed var(--line,#d0d5dd);
    border-radius:20px;
    text-align:center;
    color:var(--muted,#667085);
}
@media(max-width:980px){
    .ptz-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .ptz-articles-grid{grid-template-columns:1fr}
    .ptz-articles-hero{padding:20px}
    .ptz-article-content{padding:20px}
}