/* Autumn countryside luxe theme */
body {
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", "Helvetica Neue", "Georgia", serif;
    color: #3b2b1f;
    background: linear-gradient(140deg, rgba(94, 55, 18, 0.58), rgba(169, 93, 36, 0.48)), url("/static/img/bg-autumn.jpg") center/cover fixed no-repeat;
}

.container {
    position: relative;
    max-width: 920px;
    margin: 60px auto;
    padding: 42px;
    background: rgba(255, 249, 240, 0.8);
    border: 1px solid rgba(255, 190, 140, 0.8);
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(56, 32, 10, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

h1, h2, h3, h4, h5, h6 {
    color: #4a321f;
    letter-spacing: 0.35px;
}

h1 {
    font-size: 2.4em;
    margin-bottom: 0.4em;
    background: linear-gradient(110deg, #ffaf45 0%, #ffc46b 50%, #ff8f70 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

p, li {
    color: #4c3525;
    line-height: 1.85;
}

a {
    color: #d27432;
    text-decoration: none;
    border-bottom: 1px solid rgba(210, 116, 50, 0.4);
    transition: color 0.2s ease, border-color 0.2s ease;
}

a:hover {
    color: #8c3b0f;
    border-color: #8c3b0f;
}

blockquote {
    margin: 1.6em 0;
    padding: 1.2em 1.4em;
    border-left: 4px solid #ffaf45;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 12px;
    box-shadow: inset 0 0 22px rgba(255, 175, 69, 0.25);
}

code {
    background: rgba(255, 255, 255, 0.9);
    padding: 0.28em 0.55em;
    border-radius: 6px;
    border: 1px solid rgba(255, 190, 140, 0.7);
    color: #8c3b0f;
}

pre code {
    display: block;
    padding: 1.2em;
    overflow-x: auto;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.08);
}

img {
    max-width: 100%;
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(56, 32, 10, 0.32);
    border: 1px solid rgba(255, 190, 140, 0.75);
}

.floating-payment-guide {
    background: linear-gradient(135deg, #ffb862, #ff8f70);
    color: #3b2415;
    border: 1px solid rgba(255, 190, 140, 0.9);
    box-shadow: 0 16px 30px rgba(56, 32, 10, 0.35);
}

/* Keep the floating guide inside the article container */
body.autumn-harvest .floating-payment-guide {
    position: absolute !important;
    top: 32px;
    right: 18px;
    z-index: 20;
}

.payment-modal {
    background: rgba(255, 248, 240, 0.95);
    color: #3b2b1f;
    border: 1px solid rgba(255, 190, 140, 0.8);
    box-shadow: 0 18px 36px rgba(56, 32, 10, 0.25);
}

.paywall-placeholder {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 190, 140, 0.2));
    border: 1px dashed rgba(210, 116, 50, 0.5);
    color: #3b2b1f;
}

.btn-primary, .paywall-placeholder .btn-primary {
    background: linear-gradient(135deg, #ffb862 0%, #ff8f70 100%);
    color: #3b2415;
    border: none;
    box-shadow: 0 10px 24px rgba(255, 143, 112, 0.35);
}

@media (max-width: 900px) {
    .container {
        margin: 30px 12px;
        padding: 28px;
    }
}