:root {
            --green-dark: #2f5d1f;
            --green: #4f8a2b;
            --green-light: #e9f3df;
            --cream: #faf8f1;
            --earth: #6b4f2a;
            --text: #2b2b2b;
            --muted: #6a6a6a;
            --border: #d9e4cc;
        }

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

        html { scroll-behavior: smooth; }

        body {
            font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.7;
            color: var(--text);
            background: var(--cream);
            -webkit-font-smoothing: antialiased;
        }

        header.site-header {
            background: linear-gradient(135deg, var(--green-dark), var(--green));
            color: #fff;
            padding: 56px 20px 64px;
            text-align: center;
            border-bottom: 6px solid var(--earth);
        }

        header.site-header h1 {
            max-width: 900px;
            margin: 0 auto;
            font-size: clamp(1.8rem, 4.5vw, 3rem);
            line-height: 1.2;
            font-weight: 700;
            letter-spacing: 0.3px;
            word-wrap: break-word;
            overflow-wrap: anywhere;
        }

        main {
            max-width: 900px;
            margin: -32px auto 0;
            padding: 0 16px 48px;
        }

        article, .transition, .links-block {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 14px;
            box-shadow: 0 6px 22px rgba(47, 93, 31, 0.08);
            padding: 32px 36px;
            margin-bottom: 28px;
        }

        article h2, article h3, article h4 {
            color: var(--green-dark);
            line-height: 1.3;
            margin: 1.6em 0 0.6em;
        }

        article h2 { font-size: 1.7rem; border-bottom: 2px solid var(--green-light); padding-bottom: 6px; }
        article h3 { font-size: 1.35rem; }
        article h4 { font-size: 1.15rem; }

        article > :first-child { margin-top: 0; }

        article p, .transition p { margin-bottom: 1.1em; }

        article ul, article ol { margin: 0 0 1.1em 1.5em; }
        article li { margin-bottom: 0.4em; }

        article a, .transition a { color: var(--green); text-decoration: underline; }
        article a:hover, .transition a:hover { color: var(--earth); }

        article img { max-width: 100%; height: auto; border-radius: 8px; }

        article blockquote {
            border-left: 4px solid var(--green);
            background: var(--green-light);
            padding: 14px 18px;
            margin: 1.2em 0;
            border-radius: 0 8px 8px 0;
            color: var(--green-dark);
        }

        .transition {
            background: var(--green-light);
            border-color: var(--border);
        }

        .links-block h3 {
            color: var(--green-dark);
            font-size: 1.25rem;
            margin: 1.4em 0 0.6em;
            padding-bottom: 6px;
            border-bottom: 2px solid var(--green-light);
        }

        .links-block h3:first-child { margin-top: 0; }

        .links-block ul {
            list-style: none;
            columns: 2;
            column-gap: 40px;
            margin-bottom: 1em;
        }

        .links-block li {
            break-inside: avoid;
            padding: 6px 0 6px 18px;
            position: relative;
            border-bottom: 1px dashed var(--border);
            overflow-wrap: anywhere;
        }

        .links-block li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 15px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--green);
        }

        .links-block a {
            color: var(--green-dark);
            text-decoration: none;
        }

        .links-block a:hover {
            color: var(--earth);
            text-decoration: underline;
        }

        @media (max-width: 700px) {
            header.site-header { padding: 40px 16px 52px; }
            article, .transition, .links-block { padding: 22px 18px; border-radius: 10px; }
            .links-block ul { columns: 1; }
        }