/* Skill NEWS MAG v18.1 — newspaper blocks, category views, ad manager */
.v18-block{--v18-c:var(--snmp-accent,#2a9d8f);--v18-gap:22px;--v18-cols:4;--v18-ratio:16/10;margin:0 0 40px;color:inherit}
.v18-block__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.v18-block__title{margin:0;padding-inline-start:14px;border-inline-start:5px solid var(--v18-c);color:var(--v18-c);font-size:22px;line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.v18-block__more{color:var(--v18-c);font-size:13px;font-weight:700;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.v18-block__more:hover{text-decoration:underline}
.v18-block__more--end{display:inline-block;margin-top:12px;float:inline-end}
.v18-card{min-width:0;position:relative}
.v18-card__media{display:block;overflow:hidden;background:#e5e7eb;aspect-ratio:var(--v18-ratio)}
.v18-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.v18-card:hover .v18-card__media img{transform:scale(1.04)}
.v18-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#cbd5e1)}
.v18-card__title{margin:6px 0 0;font-size:17px;line-height:1.3;font-weight:700}
.v18-card__title a{color:inherit;text-decoration:none}
.v18-card__title a:hover{color:var(--v18-c)}
.v18-meta__date{display:block;margin-top:10px;color:var(--v18-c);font-size:13px;font-weight:600}
.v18-cat{display:inline-block;color:var(--v18-c);font-size:12px;font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:.03em}
.v18-card__excerpt{margin:8px 0 0;color:#4b5563;font-size:15px;line-height:1.55}
/* grid */
.v18-grid{display:grid;grid-template-columns:repeat(var(--v18-cols),minmax(0,1fr));gap:calc(var(--v18-gap)*1.3) var(--v18-gap)}
.v18-block__foot{margin-top:28px;text-align:center}
.v18-block__foot--row4,.v18-block__foot--grid3{text-align:start}
.v18-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 56px;border:0;border-radius:2px;background:var(--v18-c);color:#fff;font:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:filter .2s}
.v18-btn:hover{filter:brightness(1.1);color:#fff}
.v18-btn--row4{padding:0;background:none;color:var(--v18-c);font-size:14px}
.v18-btn--grid3{padding:9px 16px;border-radius:4px;text-transform:none;font-weight:600;font-size:14px}
.v18-btn[disabled]{opacity:.6;cursor:default}
/* overlay + mosaic */
.v18-card--overlay .v18-card__media{aspect-ratio:auto;height:100%;min-height:180px}
.v18-card__over{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.v18-card--overlay .v18-card__title{color:#fff;font-size:16px}
.v18-card--overlay .v18-cat{color:#fff;background:var(--v18-c);padding:2px 8px}
.v18-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(170px,1fr));gap:6px}
.v18-mosaic>:first-child{grid-row:1/3}
.v18-mosaic>:first-child .v18-card__title{font-size:clamp(20px,2.4vw,30px)}
/* dark block */
.v18-block--darkbg{background:#111;color:#f3f4f6;padding:30px clamp(16px,4vw,48px)}
.v18-block--darkbg .v18-block__title{color:var(--v18-c,#4a90d9)}
.v18-block--darkbg .v18-card__title{color:#fff}
.v18-dark{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--v18-gap)}
.v18-dark__lead .v18-card--overlay{height:100%}
.v18-dark__lead .v18-card__title{font-size:24px}
.v18-dark__col{display:flex;flex-direction:column}
.v18-block--darkbg .v18-card--thumb{border-bottom-color:rgba(255,255,255,.12)}
/* thumb list + timeline */
.v18-card--thumb{display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}
.v18-card--thumb .v18-card__title{margin:0;font-size:15px}
.v18-list--timeline{border-inline-start:1px solid #d1d5db;margin-inline-start:4px;padding-inline-start:0}
.v18-card--line{display:flex;gap:14px;padding:10px 0 10px 18px;position:relative}
.v18-dot{position:absolute;inset-inline-start:-4px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--v18-c)}
.v18-card--line .v18-meta__date{margin:0;color:#6b7280;font-weight:400}
.v18-card--line .v18-card__title{font-size:15px}
.v18-cols{display:grid;gap:clamp(18px,2.5vw,30px)}
.v18-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.v18-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v18-col .v18-card--card .v18-card__title{font-size:18px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}
.v18-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v18-block--split{background:#f5f4f2;padding:28px clamp(14px,3vw,40px)}
.v18-block--split .v18-card--thumb{border:0}
/* list rows (category list) */
.v18-rows{display:flex;flex-direction:column;gap:30px}
.v18-card--row{display:grid;grid-template-columns:minmax(0,36%) 1fr;gap:22px;align-items:start}
.v18-card--row .v18-card__title{font-size:22px;line-height:1.25}
.v18-card--row .v18-cat{color:var(--snmp-accent,#e2541b)}
.v18-meta{display:flex;align-items:center;gap:8px;margin-top:12px;color:#6b7280;font-size:14px}
.v18-meta img{border-radius:50%;vertical-align:middle;margin-inline-end:8px}
.v18-card--row .v18-meta__date{margin:0;color:#6b7280;font-weight:400}
/* pics */
.v18-card--pic{text-align:center}
.v18-card--pic .v18-card__title{margin-top:12px;font-size:16px}
.v18-card__more{display:inline-block;margin-top:10px;padding:7px 18px;border:1px solid currentColor;border-radius:999px;color:var(--v18-c);font-size:13px;font-weight:700;text-decoration:none}
.v18-card__more:hover{background:var(--v18-c);color:#fff;border-color:var(--v18-c)}
/* category list / grid switch */
.v18-views{display:inline-flex;gap:0;margin:0 0 22px;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}
.v18-views__btn{padding:9px 18px;border:0;background:#fff;color:#374151;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.v18-views__btn+.v18-views__btn{border-inline-start:1px solid #d1d5db}
.v18-views__btn[aria-pressed=true]{background:var(--snmp-accent,#e2541b);color:#fff}
.v18-catview--grid{display:grid;grid-template-columns:repeat(var(--v18-pcols,3),minmax(0,1fr));gap:26px}
.v18-catview[hidden]{display:none!important}
/* ad manager */
.v18-ad{margin:24px auto;text-align:center;max-width:100%}
.v18-ad__label{display:block;margin-bottom:6px;color:#9ca3af;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.v18-ad__box{display:flex;justify-content:center;align-items:center;max-width:100%;min-height:var(--v18ad-h,auto);margin-inline:auto}
.v18-ad__box img{max-width:100%;height:auto;display:block}
.v18-ad--sidebar .v18-ad__box{max-width:var(--v18ad-w,300px)}
@media(max-width:767px){.v18-ad--desktop{display:none}.v18-ad__box{min-height:0}}
@media(min-width:768px){.v18-ad--mobile{display:none}}
/* responsive */
@media(max-width:1024px){.v18-grid{grid-template-columns:repeat(min(var(--v18-cols),2),minmax(0,1fr))}.v18-cols--3{grid-template-columns:1fr 1fr}.v18-dark{grid-template-columns:1fr 1fr}.v18-dark__lead{grid-column:1/-1}.v18-catview--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.v18-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}.v18-mosaic>:first-child{grid-column:1/-1;grid-row:auto;min-height:240px}.v18-cols--3,.v18-cols--2,.v18-split,.v18-dark{grid-template-columns:1fr}.v18-card--row{grid-template-columns:1fr}.v18-card--row .v18-card__title{font-size:19px}}
@media(max-width:480px){.v18-grid,.v18-catview--grid{grid-template-columns:1fr}.v18-btn{padding:12px 30px}}
[dir=rtl] .v18-dot{inset-inline-start:-4px}
.v18-block--cat3 .v18-list--timeline .v18-dot{background:#2a9d8f}
.v18-block--split .v18-list--timeline .v18-dot{background:#c4c4c4}
.v18-block--grid3 .v18-meta__date{color:#4b5563;font-weight:400}
.v18-block--grid3 .v18-block__title{color:#111827;text-transform:none;border-inline-start-color:var(--v18-c)}
@media(max-width:767px){.v18-mosaic>:not(:first-child) .v18-card__title{font-size:14px}.v18-card__over{padding:12px}}
@media print{.v18-ad,.v18-views,.v18-block__foot{display:none!important}}

/* v19.2 — magazine hero (5 stories) and featured story */
.v18-hero3{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.45fr;grid-template-rows:repeat(2,minmax(200px,1fr));gap:6px}
.v18-hero3>:nth-child(1){grid-column:1;grid-row:1/3}
.v18-hero3>:nth-child(2){grid-column:2/4;grid-row:1}
.v18-hero3>:nth-child(3){grid-column:2;grid-row:2}
.v18-hero3>:nth-child(4){grid-column:3;grid-row:2}
.v18-hero3>:nth-child(5){grid-column:4;grid-row:1/3}
.v18-hero3 .v18-card--overlay .v18-cat{border-radius:3px;font-size:11px;padding:3px 9px;margin-bottom:8px}
.v18-hero3>:nth-child(1) .v18-card__title,.v18-hero3>:nth-child(5) .v18-card__title{font-size:clamp(18px,1.9vw,26px)}
.v18-featured{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:start}
.v18-featured__lead .v18-card__title{font-size:22px}
.v18-featured__side .v18-card--thumb:first-child{padding-top:0}
@media(max-width:1024px){.v18-hero3{grid-template-columns:1fr 1fr;grid-template-rows:auto}.v18-hero3>*{grid-column:auto!important;grid-row:auto!important;min-height:220px}.v18-hero3>:nth-child(1){grid-column:1/-1!important}}
@media(max-width:767px){.v18-featured{grid-template-columns:1fr}.v18-hero3{grid-template-columns:1fr}}