.news-article-content .header { font-family: Cinzel, 'Cinzel', serif; font-size: 22px; font-weight: bold; color: #FFFFFF; text-shadow: 1px 1px #121212; }
	.news-article-content th, .news-article-content td { text-align: center; padding: 0.5em; border: 1px solid black; color: #000000; }
	table, th, td { border: 1px solid black; border-collapse: collapse; }
	th, td { padding: 6px; }
	.news-article-content summary { font-family: Cinzel, 'Cinzel', serif; font-size: 18px; font-weight: bold; color: #000000; text-shadow: 1px 1px #C0C0C0; cursor: pointer; padding-top: 20px; padding-bottom: 20px; }
	.news-article-content details[open] summary,
	.news-article-content table { margin-bottom: 1em; }
	.news-article-content p,
	#article-top p { margin: 1.75em 0; }
	.news-article-content table { margin-left: auto; margin-right: auto; display: table; }
	.news-article-content ul { padding-left: 1.25em !important; margin: 1.05em 0!important; }
	.news-article-content ol { padding-left: 1.5em; margin: 1.25em 0; }
	.news-article-content li { margin: 0.35em 0; padding-left: 0.25em; }
	.news-article-content img, 
	#article-top img { display: block; margin-left: auto; margin-right: auto; }
    .imgContainer{ float: center;}
	.image-caption { font-style: italic; text-align: center; font-size: 13px; margin-top: 0.5em; }

    .soul-scroll .image-caption { display: none !important; }

	.divider { text-align: center; padding: 1.5em 0; background: url("https://cdn.runescape.com/assets/img/external/oldschool/2017/common/hr.png") no-repeat center; background-size: auto 9px; height: 9px; margin: 0 auto; }
	.osrs-title { font-family: Cinzel, 'Cinzel', serif !important; font-size: 22px; font-weight: bold; color: #FFFFFF; text-shadow: 1px 1px #121212; text-align: center; margin: 1.75em 0; }
	.osrs-subtitle { font-family: Arial, Helvetica, sans-serif !important; font-size: 18px; font-weight: bold; color: #000000; text-align: center; margin: 1.75em 0 0.75em 0; }
	.osrs-subheading { font-family: Arial, Helvetica, sans-serif !important; font-size: 15px; font-weight: bold; color: #000000; text-align: left; margin: 1.5em 0 0.5em 0; }
    .osrs-byline { text-align: center; font-style: italic; margin-top: -1.25em; margin-bottom: 1em; font-size: 14px; }
	.poll-box{padding: 10px;background-color:rgba(255,255,255,0.05);box-shadow:0 0 3px #000;text-align: center; padding-top: 20px; padding-bottom: 20px;}
	.poll-box2{padding: 10px;background-color:rgba(216,204,180,0.8);box-shadow:0 0 3px #000;text-align: center; padding-top: 20px; padding-bottom: 20px;}

    .dialogue-box { position: relative; margin: 30px auto; justify-content: flex-start; width: 519px; height: 142px; background: url('https://cdn.runescape.com/assets/img/external/oldschool/2026/Newsposts/2026-02-10/chatbox.png') no-repeat center; background-size: cover; display: flex; align-items: center; gap: 10px; box-sizing: border-box; padding: 10px 15px; overflow: hidden;}
    .dialogue-box img { height: auto; object-fit: contain; margin-left: 6px; margin-right: 2cqw; border: none; background: none;}
    .dialogue-content { flex: 1; color: #20180c; text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 20px;  align-self: stretch; box-sizing: border-box;}
    .dialogue-name { color: #7d2b20; text-align: center; font-size: 14px; position: absolute; top: 6px; padding-bottom: 6px; left: 0; width: 100%;}
    .dialogue-text { font-size: 14px; line-height: 1.3; color: #1a0d00; word-wrap: break-word; padding-top: 24px; padding-bottom: 10px;}

    .map-image { width: 650px; max-width: 100%; height: auto; display: block; }
    .result-image { margin-top: 20px; width: 650px; max-width: 100%; height: auto; display: block; }

    #navbar { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 9997; background-color: #272218; border-radius: 6px; padding: 8px 12px; transition: top 0.3s; }
    #nav-toggle { display: none; background: none; border: none; color: #f2f2f2; font-size: 22px; cursor: pointer; padding: 6px 10px; }
    #nav-links { display: flex; gap: 8px; align-items: center; white-space: nowrap; }
    #nav-links a { display: block; color: #f2f2f2; padding: 10px 14px; font-size: 12px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-decoration: none; border-radius: 4px; }
    #nav-links a:hover { background-color: #8f7d71; color: black; }
    @media (max-width: 768px) {
        #navbar { left: 12px; right: 12px; top: 12px; transform: none; padding: 8px 10px; }
        #nav-toggle { display: block; width: 100%; text-align: left; }
        #nav-links { display: none; flex-direction: column; gap: 4px; margin-top: 8px; }
        #navbar.open #nav-links { display: flex; }
        #nav-links a, #navbar a { width: 100%; text-align: left; padding: 10px 12px; font-size: 13px; line-height: 1.2; }
        #spoiler-contract-overlay, #soul-scroll-scene, .soul-scroll, .contract-fullscreen-bg, .scroll-backdrop, .scroll-flames, .scroll-embers, .contract-status-banner
            { display: none !important; visibility: hidden !important; pointer-events: none !important; }
        .spoiler-news-wrapper { overflow-x: hidden; }
    }
    .spoiler-news-wrapper { overflow-x: hidden; }