.notes-reader[data-view="article"] *{
            box-sizing: border-box;
            color: #2a3746;
        }
.notes-reader[data-view="article"] h1, .notes-reader[data-view="article"] h2, .notes-reader[data-view="article"] h3, .notes-reader[data-view="article"] h4, .notes-reader[data-view="article"] h5, .notes-reader[data-view="article"] h6{
            color: #A1430D;
        }
.notes-reader[data-view="article"]{
            margin: 0;
            padding: 90px 15px;
            background: #eeeeee;
            color: #222222;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 1.7;
        }
.notes-reader[data-view="article"] .blog-page{
            width: 100%;
            max-width: 900px;
            margin: 0 auto;
            padding: 40px;
            background: #ffffff;
            border-radius: 6px;
            box-shadow:
                    0 3px 15px
                    rgba(0, 0, 0, 0.08);
        }
.notes-reader[data-view="article"] .hp-image{
            display: block;
            width: 100%;
            height: auto;
            max-height: 250px;
            margin-bottom: 30px;
            border-radius: 4px;
            object-fit: cover;
        }
.notes-reader[data-view="article"] .blog-image{
            display: block;
            width: 85%;
            height: auto;
            max-height: 500px;
            margin: 0 auto 30px;
            border-radius: 4px;
            object-fit: cover;
        }
.notes-reader[data-view="article"] .blog-video, .notes-reader[data-view="article"] .blog-video-placeholder{
            display: block;
            width: 85%;
            aspect-ratio: 16 / 9;
            height: auto;
            max-height: 500px;
            margin: 0 auto 30px;
            border-radius: 4px;
        }
.notes-reader[data-view="article"] .blog-video{
            border: 0;
        }
.notes-reader[data-view="article"] .blog-video-placeholder{
            display: flex;
            align-items: center;
            justify-content: center;
            background: #222222;
            color: #ffffff;
            font-size: 1.5rem;
            font-weight: bold;
            text-align: center;
            border: 1px solid #444444;
        }
