/**
 * roosho. lab - long-form reading layer (all pages except the homepage)
 * 2026-11-02 22:55 GMT+6 - v0.3.0
 *
 * Scope classes (set in Elementor > Advanced > CSS Classes):
 *   .rs-prose     Post Content widget: typography for Gutenberg content + legacy third-party blocks
 *   .rs-meta      Post Info widget       .rs-feature  Featured Image widget
 *   .rs-share     Share Buttons widget   .rs-author   Author Box widget
 *   .rs-postnav   Post Navigation        .rs-chip     small category buttons
 * Loop Grid pagination is styled globally (.elementor-pagination).
 */

/* 2026-11-02 22:55 GMT+6 - design tokens with Elementor global fallbacks */
.rs-prose, .rs-meta, .rs-author, .rs-postnav, .elementor-pagination {
	--rs-cyan: var(--e-global-color-primary, #00AEFF);
	--rs-green: var(--e-global-color-secondary, #0CBD8E);
	--rs-ink: var(--e-global-color-text, #ECEFF1);
	--rs-magenta: var(--e-global-color-accent, #E31F71);
	--rs-muted: var(--e-global-color-baa4e413, #9AA4AD);
	--rs-surface: var(--e-global-color-50af6fcd, #1A1D20);
	--rs-surface-2: var(--e-global-color-894342ff, #23272B);
	--rs-line: var(--e-global-color-51c2b7d7, #30353A);
	--rs-bg: var(--e-global-color-4976c578, #111315);
}

/* ---------- base text ---------- */
.rs-prose { color: #C9D0D6; font-family: "Albert Sans", system-ui, sans-serif; font-size: 18px; line-height: 1.75; overflow-wrap: anywhere; }
.rs-prose > .elementor-widget-container > * + * { margin-top: 1.15em; }
.rs-prose p { margin: 0 0 1.15em; }
.rs-prose h2, .rs-prose h3, .rs-prose h4, .rs-prose h5 {
	font-family: "Chakra Petch", sans-serif; color: var(--rs-ink); font-weight: 700; line-height: 1.2; letter-spacing: -0.005em;
	margin: 2em 0 0.6em; scroll-margin-top: 110px;
}
.rs-prose h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); }
.rs-prose h2::before { content: "## "; color: var(--rs-green); font-family: "JetBrains Mono", monospace; font-size: 0.6em; vertical-align: 0.2em; }
.rs-prose h3 { font-size: clamp(1.3rem, 2.4vw, 1.55rem); }
.rs-prose h4 { font-size: 1.2rem; }
.rs-prose strong { color: var(--rs-ink); }
.rs-prose a { color: var(--rs-cyan); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s, text-decoration-color .2s; }
.rs-prose a:hover { color: var(--rs-green); }
.rs-prose ul, .rs-prose ol { padding-left: 1.4em; margin: 0 0 1.2em; }
.rs-prose li { margin: 0.35em 0; }
.rs-prose ul li::marker { color: var(--rs-green); content: "\25B8  "; }
.rs-prose ol li::marker { color: var(--rs-green); font-family: "JetBrains Mono", monospace; font-size: 0.9em; }
.rs-prose hr, .rs-prose .wp-block-separator { border: 0; border-top: 1px dashed var(--rs-line); margin: 2.5em 0; }

/* ---------- media ---------- */
.rs-prose img { border-radius: 12px; height: auto; max-width: 100%; }
.rs-prose figure { margin: 1.6em 0; }
.rs-prose figcaption, .rs-prose .wp-element-caption { color: var(--rs-muted); font-family: "JetBrains Mono", monospace; font-size: 13px; text-align: center; margin-top: 0.6em; }
.rs-prose .wp-block-image.aligncenter, .rs-prose .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.rs-prose .wp-block-columns { display: flex; gap: 24px; flex-wrap: wrap; }
.rs-prose .wp-block-column { flex: 1 1 260px; min-width: 0; }

/* ---------- quotes ---------- */
.rs-prose blockquote, .rs-prose .wp-block-quote, .rs-prose .wp-block-pullquote blockquote, .rs-prose .uagb-blockquote {
	margin: 1.8em 0; padding: 1.2em 1.4em; border-left: 3px solid var(--rs-magenta); background: var(--rs-surface);
	border-radius: 0 12px 12px 0; color: var(--rs-ink); font-size: 1.05em;
}
.rs-prose .wp-block-pullquote { border: 0; padding: 0; text-align: left; }
.rs-prose blockquote p:last-child { margin-bottom: 0; }
.rs-prose cite { display: block; margin-top: .6em; color: var(--rs-muted); font-style: normal; font-family: "JetBrains Mono", monospace; font-size: 13px; }

/* ---------- inline code + core code block ---------- */
.rs-prose :not(pre) > code, .rs-prose kbd {
	font-family: "JetBrains Mono", monospace; font-size: 0.86em; background: var(--rs-surface-2); color: var(--rs-green);
	padding: 0.15em 0.45em; border-radius: 6px; border: 1px solid var(--rs-line);
}
.rs-prose pre.wp-block-code, .rs-prose .wp-block-code {
	background: var(--rs-surface) !important; border: 1px solid var(--rs-line); border-radius: 12px; padding: 18px 20px;
	font-family: "JetBrains Mono", monospace; font-size: 15px; line-height: 1.6; color: var(--rs-ink); overflow-x: auto;
}

/* ---------- Code Block Pro: keep its highlighting, give it the terminal frame ---------- */
.rs-prose .wp-block-kevinbatdorf-code-block-pro {
	border: 1px solid var(--rs-line); border-radius: 12px; overflow: hidden; margin: 1.6em 0;
	box-shadow: 0 18px 40px -28px rgba(0, 174, 255, .35);
	font-family: "JetBrains Mono", ui-monospace, monospace !important;
}
.rs-prose .wp-block-kevinbatdorf-code-block-pro pre, .rs-prose .wp-block-kevinbatdorf-code-block-pro pre.shiki {
	border-radius: 0; margin: 0; font-size: 15px !important; line-height: 1.6 !important;
}
.rs-prose .wp-block-kevinbatdorf-code-block-pro code, .rs-prose .wp-block-kevinbatdorf-code-block-pro .line { font-family: inherit !important; }
.rs-prose .wp-block-kevinbatdorf-code-block-pro .code-block-pro-copy-button { opacity: .6; transition: opacity .2s; }
.rs-prose .wp-block-kevinbatdorf-code-block-pro:hover .code-block-pro-copy-button { opacity: 1; }

/* ---------- tables (core + Flexible Table Block) ---------- */
.rs-prose table { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--rs-surface) !important; color: var(--rs-ink) !important; border-radius: 12px; overflow: hidden; }
.rs-prose .wp-block-table, .rs-prose .wp-block-flexible-table-block-table { overflow-x: auto; }
.rs-prose th { font-family: "JetBrains Mono", monospace; font-size: 13px; text-transform: lowercase; color: var(--rs-green); background: var(--rs-surface-2); }
.rs-prose th, .rs-prose td { border: 1px solid var(--rs-line) !important; padding: 10px 14px; text-align: left !important; }

/* ---------- AIOSEO FAQ block -> terminal Q&A ---------- */
.rs-prose .wp-block-aioseo-faq { border: 1px solid var(--rs-line); border-radius: 12px; background: var(--rs-surface); padding: 18px 22px; margin: 1em 0; }
.rs-prose .aioseo-faq-block-question { margin: 0 0 .5em !important; font-size: 1.15rem !important; }
.rs-prose .aioseo-faq-block-question::before { content: "Q: "; color: var(--rs-magenta); font-family: "JetBrains Mono", monospace; font-size: .85em; }
.rs-prose .aioseo-faq-block-answer p:last-child { margin-bottom: 0; }

/* ---------- Spectra (UAGB) + Essential Blocks notices, info boxes, buttons ---------- */
.rs-prose .wp-block-uagb-inline-notice, .rs-prose .eb-notice-wrapper, .rs-prose .wp-block-uagb-info-box {
	background: var(--rs-surface) !important; border: 1px solid var(--rs-line) !important; border-left: 3px solid var(--rs-cyan) !important;
	border-radius: 12px !important; padding: 18px 22px !important; margin: 1.6em 0 !important; color: #C9D0D6 !important;
}
.rs-prose .uagb-notice-title, .rs-prose .eb-notice-title, .rs-prose .uagb-ifb-title {
	background: none !important; color: var(--rs-cyan) !important; padding: 0 0 .4em !important; margin: 0 !important;
	font-family: "JetBrains Mono", monospace !important; font-size: 14px !important; text-transform: lowercase;
}
.rs-prose .uagb-notice-title::before { content: "// "; }
.rs-prose .uagb-notice-text, .rs-prose .eb-notice-text { background: none !important; color: inherit !important; padding: 0 !important; border: 0 !important; }
.rs-prose .wp-block-button__link, .rs-prose .eb-button-anchor {
	display: inline-block; background: var(--rs-cyan) !important; color: #0B0D0F !important; border-radius: 999px !important; padding: 12px 24px !important;
	font-weight: 600; text-decoration: none !important; transition: background .2s;
}
.rs-prose .wp-block-button__link:hover, .rs-prose .eb-button-anchor:hover { background: var(--rs-green) !important; }

/* ---------- post widgets ---------- */
.rs-meta .elementor-icon-list-text, .rs-meta .elementor-icon-list-item a { font-family: "JetBrains Mono", monospace; font-size: 13px; color: var(--rs-muted) !important; }
.rs-meta .elementor-icon-list-item a:hover .elementor-icon-list-text { color: var(--rs-cyan) !important; }
.rs-meta .elementor-icon-list-item:not(:last-child)::after { border-color: var(--rs-line) !important; }
.rs-feature img { border-radius: 18px; width: 100%; max-height: 560px; object-fit: cover; border: 1px solid var(--rs-line); }
.rs-share .elementor-share-btn { border-color: var(--rs-line) !important; color: var(--rs-muted) !important; transition: color .2s, border-color .2s; }
.rs-share .elementor-share-btn:hover { border-color: var(--rs-cyan) !important; color: var(--rs-cyan) !important; }
.rs-share .elementor-share-btn__icon, .rs-share .elementor-share-btn__icon svg { color: inherit !important; fill: currentColor !important; }
.rs-author .elementor-author-box { background: var(--rs-surface); border: 1px solid var(--rs-line); border-radius: 16px; padding: 24px; gap: 4px; }
.rs-author .elementor-author-box__avatar img { width: 72px !important; height: 72px; border-radius: 50%; border: 2px solid var(--rs-cyan); }
.rs-author .elementor-author-box__name { font-family: "Chakra Petch", sans-serif; color: var(--rs-ink); font-size: 20px; }
.rs-author .elementor-author-box__bio { color: var(--rs-muted); font-size: 15px; line-height: 1.6; }
.rs-author .elementor-author-box__button { border: 1px solid var(--rs-line) !important; color: var(--rs-cyan) !important; border-radius: 999px !important; font-family: "JetBrains Mono", monospace; font-size: 13px; padding: 8px 16px !important; }
.rs-postnav .elementor-post-navigation__link { padding: 4px 0; }
.rs-postnav .post-navigation__prev--label, .rs-postnav .post-navigation__next--label { font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--rs-green); text-transform: lowercase; }
.rs-postnav .post-navigation__prev--title, .rs-postnav .post-navigation__next--title { font-family: "Chakra Petch", sans-serif; color: var(--rs-ink); font-size: 16px; }
.rs-postnav a:hover .post-navigation__prev--title, .rs-postnav a:hover .post-navigation__next--title { color: var(--rs-cyan); }

/* ---------- archive chips + pagination ---------- */
.rs-chip .elementor-button { font-family: "JetBrains Mono", monospace !important; font-size: 13px !important; padding: 8px 14px !important; }
.elementor-pagination { margin-top: 48px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; font-family: "JetBrains Mono", monospace; font-size: 14px; }
.elementor-pagination .page-numbers { min-width: 40px; padding: 8px 12px; border: 1px solid var(--rs-line); border-radius: 10px; color: var(--rs-muted); text-align: center; text-decoration: none; }
.elementor-pagination .page-numbers.current { border-color: var(--rs-cyan); color: var(--rs-cyan); }
.elementor-pagination a.page-numbers:hover { border-color: var(--rs-green); color: var(--rs-green); }

@media (max-width: 767px) {
	.rs-prose { font-size: 17px; }
	.rs-prose .wp-block-kevinbatdorf-code-block-pro pre { font-size: 13.5px !important; }
}

/* 2026-11-02 23:30 GMT+6 - post navigation: beat Elementor's widget defaults, allow titles to wrap */
.rs-postnav .elementor-post-navigation { gap: 24px; }
.rs-postnav .elementor-post-navigation__link a { white-space: normal !important; overflow: visible !important; }
.rs-postnav .elementor-post-navigation__link__prev, .rs-postnav .elementor-post-navigation__link__next { display: flex !important; flex-direction: column; gap: 6px; }
.rs-postnav .elementor-post-navigation__next .elementor-post-navigation__link__next { align-items: flex-end; text-align: right; }
.rs-postnav span.post-navigation__prev--label, .rs-postnav span.post-navigation__next--label { font-family: "JetBrains Mono", monospace !important; font-size: 12px !important; color: var(--rs-green) !important; text-transform: lowercase !important; }
.rs-postnav span.post-navigation__prev--title, .rs-postnav span.post-navigation__next--title { font-family: "Chakra Petch", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--rs-ink) !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
.rs-postnav a:hover span.post-navigation__prev--title, .rs-postnav a:hover span.post-navigation__next--title { color: var(--rs-cyan) !important; }
.rs-author .elementor-author-box__text { display: flex; flex-direction: column; gap: 8px; }
.rs-author .elementor-author-box__bio p { margin: 0; }
.rs-author .elementor-author-box__bio .rs-hl { white-space: normal; }
/* 2026-11-03 01:23 GMT+6 - project + art templates */
.rs-specchip .elementor-heading-title:empty, .rs-specchip:has(.elementor-heading-title:empty) { display: none; }
.rs-speclogo img { border-radius: 12px; background: #fff; padding: 8px; }
.rs-stack .elementor-widget-container, .rs-stack p { margin: 0; }
.rs-brandgrid .gallery { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0 !important; }
.rs-brandgrid .gallery-item { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.rs-brandgrid img { border-radius: 10px; background: #fff; padding: 6px; border: 0 !important; aspect-ratio: 1; object-fit: contain; }
.rs-photos .gallery { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 !important; }
.rs-photos .gallery-item { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.rs-photos img { border-radius: 14px; border: 1px solid var(--e-global-color-51c2b7d7, #30353A) !important; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .4s; }
.rs-photos a:hover img { transform: scale(1.02); }
@media (max-width: 767px) { .rs-photos .gallery { grid-template-columns: 1fr 1fr; } }
.rs-artimg img { width: 100%; height: auto; border-radius: 18px; border: 1px solid var(--e-global-color-51c2b7d7, #30353A); box-shadow: 0 30px 60px -30px rgba(227, 31, 113, .35); }
.rs-poem { font-size: 17px; line-height: 1.85; font-style: italic; color: #C9D0D6; border-left: 2px solid var(--e-global-color-accent, #E31F71); padding-left: 18px; }
/* 2026-11-03 16:21 GMT+6 - About page */
.rs-badges .gallery { display: grid !important; grid-template-columns: repeat(8, 1fr); gap: 18px; margin: 0 !important; }
.rs-badges .gallery-item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.rs-badges img { border: 0 !important; aspect-ratio: 1; object-fit: contain; filter: grayscale(.35) brightness(.95); transition: filter .3s, transform .3s; }
.rs-badges img:hover { filter: none; transform: translateY(-4px) scale(1.06); }
@media (max-width: 1024px) { .rs-badges .gallery { grid-template-columns: repeat(6, 1fr); } }
@media (max-width: 767px) { .rs-badges .gallery { grid-template-columns: repeat(4, 1fr); gap: 12px; } }
.rs-logos .swiper-slide-image { max-height: 64px; width: auto !important; margin: 0 auto; opacity: .7; transition: opacity .3s; }
.rs-logos .swiper-slide:hover .swiper-slide-image { opacity: 1; }
.rs-rolelist ul { margin: 0; padding-left: 1.1em; }
.rs-rolelist li { margin: .3em 0; }
.rs-rolelist li::marker { color: var(--e-global-color-secondary, #0CBD8E); content: "\25B8  "; }
.rs-role { position: relative; }
.rs-role::before { content: ""; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--e-global-color-51c2b7d7, #30353A); }
.rs-role.is-current::before { background: var(--e-global-color-accent, #E31F71); box-shadow: 0 0 0 4px rgba(227, 31, 113, .2), 0 0 18px rgba(227, 31, 113, .6); }
.rs-stat .elementor-counter-number-wrapper { justify-content: flex-start !important; }
.rs-stat .elementor-counter-title { text-align: left !important; }
.rs-portrait { box-shadow: 0 30px 70px -30px rgba(0, 174, 255, .45); }
.rs-photo figcaption, .rs-photo .widget-image-caption { font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--e-global-color-baa4e413, #9AA4AD); margin-top: 10px; text-align: left; }
/* 2026-11-03 18:00 GMT+6 - contact form on dark surfaces */
.rs-form .elementor-field-group > label, .rs-form .elementor-field-label { font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--e-global-color-baa4e413, #9AA4AD); text-transform: lowercase; margin-bottom: 6px; }
.rs-form .elementor-field-textual, .rs-form select.elementor-field { background: var(--e-global-color-4976c578, #111315) !important; border: 1px solid var(--e-global-color-51c2b7d7, #30353A) !important; border-radius: 12px !important; color: var(--e-global-color-text, #ECEFF1) !important; font-family: "Albert Sans", sans-serif; font-size: 16px; padding: 14px 16px !important; transition: border-color .2s, box-shadow .2s; }
.rs-form .elementor-field-textual::placeholder { color: #5f6870; }
.rs-form .elementor-field-textual:focus, .rs-form select.elementor-field:focus { border-color: var(--e-global-color-primary, #00AEFF) !important; box-shadow: 0 0 0 3px rgba(0, 174, 255, .18); outline: none; }
.rs-form .elementor-select-wrapper .select-caret-down-wrapper { color: var(--e-global-color-primary, #00AEFF); }
.rs-form .elementor-field-group { margin-bottom: 18px; }
.rs-form .elementor-button { background: var(--e-global-color-primary, #00AEFF) !important; color: #0B0D0F !important; border-radius: 999px !important; font-weight: 600; padding: 15px 30px !important; transition: background .2s; }
.rs-form .elementor-button:hover { background: var(--e-global-color-secondary, #0CBD8E) !important; }
.rs-form .elementor-message { font-family: "JetBrains Mono", monospace; font-size: 14px; margin-top: 14px; }
.rs-form .elementor-message.elementor-message-success { color: var(--e-global-color-secondary, #0CBD8E); }
.rs-form .elementor-message.elementor-message-danger { color: var(--e-global-color-accent, #E31F71); }
.rs-channel a { color: inherit; } .rs-channel a:hover { color: var(--e-global-color-primary, #00AEFF); }

/* 2026-11-10 09:20 GMT+6 - comments (Post Comments widget, theme skin, .rs-comments) */
.rs-comments {
	--rs-cyan: var(--e-global-color-primary, #00AEFF);
	--rs-green: var(--e-global-color-secondary, #0CBD8E);
	--rs-ink: var(--e-global-color-text, #ECEFF1);
	--rs-muted: var(--e-global-color-baa4e413, #9AA4AD);
	--rs-surface: var(--e-global-color-50af6fcd, #1A1D20);
	--rs-surface-2: var(--e-global-color-894342ff, #23272B);
	--rs-line: var(--e-global-color-51c2b7d7, #30353A);
	--rs-bg: var(--e-global-color-4976c578, #111315);
	color: var(--rs-ink);
}
.rs-comments #comments, .rs-comments .comments-area { margin: 0; padding: 0; max-width: none; }
.rs-comments .title-comments, .rs-comments .comment-reply-title { font-family: "Chakra Petch", sans-serif; font-size: 22px; color: var(--rs-ink); margin: 0 0 20px; }
.rs-comments .title-comments::before, .rs-comments .comment-reply-title::before { content: "// "; color: var(--rs-green); font-family: "JetBrains Mono", monospace; font-size: .8em; }
.rs-comments ol.comment-list, .rs-comments ol.children { list-style: none; margin: 0; padding: 0; }
.rs-comments ol.children { margin: 12px 0 0 28px; padding-left: 16px; border-left: 2px solid var(--rs-line); }
.rs-comments .comment { margin: 0 0 14px; }
.rs-comments .comment-body { position: relative; background: var(--rs-surface); border: 1px solid var(--rs-line); border-radius: 14px; padding: 18px 20px 14px 76px; }
.rs-comments .comment-author { display: flex; align-items: center; gap: 8px; font-size: 15px; }
.rs-comments .comment-author .avatar { position: absolute; left: 20px; top: 18px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--rs-line); }
.rs-comments .comment-author .fn, .rs-comments .comment-author .fn a { font-family: "Chakra Petch", sans-serif; font-style: normal; font-weight: 600; color: var(--rs-ink); text-decoration: none; }
.rs-comments .comment-author .says { display: none; }
.rs-comments .bypostauthor > .comment-body { border-color: color-mix(in srgb, var(--rs-cyan) 45%, var(--rs-line)); background: color-mix(in srgb, var(--rs-cyan) 6%, var(--rs-surface)); }
.rs-comments .bypostauthor > .comment-body .avatar { border: 2px solid var(--rs-cyan); }
.rs-comments .bypostauthor > .comment-body .fn::after { content: "author"; margin-left: 8px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--rs-cyan); color: var(--rs-cyan); font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 400; vertical-align: 2px; }
.rs-comments .comment-metadata, .rs-comments .comment-meta { margin: 2px 0 8px; font-family: "JetBrains Mono", monospace; font-size: 12px; }
.rs-comments .comment-metadata a, .rs-comments .comment-meta a { color: var(--rs-muted); text-decoration: none; }
.rs-comments .comment-content { color: var(--rs-ink); font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
.rs-comments .comment-content p { margin: 0 0 10px; }
.rs-comments .comment-content a { color: var(--rs-cyan); }
.rs-comments .reply { margin-top: 4px; }
.rs-comments .reply a, .rs-comments #cancel-comment-reply-link { font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--rs-green); text-decoration: none; }
.rs-comments .reply a::before { content: "\21B3 "; }
.rs-comments .reply a:hover, .rs-comments #cancel-comment-reply-link:hover { color: var(--rs-cyan); }
.rs-comments .comment-respond { margin-top: 32px; background: var(--rs-surface); border: 1px solid var(--rs-line); border-radius: 16px; padding: 24px; }
.rs-comments .comment .comment-respond { margin: 12px 0 0; }
.rs-comments .comment-notes, .rs-comments .logged-in-as, .rs-comments .comment-form-cookies-consent label { color: var(--rs-muted); font-size: 14px; }
.rs-comments .comment-form label { display: block; margin-bottom: 6px; font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--rs-muted); text-transform: lowercase; }
.rs-comments .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; }
.rs-comments .comment-form-cookies-consent label { display: inline; font-family: inherit; text-transform: none; }
.rs-comments .comment-form input[type="text"], .rs-comments .comment-form input[type="email"], .rs-comments .comment-form input[type="url"], .rs-comments .comment-form textarea { width: 100%; min-height: 48px; background: var(--rs-bg) !important; border: 1px solid var(--rs-line) !important; border-radius: 10px !important; color: var(--rs-ink) !important; padding: 12px 14px !important; font-size: 15px; transition: border-color .2s, box-shadow .2s; }
.rs-comments .comment-form textarea { min-height: 140px; resize: vertical; }
.rs-comments .comment-form input:focus, .rs-comments .comment-form textarea:focus { outline: none; border-color: var(--rs-cyan) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--rs-cyan) 20%, transparent); }
.rs-comments .comment-form .submit { min-height: 48px; padding: 12px 24px !important; border-radius: 999px !important; border: 1px solid var(--rs-cyan) !important; background: var(--rs-cyan) !important; color: #071018 !important; font-family: "JetBrains Mono", monospace; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .2s, color .2s; }
.rs-comments .comment-form .submit:hover { background: transparent !important; color: var(--rs-cyan) !important; }
.rs-comments .comment-awaiting-moderation { color: var(--rs-green); font-size: 13px; }
@media (max-width: 600px) {
	.rs-comments .comment-body { padding: 16px 16px 12px 16px; }
	.rs-comments .comment-author .avatar { position: static; width: 32px; height: 32px; }
	.rs-comments ol.children { margin-left: 8px; padding-left: 10px; }
}

/* 2026-11-10 09:40 GMT+6 - comments: beat Hello theme's #comments rules (padding 30px 0, floated meta) */
.rs-comments #comments .comment-body { padding: 18px 20px 14px !important; margin: 0 !important; border-bottom: 1px solid var(--rs-line); }
.rs-comments #comments .comment-meta { display: flex !important; flex-direction: column; align-items: flex-start; gap: 0; margin: 0 0 10px !important; padding: 0 !important; position: relative; padding-left: 52px !important; min-height: 40px; }
.rs-comments #comments .comment-author { display: block !important; float: none !important; margin: 0 !important; }
.rs-comments #comments .comment-author .avatar { position: absolute !important; left: 0 !important; top: 0 !important; width: 40px !important; height: 40px !important; margin: 0 !important; float: none !important; }
.rs-comments #comments .comment-metadata { float: none !important; margin: 2px 0 0 !important; text-align: left !important; }
.rs-comments #comments .comment-content, .rs-comments #comments .reply { margin-left: 0 !important; padding-left: 0 !important; }
.rs-comments #comments .comment .comment-respond { margin: 12px 0 0 !important; }
@media (max-width: 600px) {
	.rs-comments #comments .comment-body { padding: 16px 16px 12px !important; }
	.rs-comments #comments .comment-meta { padding-left: 46px !important; }
	.rs-comments #comments .comment-author .avatar { width: 36px !important; height: 36px !important; }
	.rs-comments #comments ol.children { margin-left: 6px !important; padding-left: 10px !important; }
}

/* 2026-11-10 09:45 GMT+6 - hide Hello theme's reply-arrow glyph on nested comments (the thread line already shows nesting) */
.rs-comments #comments ol.children li::before, .rs-comments #comments ol.children::before { content: none !important; display: none !important; }