/* Dizajn 3: mirnejši, zračen revijalni videz. */
.monitor-design-3 {
    --ink: #17212b;
    --muted: #66717c;
    --line: #cdd3d8;
    --paper: #fbfbf9;
    --soft: #eef0ef;
    --dark: #fff;
    --yellow: #c81d25;
    --red: #c81d25;
    --shell: 1120px;
    background: var(--paper);
}
.monitor-design-3 .monitor-cta-bar { background: #17212b; }
.monitor-design-3 .site-header { color: var(--ink); background: #fff; border-bottom: 1px solid var(--line); }
.monitor-design-3 .masthead { min-height: 112px; }
.monitor-design-3 .brand-mark { color: #fff; background: var(--red); }
.monitor-design-3 .brand-name {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.035em;
}
.monitor-design-3 .brand-tagline { color: var(--muted); }
.monitor-design-3 .header-login { color: var(--ink); }
.monitor-design-3 .header-subscribe { color: #fff; background: var(--red); }
.monitor-design-3 .site-nav { border-color: var(--line); }
.monitor-design-3 .site-nav .menu a { font-family: Georgia, serif; font-size: 15px; text-transform: none; }
.monitor-design-3 .site-nav .menu a:hover { color: var(--red); }
.monitor-design-3 .search-form { border-color: var(--line); }
.monitor-design-3 .search-field { color: var(--ink); }
.monitor-design-3 .search-form button { color: var(--red); }
.monitor-design-3 .menu-toggle > span:not(.screen-reader-text) { background: var(--ink); }
.monitor-design-3 .breaking-label { color: #fff; background: var(--red); }
.monitor-design-3 .hero { display: block; padding-block: 50px; }
.monitor-design-3 .hero-primary { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: 52px; }
.monitor-design-3 .hero-copy { padding: 0; }
.monitor-design-3 .hero-copy h1,
.monitor-design-3 .section-heading h2,
.monitor-design-3 .archive-header h1,
.monitor-design-3 .archive-card h2,
.monitor-design-3 .story-copy h3,
.monitor-design-3 .article-header h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: -.035em;
}
.monitor-design-3 .hero-copy h1 { font-size: clamp(36px, 4.8vw, 62px); line-height: 1.03; }
.monitor-design-3 .hero-secondary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 42px;
    padding: 30px 0 0;
    border-top: 1px solid var(--ink);
    border-left: 0;
}
.monitor-design-3 .compact-card { display: block; margin: 0; padding: 0; border: 0; }
.monitor-design-3 .compact-image { margin-bottom: 14px; }
.monitor-design-3 .compact-card h2 { font-family: Georgia, serif; font-size: 22px; }
.monitor-design-3 .section-heading { border-bottom: 1px solid var(--ink); }
.monitor-design-3 .content-grid { grid-template-columns: minmax(0, 1fr) 320px; }
.monitor-design-3 .story-row { grid-template-columns: 230px 1fr; }
.monitor-design-3 .story-copy h3 { font-size: 28px; }
.monitor-design-3 .newsletter-box,
.monitor-design-3 .sticky-box { color: #fff; background: #24445f; }
.monitor-design-3 .issue-promo { background: #24445f; }
.monitor-design-3 .issues-section,
.monitor-design-3 .issues-archive { background: #17212b; }
.monitor-design-3 .archive-grid { grid-template-columns: repeat(2, 1fr); gap: 50px 35px; }
.monitor-design-3 .archive-card h2 { font-size: 30px; }
.monitor-design-3 .article-content { font-size: 20px; }
.monitor-design-3 .site-footer { background: #17212b; }

@media (max-width: 1000px) {
    .monitor-design-3 .hero-primary { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .monitor-design-3 .masthead { min-height: 74px; }
    .monitor-design-3 .brand-name { font-size: 27px; }
    .monitor-design-3 .hero-secondary { display: block; }
    .monitor-design-3 .compact-card { display: grid; margin-bottom: 20px; }
    .monitor-design-3 .archive-grid { grid-template-columns: 1fr; }
}