/* Dizajn 2: izrazit, energičen tehnološki portal. */
.monitor-design-2 {
    --ink: #111;
    --muted: #4d4551;
    --line: #111;
    --paper: #fff8ef;
    --soft: #f0dfd1;
    --dark: #141116;
    --yellow: #d7ff00;
    --red: #ff3b30;
    --shell: 1360px;
    background:
        radial-gradient(circle at 90% 2%, rgba(255, 59, 48, .14), transparent 30rem),
        var(--paper);
}
.monitor-design-2 .site-header {
    background: linear-gradient(110deg, #4b0c68 0%, #c51562 52%, #ff5a2a 100%);
}
.monitor-design-2 .brand-mark { background: var(--yellow); transform: rotate(-3deg); }
.monitor-design-2 .brand-name { font-size: 34px; letter-spacing: -.04em; text-transform: uppercase; }
.monitor-design-2 .brand-tagline { color: #fff; font-weight: 800; }
.monitor-design-2 .site-nav { background: #111; border: 0; }
.monitor-design-2 .site-nav .menu a { font-size: 13px; letter-spacing: .1em; }
.monitor-design-2 .breaking { border-bottom: 3px solid #111; }
.monitor-design-2 .breaking-label { transform: skew(-8deg); }
.monitor-design-2 .hero {
    grid-template-columns: minmax(0, 1.3fr) minmax(380px, 1fr);
    gap: 20px;
}
.monitor-design-2 .hero-image { border: 3px solid #111; box-shadow: 9px 9px 0 #ff3b30; }
.monitor-design-2 .hero-copy h1,
.monitor-design-2 .section-heading h2,
.monitor-design-2 .archive-header h1,
.monitor-design-2 .article-header h1 {
    font-weight: 950;
    text-transform: uppercase;
}
.monitor-design-2 .hero-copy h1 { max-width: 1050px; font-size: clamp(38px, 5vw, 72px); }
.monitor-design-2 .hero-secondary { border-left: 3px solid #111; padding-left: 20px; }
.monitor-design-2 .compact-card { border-bottom: 3px solid #111; }
.monitor-design-2 .section-heading { border-bottom: 7px solid #111; }
.monitor-design-2 .story-row { border-bottom: 3px solid #111; }
.monitor-design-2 .story-image,
.monitor-design-2 .archive-image { border: 2px solid #111; }
.monitor-design-2 .newsletter-box,
.monitor-design-2 .sticky-box { border: 3px solid #111; box-shadow: 7px 7px 0 #111; }
.monitor-design-2 .issue-promo { background: #4b0c68; border: 3px solid #111; box-shadow: 7px 7px 0 var(--red); }
.monitor-design-2 .issues-section,
.monitor-design-2 .issues-archive { background: #241229; }
.monitor-design-2 .archive-grid { grid-template-columns: repeat(2, 1fr); gap: 45px 30px; }
.monitor-design-2 .archive-card h2 { font-size: 30px; }
.monitor-design-2 .page-numbers { border: 2px solid #111; }
.monitor-design-2 .site-footer { background: #111; }

@media (max-width: 720px) {
    .monitor-design-2 .archive-grid { grid-template-columns: 1fr; }
    .monitor-design-2 .brand-name { font-size: 24px; }
}