.notes-reader[data-view="article"] .blog-series{
            margin: 0 0 5px;
            color: #A1430D;
            font-size: 0.95rem;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
.notes-reader[data-view="article"] .blog-title{
            margin: 0 0 20px;
            font-size:
                    clamp(
                            2rem,
                            5vw,
                            3rem
                    );
            line-height: 1.2;
        }
.notes-reader[data-view="article"] .blog-date{
            margin: 0 0 20px;
            color: #949494;
            line-height: 1.2;
        }
.notes-reader[data-view="article"] .blog-text{
            font-size: 1.1rem;
        }
.notes-reader[data-view="article"] .blog-text p{
            margin: 0 0 20px;
            text-indent: 30px;
        }
.notes-reader[data-view="article"] .blog-text p > i{
            color: #949494;
            font-size: 1rem;
            line-height: 1;
        }
.notes-reader[data-view="article"] .blog-text p > i > sup{
            color: #000000;
            font-size: 0.6rem;
            font-weight: bold;
        }
.notes-reader[data-view="article"] .blog-contact{
            margin: 75px 0;
        }
.notes-reader[data-view="article"] .return-button{
            position: fixed;
            left:
                    calc(
                            50%
                            + 450px
                            - 210px
                    );
            bottom: 20px;
            width: 200px;
            z-index: 1000;
        }
.notes-reader[data-view="article"] .return-button .return-link{
            display: block;
            padding: 12px 18px;
            background:
                    rgba(
                            255,
                            255,
                            255,
                            0.96
                    );
            backdrop-filter:
                    blur(8px);
            border:
                    1px solid
                    #d9d9d9;
            border-radius: 6px;
            color: #A1430D;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            box-shadow:
                    0 6px 18px
                    rgba(0, 0, 0, 0.15);
            transition:
                    all 0.2s ease;
        }
.notes-reader[data-view="article"] .return-button .return-link:hover{
            background: #A1430D;
            color: #ffffff;
        }
@media (max-width: 930px){.notes-reader[data-view="article"] .return-button{
                left: auto;
                right: 20px;
            }
}
@media (max-width: 600px){.notes-reader[data-view="article"]{
                padding: 0;
                background: #ffffff;
            }
.notes-reader[data-view="article"] .blog-page{
                padding: 25px 20px;
                border-radius: 0;
                box-shadow: none;
            }
.notes-reader[data-view="article"] .blog-text{
                font-size: 1rem;
            }
}
.notes-reader[data-view="article"] .blog-attachments{
            margin-top: 20px;
            margin-bottom: 20px;
        }
.notes-reader[data-view="article"] .blog-attachments h3{
            margin-bottom: 10px;
        }
.notes-reader[data-view="article"] .attachment-link{
            display: flex;
            align-items: center;
            gap: 10px;

            width: fit-content;

            margin: 7px 0;

            color: #A1430D;
            text-decoration: none;

            transition: opacity .2s ease;
        }
.notes-reader[data-view="article"] .attachment-link:hover{
            opacity: .7;
        }
.notes-reader[data-view="article"] .attachment-icon{
            display: flex;
            align-items: center;
            justify-content: center;

            width: 24px;

            font-size: 18px;
        }
.notes-reader[data-view="article"] .attachment-name{
            font-weight: 600;
        }

.notes-reader[data-view="article"] .return-button {position: static; width: min(100%, 200px); margin: 1rem auto;}

.notes-reader .article-follow-form { margin: 0 0 1.5rem; }
.notes-reader .article-follow-form button { min-height:44px; padding:10px 16px; border:1px solid #aaa; border-radius:8px; background:#f4f4f6; color:#222; font:inherit; cursor:pointer; }
.notes-reader .article-follow-form p { margin:.5rem 0; font:inherit; }

/* HigherPraise reader palette is fixed; application docks keep the user's theme. */
.notes-reader {
 --body-background-normal:#eeeeee; --body-color-normal:#2a3746;
 --page-background-normal:#ffffff; --page-background-fade:#f8f8f8;
 --page-border-normal:#d7dce1; --header-color-highlight:#A1430D;
 --header-color-normal:#2a3746; --dialog-color-highlight:#A1430D;
 --dialog-background-normal:#ffffff; --dialog-color-normal:#2a3746;
 --dialog-border-normal:#c8ced4; --theme-accent:#A1430D;
}
.notes-reader p, .notes-reader h1, .notes-reader h2, .notes-reader h3,
.notes-reader input, .notes-reader button { font-family:Arial,Helvetica,sans-serif; }

/* Quote formatting survives rich-text sanitization; give it a visible reader treatment too.
   Relative spacing keeps quotations usable in narrow mobile article columns. */
.notes-reader[data-view="article"] .blog-text blockquote {
    margin: 1em 0;
    padding: .25em 1em;
    border-left: 3px solid #A1430D;
    overflow-wrap: anywhere;
}
.notes-reader[data-view="article"] .blog-text blockquote > :first-child { margin-top: 0; }
.notes-reader[data-view="article"] .blog-text blockquote > :last-child { margin-bottom: 0; }

/* Explicit markers keep rich-text lists visible despite framework resets. */
.notes-reader[data-view="article"] .blog-text ul { list-style: disc outside; padding-left: 1.5em; margin: .75em 0; }
.notes-reader[data-view="article"] .blog-text ol { list-style: decimal outside; padding-left: 1.5em; margin: .75em 0; }
.notes-reader[data-view="article"] .blog-text li { display: list-item; margin: .25em 0; }
.notes-reader[data-view="article"] .blog-text ul ul { list-style-type: circle; }
.notes-reader[data-view="article"] .blog-text ul ul ul { list-style-type: square; }

/* Reader actions share one row; conversation content owns the white panel. */
.notes-reader[data-view="article"] .return-button { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:12px; width:auto; max-width:900px; padding:0 16px; }
.notes-reader[data-view="article"] .return-button .article-follow-form { display:flex; margin:0; padding:0; width:auto; max-width:none; background:transparent; border:0; border-radius:0; box-shadow:none; }
.notes-reader[data-view="article"] .return-button .return-link { box-sizing:border-box; margin:0; font:700 16px/1.5 Arial,Helvetica,sans-serif; cursor:pointer; padding:12px 18px; border:1px solid #d9d9d9; border-radius:6px; background:#fff; color:#A1430D; }
.notes-reader[data-view="article"] .return-button .return-link:hover { background:#A1430D; color:#fff; }
.notes-reader #conversation .article-comments { background:#fff; border-radius:16px; padding:24px; margin:12px 0 24px; }
.notes-reader #conversation .article-comments article + article { border-top:1px solid #e5e5e5; margin-top:20px; padding-top:20px; }
.notes-reader #conversation .article-comments article { margin:0; }
@media(max-width:600px) { .notes-reader #conversation .article-comments { padding:16px; } }