/* ===== Reset ===== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Georgia', 'Times New Roman', serif;
            background-color: #fcf8ed;   /* light yellow */
            color: #2d3e2d;
            line-height: 1.8;
            padding: 30px 20px;
        }

        .news-container {
            max-width: 880px;
            margin: 0 auto;
            background-color: #fefcf5;   /* lighter yellow-white */
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(120, 140, 100, 0.12);
            padding: 40px 50px 50px;
            border: 1px solid #e3eedb;
        }

        /* ===== Header ===== */
        .news-header {
            border-bottom: 3px solid #b5d3a8;
            padding-bottom: 18px;
            margin-bottom: 28px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            flex-wrap: wrap;
            gap: 10px;
        }

        .news-masthead {
            display: flex;
            align-items: baseline;
            gap: 14px;
            flex-wrap: wrap;
        }

        .news-brand {
            font-size: 20px;
            font-weight: 700;
            color: #4a6b3f;
            letter-spacing: 1px;
        }

        .news-brand small {
            font-weight: 400;
            font-size: 14px;
            color: #7a9a6e;
        }

        .news-tag {
            display: inline-block;
            background-color: #dce8d4;
            color: #3b5a33;
            font-size: 13px;
            font-weight: 600;
            padding: 2px 16px;
            border-radius: 20px;
            letter-spacing: 1px;
            font-family: 'Arial', sans-serif;
            border: 1px solid #c2d9b8;
        }

        .news-date {
            font-size: 14px;
            color: #7a8f72;
            font-family: 'Arial', sans-serif;
            background: #f3f7ef;
            padding: 4px 14px;
            border-radius: 16px;
            border: 1px solid #dde8d6;
            white-space: nowrap;
        }

        /* ===== Title ===== */
        .title-section {
            margin-bottom: 30px;
        }

        .main-title {
            font-size: 32px;
            font-weight: 700;
            color: #2d4a2a;
            line-height: 1.3;
            margin-bottom: 6px;
            letter-spacing: 0.5px;
        }

        .sub-title {
            font-size: 20px;
            font-weight: 400;
            color: #5a7a4e;
            font-style: italic;
            border-left: 4px solid #b5d3a8;
            padding-left: 18px;
            margin-top: 4px;
        }

        /* ===== Lead ===== */
        .lead {
            font-size: 17px;
            color: #3e553a;
            background: #f5f9f2;
            padding: 18px 24px;
            border-radius: 8px;
            margin-bottom: 28px;
            border-left: 5px solid #aac89c;
            line-height: 1.9;
        }

        /* ===== Body ===== */
        .body-text {
            font-size: 16px;
            color: #2d3e2d;
        }

        .body-text p {
            margin-bottom: 20px;
            text-align: justify;
            text-indent: 2em;
        }

        .body-text p:last-of-type {
            margin-bottom: 0;
        }

        .body-text strong,
        .body-text b {
            color: #2d4a2a;
            font-weight: 700;
        }

        /* ===== Highlight box ===== */
        .highlight-box {
            background: #f5faf2;
            border-radius: 8px;
            padding: 18px 24px;
            margin: 24px 0;
            border: 1px solid #dae8d2;
            border-left: 5px solid #8fb682;
        }

        .highlight-box p {
            text-indent: 2em;
            margin-bottom: 0;
        }

        /* ===== Divider ===== */
        .divider {
            display: flex;
            align-items: center;
            gap: 14px;
            margin: 30px 0 24px;
            color: #aac89c;
            font-size: 13px;
            font-family: 'Arial', sans-serif;
            letter-spacing: 2px;
        }

        .divider::before,
        .divider::after {
            content: '';
            flex: 1;
            height: 1px;
            background: linear-gradient(to right, transparent, #c8ddbe, transparent);
        }

        .divider .leaf {
            font-size: 18px;
            color: #8fb682;
        }

        /* ===== Contact ===== */
        .contact-section {
            margin-top: 32px;
            padding-top: 26px;
            border-top: 2px solid #dce8d4;
            background: #f8fbf6;
            border-radius: 8px;
            padding: 24px 28px;
        }

        .contact-section .contact-title {
            font-size: 15px;
            font-weight: 700;
            color: #4a6b3f;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }

        .contact-section .contact-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 28px;
            font-size: 15px;
            color: #3a553a;
            font-family: 'Arial', 'Helvetica', sans-serif;
        }

        .contact-section .contact-row a {
            color: #4a7a3e;
            text-decoration: none;
            border-bottom: 1px dotted #b5d3a8;
            transition: color 0.2s;
        }

        .contact-section .contact-row a:hover {
            color: #2b5a1f;
            border-bottom-color: #6a9a5a;
        }

        /* ===== Responsive ===== */
        @media (max-width: 700px) {
            .news-container { padding: 24px 20px 30px; }
            .main-title { font-size: 26px; }
            .sub-title { font-size: 17px; padding-left: 12px; }
            .news-header { flex-direction: column; align-items: flex-start; gap: 6px; }
            .news-date { white-space: normal; }
            .lead { font-size: 16px; padding: 14px 18px; }
            .body-text { font-size: 15px; }
            .contact-section .contact-row { flex-direction: column; gap: 4px; }
        }

        @media (max-width: 460px) {
            body { padding: 14px 10px; }
            .news-container { padding: 18px 14px 22px; }
            .main-title { font-size: 22px; }
            .news-brand { font-size: 17px; }
            .contact-section { padding: 18px 16px; }
        }

        @media print {
            body { background: #fff; padding: 0.5in; }
            .news-container { box-shadow: none; border: 1px solid #ccc; padding: 30px; }
        }