/* Swear It Happened -- desktop stylesheet (minified). Palette: bg #faf6e9, cards #fffdf5, text #333, accent terracotta #b0563b. Edit the readable source in your own copy; keep this file minified in production (§18). */
*{box-sizing:border-box}body{margin:0;background:#faf6e9;color:#333;font:17px/1.65 Georgia,'Times New Roman',serif}a{color:#b0563b}a:hover{color:#8f4530}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.3;color:#2b2b2b}h1{font-size:1.9em}h2{font-size:1.4em}h3{font-size:1.15em}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.site-header{background:#fffdf5;border-bottom:3px solid #b0563b}.header-inner{display:block;padding:14px 16px;overflow:hidden}.logo{float:left;font-size:1.5em;font-weight:bold;text-decoration:none;color:#b0563b}.main-nav{float:left;margin-left:28px}.main-nav ul{list-style:none;margin:6px 0 0;padding:0}.main-nav li{display:inline-block;margin-right:14px}.main-nav a{text-decoration:none;font-size:.92em}.btn{display:inline-block;background:#b0563b;color:#fffdf5;border:0;border-radius:4px;padding:9px 16px;font:inherit;text-decoration:none;cursor:pointer}.btn:hover{background:#8f4530;color:#fffdf5}.btn-submit{float:right;margin-top:2px}.layout{overflow:hidden;padding-top:24px;padding-bottom:32px}.content{float:left;width:72%}.sidebar{float:right;width:25%}.card,.story,.side-block,.form{background:#fffdf5;border:1px solid #e8e0c9;border-radius:6px;padding:18px 22px;margin-bottom:20px}.side-block{padding:14px 16px}.side-block h3{margin-top:0;border-bottom:1px solid #e8e0c9;padding-bottom:6px}.tagline{color:#6f6a5c;font-style:italic}.notice{background:#fdf3d7;border:1px solid #e5d59a;border-radius:4px;padding:10px 14px}.notice-ok{background:#e7f2df;border-color:#b9d3a5}.form label{font-weight:bold}.form input[type=text],.form input[type=email],.form input[type=url],.form input[type=password],.form textarea,.form select{width:100%;max-width:560px;padding:8px;border:1px solid #cfc7ae;border-radius:4px;background:#fff;font:inherit;color:#333}.form fieldset{border:1px solid #e8e0c9;border-radius:4px}.tag-check{display:inline-block;margin:4px 12px 4px 0;font-weight:normal}.footer-links{list-style:none;margin:0 0 8px;padding:0;text-align:center}.footer-links li{display:inline-block;margin:0 8px 6px}.site-footer{background:#fffdf5;border-top:3px solid #b0563b;padding:20px 0;font-size:.9em;color:#6f6a5c}.copyright{margin:0}.cookie-notice{position:fixed;left:0;right:0;bottom:0;background:#2b2b2b;color:#faf6e9;padding:12px 16px;text-align:center}.cookie-notice a{color:#e8b39e}.cookie-notice p{display:inline;margin-right:12px}.comments{margin-top:26px}.static-text{background:#fffdf5;border:1px solid #e8e0c9;border-radius:6px;padding:18px 22px}
/* Stage 3: account area */.content-full{float:none;width:auto}.btn-small{padding:5px 10px;font-size:.85em}.inline-form{display:inline;background:none;border:0;padding:0;margin:0}.stories-table{width:100%;border-collapse:collapse;background:#fffdf5;border:1px solid #e8e0c9}.stories-table th,.stories-table td{border-bottom:1px solid #e8e0c9;padding:8px 10px;text-align:left;vertical-align:top}.stories-table th{background:#f4eeda;font-size:.9em}.status{display:inline-block;border-radius:3px;padding:1px 8px;font-size:.85em;background:#e8e0c9;color:#4a4433}.status-approved{background:#e7f2df;color:#3c5a28}.status-scheduled{background:#dfeaf2;color:#2d4a63}.status-pending{background:#fdf3d7;color:#6b5a1e}.status-rejected{background:#f6e0da;color:#7a3222}.status-banned{background:#e3dcdc;color:#5c4a4a}.captcha-box{background:#f4eeda;border:1px dashed #cfc7ae;border-radius:4px;padding:10px 12px}.logout-form{background:none;border:0;padding:0}
/* Stage5: comments + form messages */
.comments{margin-top:24px}.comment{background:#fffdf5;border:1px solid #e8e0c9;border-radius:6px;padding:10px 14px;margin-bottom:10px}.comment-meta{color:#777;font-size:.88em;margin:0 0 4px}.comment-text{margin:0}.comment-verdict-1{color:#3c5a28}.comment-verdict-2{color:#7a3222}.comment-verdict-3{color:#6b5a1e}.comments-pagination{margin:12px 0}.form-msg{border-radius:4px;padding:8px 12px;margin:0 0 12px}.form-msg-ok{background:#e7f2df;border:1px solid #b5cf9f;color:#3c5a28}.form-msg-error{background:#f6e0da;border:1px solid #d9a394;color:#7a3222}
/* Stage6: vote buttons */
.vote-buttons{margin:12px 0 4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vote-btn{background:#fffdf5;border:1px solid #cfc7ae;border-radius:4px;color:#4a4433;padding:6px 12px;font:inherit;font-size:.92em;cursor:pointer}.vote-btn svg{vertical-align:-2px;margin-right:4px}.vote-btn:hover{border-color:#b3552e;color:#b3552e}.vote-btn[disabled]{opacity:.5;cursor:default}.vote-btn[disabled]:hover{border-color:#cfc7ae;color:#4a4433}.vote-count{opacity:.7;font-size:.9em}.vote-msg{width:100%;margin:6px 0 0;color:#3c5a28;font-size:.92em}
/* Stage7: media fields */
.current-image img{max-width:220px;height:auto;border:1px solid #e8e0c9;border-radius:4px;display:block;margin:4px 0}.current-image{background:#f4eeda;border:1px dashed #cfc7ae;border-radius:4px;padding:8px 12px;margin:0 0 12px}
/* Search (Sphinx): header box, results-page form, notices, pagination */
.site-search{float:right;margin:2px 0 0 12px}.site-search input[type=search]{padding:7px 10px;border:1px solid #cfc7ae;border-radius:4px;background:#fff;font:inherit;font-size:.9em;width:190px;color:#333;vertical-align:middle}.site-search button{background:#b0563b;color:#fffdf5;border:0;border-radius:4px;padding:7px 12px;font:inherit;font-size:.9em;cursor:pointer;margin-left:4px;vertical-align:middle}.site-search button:hover{background:#8f4530}.search-form{background:none;border:0;padding:0;margin:0 0 18px}.search-form input[type=search]{padding:9px 12px;border:1px solid #cfc7ae;border-radius:4px;background:#fff;font:inherit;width:70%;max-width:420px;color:#333;vertical-align:middle}.search-form button{background:#b0563b;color:#fffdf5;border:0;border-radius:4px;padding:9px 16px;font:inherit;cursor:pointer;margin-left:6px;vertical-align:middle}.search-form button:hover{background:#8f4530}.search-note{background:#fdf3d7;border:1px solid #e5d59a;border-radius:4px;padding:10px 14px;color:#6b5a1e}.search-meta{color:#6f6a5c;margin:0 0 14px}.pagination{margin:18px 0;line-height:2}.pagination a,.pagination span{display:inline-block;min-width:28px;text-align:center;padding:4px 8px;margin:0 2px;border:1px solid #e8e0c9;border-radius:4px;text-decoration:none;background:#fffdf5}.pagination a:hover{border-color:#b0563b}.pagination .page-current{background:#b0563b;color:#fffdf5;border-color:#b0563b}.pagination .page-prev,.pagination .page-next{border-color:#cfc7ae}
/* [A4] Image logo (used when config logo_type='image') */
.logo-img{max-height:44px;width:auto;display:block}
/* [A2] Sidebar categories block: name + approved-story count */
.side-block .cat-count{color:#8a8264;font-size:.85em}
.side-block ul li{margin:2px 0}
/* [A7] Submission guide box above the submit/edit form */
.submission-guide{background:#fdf3d7;border:1px solid #e5d59a;border-radius:6px;padding:14px 18px;margin:0 0 18px}
.submission-guide h2{margin:0 0 6px;font-size:1.1em}
.submission-guide .guide-lead{margin:0 0 8px}
/* [UPD-816] The "what happens after you post" note (guide_jury_note):
quieter than the rules and set off by a left rule, so an author reads
it as context about the reader jury and not as one more requirement. */
.submission-guide .guide-jury-note{margin:0 0 10px;padding:6px 0 6px 10px;border-left:3px solid #e5d59a;color:#6b6350;font-size:.95em}
.theme-dark .submission-guide .guide-jury-note{border-left-color:#5a4f2e;color:#c6bfae}
/* [UPD-810 п.4] Author rights reassurance banner (submit guide + /for-authors/). */
.author-rights{background:#e7f2df;border:1px solid #b9d3a5;border-radius:6px;padding:10px 14px;margin:0 0 12px}
.author-rights strong{color:#3c5a28}
.theme-dark .author-rights{background:#28331f;border-color:#456034;color:#d9d2c3}
.submission-guide .guide-list{margin:0;padding-left:20px}
.submission-guide .guide-list li{margin:4px 0}
.submission-guide .guide-foot{margin:8px 0 0;font-size:.9em;color:#6f6a5c}
/* [A9] Danger zone: delete-my-account */
.danger-zone{border:1px solid #d9a394;background:#f6e0da;border-radius:6px;padding:14px 18px;margin:18px 0}
.danger-zone h2{margin:0 0 6px;color:#7a3222}
/* [A2] Total verdict votes under the believe scale */
.vote-total{margin:4px 0 0;color:#6b6455;font-size:.9em}
/* [A1] Category badge in the /new-stories/ archive meta line */
.cat-link{color:#a4552f;text-decoration:none;border-bottom:1px dotted #d3b9a6}
.cat-link:hover{border-bottom-style:solid}
/* [C1/D2] Split vote groups: Up/Down on the first row, the
"Do you trust this story?" question on its OWN row below, the
trust buttons on the row after it. .vote-box-groups replaces the
old flex .vote-buttons wrapper (its display:flex laid the groups
and the question out in ONE line -- the D2 bug). */
.vote-box-groups{display:block;margin:12px 0 4px}
.vote-group{display:block;margin:6px 0}
.vote-group .vote-btn{margin:0 8px 6px 0}
.vote-question{display:block;margin:14px 0 4px;font-weight:bold;color:#2b2b2b}
/* [C2] Vote counters in the listing meta line (shared story_card) */
.meta-votes{color:#8a8264}
.meta-vote-item{white-space:nowrap}
/* [D8] Counter icons: inline SVG (colored via currentColor),
unicode symbols and ![]()
variants share the color classes */
.meta-ico svg{vertical-align:-1px}
.meta-ico-img{vertical-align:-1px}
/* [E-Q3] 2x / 3x icon-file sets (24px / 36px) keep the baseline sane */
.meta-ico-img-2x{vertical-align:-7px}
.meta-ico-img-3x{vertical-align:-12px}
/* [F3] Limit hints printed before the story form fields */
.field-hint{display:block;color:#6f6a5c;font-weight:normal;font-size:.85em;margin:2px 0 4px}
/* [F4] Report-this-story block on the story page */
.report-story h2{margin-top:0}
.report-story .report-note{color:#6f6a5c;font-size:.9em;margin:0 0 10px}
/* [Q3] Request/Report link row on the story page: Request on the
LEFT, Report pushed to the RIGHT edge -- far apart so the two
links cannot be mis-clicked for one another (owner rule). */
.report-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 4px}
.report-link .request-story-link{margin-right:auto}
.report-link .report-story-link{margin-left:auto;text-align:right}
/* [Q3] Request-a-story page (zero-SQL, full-width, no sidebar) */
.request-story h2{margin-top:0}
.request-story .request-note{color:#6f6a5c;font-size:.9em;margin:0 0 10px}
.request-story .request-authors-note{margin:0 0 12px}
.request-story .request-tag-select{margin:0 6px 6px 0;max-width:100%}
/* [Q3] Static request-a-story CTA card in the sidebar */
.request-cta p{margin:8px 0}
.request-cta .request-cta-btn{display:inline-block}
/* [R3.1/UPD-33] Guess before you read: verdict numbers stay
blurred until the reader casts their own verdict (main.js
removes .verdict-masked). Buttons themselves stay clickable. */
.verdict-masked .vote-group-verdict .vote-count,.verdict-masked .believe-scale,.verdict-masked .vote-total{filter:blur(7px);-webkit-filter:blur(7px);user-select:none;-webkit-user-select:none;-moz-user-select:none;pointer-events:none}
.verdict-masked .believe-bar{visibility:hidden}
.verdict-guess-note{display:none;color:#6f6a5c;font-size:.9em;margin:8px 0 0}
.verdict-masked .verdict-guess-note{display:block}
/* [R3.2] Jury Is Out listing intro note */
.jury-note{color:#6f6a5c;font-size:.9em;margin:0 0 12px}
/* [R3.4] Author Truth Score badge on the author page */
.truth-score{display:inline-block;background:#f3ecd9;border:1px solid #d8cba6;border-radius:4px;padding:4px 10px;margin:0 0 12px;font-size:.95em}
/* [R3.3] Story of the Day sidebar block */
.side-block-sotd .sotd-descr{color:#6f6a5c;font-size:.9em;margin:6px 0 0}
/* [T1/UPD-35] True or Fake? game panel on the story page */
.tof-game{margin:16px 0;padding:12px 16px;border:1px dashed #cfc7ae;background:#fdf3d7;border-radius:6px}
.tof-game h2{margin:0 0 6px;font-size:1.1em}
.tof-note{color:#6f6a5c;font-size:.9em;margin:0 0 8px}
.tof-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.tof-score{font-weight:bold}
.tof-next{margin-left:auto}
/* [T2/UPD-35] Verdict badges on listing cards */
.card-badge{display:inline-block;font-size:.6em;font-weight:normal;vertical-align:middle;padding:2px 9px;border-radius:10px;margin-left:8px;white-space:nowrap;text-decoration:none;font-family:Arial,sans-serif}
.badge-true{background:#e7f2df;color:#3c5a28;border:1px solid #b5cf9f}
.badge-fake{background:#f6e0da;color:#7a3222;border:1px solid #d9a394}
.badge-jury{background:#fdf3d7;color:#6b5a1e;border:1px solid #e5d59a}
/* [UPD-823 SEO213] "~7 min" reading-time badge in the meta line of
a listing card. Deliberately quiet: it is a hint, not a counter. */
.card-read{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
/* [T3/UPD-35] Continue reading sidebar block */
.continue-reading ul{margin:0;padding-left:18px}
.continue-reading li{margin:3px 0}
/* [T4/UPD-35] Listen (TTS) button row */
.listen-row{margin:10px 0}
/* [I1/UPD-37] Detective rank line + rank-up pulse */
.tof-rank{font-weight:bold;margin:0 0 6px}
.tof-rank:empty{display:none}
.tof-rank-up{animation:tofpulse 1s ease 3;color:#b0563b}
@keyframes tofpulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}
/* [I3/UPD-37] Share-quote tip + floating popover */
.story-tip{color:#6f6a5c;font-size:.88em;margin:10px 0 4px}
.share-quote-pop{position:absolute;z-index:60;background:#2b2b2b;border-radius:6px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.share-quote-pop a{color:#faf6e9;text-decoration:none;font-size:.9em;margin:0 6px;font-family:Arial,sans-serif}
.share-quote-pop a:hover{color:#e8b39e}
/* [I4/UPD-37] Author of the Month sidebar block */
.side-block-aom .aom-meta{color:#6f6a5c;font-size:.9em;margin:4px 0 0}
/* [UPD-43] Moderator's decision reason in the author account */
.reject-reason{background:#f6e0da;border:1px solid #d9a394;border-radius:4px;padding:6px 10px;margin:6px 0 0;font-size:.85em;color:#7a3222}
/* [T5/UPD-35] DARK THEME (.theme-dark on , toggled by the
footer button + saved in localStorage). Night palette tuned for
readability: warm dark browns (not pure black), soft off-white
text (not pure white) -- low glare, comfortable contrast. */
.theme-row{margin:0 0 8px}
.theme-toggle{background:none;border:1px solid #cfc7ae;border-radius:4px;color:inherit;padding:5px 12px;font:inherit;font-size:.9em;cursor:pointer}
.theme-dark body{background:#211e1a;color:#d9d2c3}
.theme-dark h1,.theme-dark h2,.theme-dark h3{color:#e6dfd0}
.theme-dark a{color:#e0906c}
.theme-dark a:hover{color:#eaa887}
.theme-dark .site-header,.theme-dark .site-footer{background:#2a261f;border-color:#b0563b;color:#a89f8c}
.theme-dark .logo{color:#e0906c}
.theme-dark .card,.theme-dark .story,.theme-dark .side-block,.theme-dark .form,.theme-dark .static-text,.theme-dark .comment,.theme-dark .stories-table{background:#2a261f;border-color:#413b31;color:#d9d2c3}
.theme-dark .side-block h3{border-color:#413b31}
.theme-dark .notice,.theme-dark .search-note,.theme-dark .submission-guide,.theme-dark .captcha-box,.theme-dark .current-image,.theme-dark .tof-game{background:#332d22;border-color:#57503e;color:#d9d2c3}
.theme-dark .form input[type=text],.theme-dark .form input[type=email],.theme-dark .form input[type=url],.theme-dark .form input[type=password],.theme-dark .form textarea,.theme-dark .form select,.theme-dark .site-search input[type=search],.theme-dark .search-form input[type=search]{background:#1c1915;border-color:#57503e;color:#d9d2c3}
.theme-dark .vote-btn{background:#2a261f;border-color:#57503e;color:#cfc7b4}
.theme-dark .vote-btn[disabled]:hover{border-color:#57503e;color:#cfc7b4}
.theme-dark .vote-question{color:#e6dfd0}
.theme-dark .pagination a,.theme-dark .pagination span{background:#2a261f;border-color:#413b31}
.theme-dark .stories-table th{background:#332d22}
.theme-dark .tagline,.theme-dark .meta,.theme-dark .field-hint,.theme-dark .a-meta,.theme-dark .comment-meta,.theme-dark .vote-total,.theme-dark .tof-note,.theme-dark .jury-note,.theme-dark .sotd-descr,.theme-dark .request-cta p,.theme-dark .search-meta{color:#a89f8c}
.theme-dark .theme-toggle{border-color:#57503e;color:#d9d2c3}
.theme-dark .status{background:#413b31;color:#d9d2c3}
.theme-dark .truth-score{background:#332d22;border-color:#57503e;color:#d9d2c3}
.theme-dark .badge-true{background:#2c3a26;color:#a8cf98;border-color:#4b6440}
.theme-dark .badge-fake{background:#402823;color:#e0a091;border-color:#6d4238}
.theme-dark .badge-jury{background:#3a3323;color:#d8c48a;border-color:#645833}
.theme-dark .danger-zone{background:#402823;border-color:#6d4238}
.theme-dark .cat-link{color:#e0906c;border-color:#6d4238}
.theme-dark .story-tip,.theme-dark .aom-meta{color:#a89f8c}
.theme-dark .tof-rank-up{color:#e0906c}
.theme-dark .reject-reason{background:#402823;border-color:#6d4238;color:#e0a091}
/* [E-Q2] Home-page welcome block + full tag cloud */
.home-intro{margin-bottom:22px}
.home-intro h2{margin-top:0}
.home-intro p{margin:10px 0}
.tag-cloud{line-height:2}
.tag-cloud .tag-link{display:inline-block;background:#f4eeda;border:1px solid #e5d59a;border-radius:4px;padding:1px 8px;margin:2px 4px 2px 0;font-size:.88em;border-bottom-style:solid}
.mv-up,.mv-true{color:#3c5a28}
.mv-down,.mv-fake{color:#7a3222}
.mv-unsure{color:#6b5a1e}
/* [C3] Top True sidebar block: muted True-vote count */
.side-block .true-count{color:#8a8264;font-size:.85em}
/* [D4] Media rule sub-headings inside the submission guide */
.submission-guide .guide-media-title{margin:12px 0 4px;font-size:1em}
/* [UPD-47 E10/E11] Author Support: compact thread + unread badge.
One thin rule per message, the meta line small and tight, the
body immediately below it. Newest message first (controller). */
.support-thread{margin:18px 0 0}
.support-sep{border:0;border-top:1px solid #ddd6c2;margin:14px 0 6px}
.support-meta{margin:0 0 2px;font-size:.82em;color:#8a8264}
.support-body{margin:0;font-size:.95em;line-height:1.5}
.support-body-admin{color:#3c5a28}
.support-pager{margin:14px 0}
.support-form{margin:0 0 6px}
.support-form p{margin:6px 0}
.support-badge{display:inline-block;background:#a02c2c;color:#fff;border-radius:9px;padding:0 6px;margin-left:4px;font-size:.78em;line-height:1.5;vertical-align:middle}
.theme-dark .support-sep{border-top-color:#57503e}
.theme-dark .support-meta{color:#a89f8c}
.theme-dark .support-body-admin{color:#a8cf98}
/* [UPD-48 E5] Extra story photos (admin gallery): a plain column
under the story text, lazy-loaded, no JS. */
.story-gallery{margin:18px 0}
.story-gallery-item{margin:0 0 16px}
.story-gallery-item img{display:block;max-width:100%;height:auto;border:1px solid #e2dcc8}
.theme-dark .story-gallery-item img{border-color:#57503e}
/* [UPD-51 E7] Two-Stage Jury: the first-impression box on top. */
.prevote-box{background:#fffdf5;border:1px dashed #d8b28e;border-radius:6px;padding:10px 14px;margin:14px 0}
.prevote-question{margin:0 0 8px;font-size:.95em}
.prevote-buttons{display:flex;flex-wrap:wrap;gap:8px}
.prevote-total{margin:8px 0 0;color:#777;font-size:.85em}
.prevote-msg{margin:6px 0 0;color:#3f7a2e;font-size:.9em}
.vote-armed{outline:2px solid #b3552e;outline-offset:1px}
/* [UPD-51 E6] Confidence row + Doubt Index. */
.conf-row{margin:10px 0 0;padding:8px 10px;background:#faf3e3;border-radius:6px}
.conf-question{margin:0 0 6px;font-weight:bold;font-size:.95em}
.conf-buttons{display:flex;flex-wrap:wrap;gap:6px}
.conf-btn{min-width:36px;justify-content:center}
.conf-skip{opacity:.75}
.conf-scale-note{margin:6px 0 0;color:#777;font-size:.82em}
.doubt-index{margin:12px 0 0;padding-top:8px;border-top:1px solid #eee5d0}
.doubt-title{margin:0 0 4px}
.doubt-line{margin:2px 0;font-size:.9em;color:#555}
/* [UPD-51 E7] the changed-their-mind metric line. */
.jury-metric{margin:10px 0 0;font-weight:bold;color:#7a4a2e}
/* [UPD-51 E3] Verdict Timeline sparkline. */
.verdict-timeline{margin:12px 0 0;padding-top:8px;border-top:1px solid #eee5d0}
.timeline-title{margin:0 0 6px}
.timeline-note{font-weight:normal;color:#777;font-size:.85em}
.verdict-sparkline{display:block;max-width:100%;height:60px;background:#fffdf5;border:1px solid #eee5d0}
.spark-mid{stroke:#ddd2b8;stroke-width:1;stroke-dasharray:3 3}
.spark-line{stroke:#b3552e;stroke-width:2}
.timeline-legend{margin:6px 0 0;color:#777;font-size:.85em}
/* [UPD-51 E8] Change My Verdict panel. */
.change-verdict{margin:12px 0 0;padding:10px 14px;background:#faf3e3;border-radius:6px}
.change-count{margin:0 0 6px;font-weight:bold;color:#7a4a2e}
.change-intro{margin:0 0 8px}
.change-args{margin:0 0 10px}
.change-args-title{margin:0 0 4px;font-weight:bold;font-size:.92em}
.change-arg{margin:0 0 8px;padding:6px 10px;background:#fffdf5;border-left:3px solid #d8b28e}
.change-arg-body{margin:0}
.change-arg-meta{margin:4px 0 0;color:#777;font-size:.85em}
.change-pick{margin:8px 0 0}
.change-msg{margin:8px 0 0;color:#3f7a2e;font-size:.9em}
/* [UPD-51 E1] Cross-Examination columns + comment badges. */
.comments-note{background:#faf3e3;border-radius:6px;padding:8px 12px;color:#555;font-size:.9em}
.xexam-columns{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 16px}
.xexam-col{flex:1 1 240px;min-width:220px}
.xexam-title{margin:0 0 8px;font-size:1em;border-bottom:2px solid #e2dcc8;padding-bottom:4px}
.xexam-col-2 .xexam-title{border-bottom-color:#7fae6d}
.xexam-col-3 .xexam-title{border-bottom-color:#c96f5a}
.badge{display:inline-block;border-radius:3px;padding:0 5px;font-size:.72em;font-weight:bold;letter-spacing:.4px;vertical-align:middle}
.badge-author{background:#b3552e;color:#fff}
.badge-top{background:#7a672e;color:#fff}
/* [UPD-51 E2] nested author answers; [E5] upvotes; pinned card. */
.comment-answer{margin:8px 0 0 22px;padding:6px 10px;background:#faf3e3;border-left:3px solid #b3552e}
.comment-pinned{background:#fdf6df;border:1px solid #e0cf9a;border-radius:6px;padding:8px 12px}
.top-comment{margin:0 0 14px}
.comment-actions{margin:4px 0 0}
.cvote-btn{background:none;border:1px solid #d8b28e;border-radius:4px;padding:2px 8px;font-size:.82em;color:#7a4a2e;cursor:pointer}
.cvote-btn:disabled{opacity:.55;cursor:default}
.cvote-count{font-weight:bold;margin-left:2px}
/* [UPD-51 E4] My Verdicts dossier. */
.myverdicts{margin:12px 0}
.mv-stats p{margin:4px 0}
.mv-list li{margin:0 0 6px}
.mv-note{margin:12px 0 0;color:#777;font-size:.85em}
/* [UPD-51 E9] Case File pages + sidebar block. */
.casefile-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.casefile-verdicts p{margin:4px 0}
.casefile-item{margin:0 0 14px}
.side-casefiles .side-more a{font-weight:bold}
/* [UPD-55 E5] author profile showcase. */
.author-head{display:flex;align-items:center;gap:14px;margin:0 0 8px}
.author-avatar{border-radius:50%;object-fit:cover;border:2px solid #e2dcc8;width:96px;height:96px}
.author-socials a{margin-right:10px;font-weight:bold}
.pinned-badge{margin:0 0 2px}
/* [UPD-55 E3] the submit preview box. */
.submit-preview{border:2px dashed #d8b28e;margin:0 0 18px}
.theme-dark .submit-preview{border-color:#57503e}
.theme-dark .author-avatar{border-color:#57503e}
/* [UPD-54 PU1] series navigation on story pages. */
.story-series{background:#faf3e3;border:1px solid #e2dcc8;border-radius:6px;padding:8px 14px;margin:12px 0}
.series-title{margin:0 0 6px}
.series-parts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.series-parts li a,.series-parts li span{display:inline-block;padding:2px 10px;border:1px solid #d8b28e;border-radius:4px;text-decoration:none}
.series-parts .series-current span{background:#b3552e;color:#fff;border-color:#b3552e}
/* [UPD-54 HH5] cross-linking block. */
.crosslinks{background:#fffdf5;border:1px solid #e2dcc8;border-radius:6px;padding:10px 14px;margin:14px 0}
.crosslinks h2{margin:0 0 8px;font-size:1.05em}
.crosslinks ul{margin:0;padding-left:20px}
.crosslinks li{margin:0 0 4px}
/* [UPD-54 PU4] tell-your-version CTA. */
.tell-version{background:#faf3e3;border-radius:6px;padding:10px 14px;margin:14px 0}
/* [UPD-54 TIME1] next-case cards. */
.next-cases{margin:18px 0}
.next-case{display:none;background:#fffdf5;border:1px solid #e2dcc8;border-radius:6px;padding:10px 14px;margin:0 0 10px;text-decoration:none;color:inherit}
.next-case[hidden]{display:none}
.next-case:not([hidden]){display:block}
.next-case-title{display:block;font-weight:bold;color:#b3552e;margin:0 0 4px}
/* [UPD-54 TIME3] cliffhanger teasers. */
.rel-teaser{display:block;color:#777;font-size:.88em;font-style:italic;margin:2px 0 0}
/* [UPD-54 TIME4] guess-the-jury slider: visible only while the
verdict box is still masked (R3.1); the result line survives. */
.guess-jury{display:none;margin:10px 0;padding:8px 10px;background:#faf3e3;border-radius:6px}
.verdict-masked .guess-jury{display:block}
.guess-jury.guess-done{display:block}
.guess-jury.guess-done .js-guess-range,.guess-jury.guess-done .guess-value,.guess-jury.guess-done .guess-title{display:none}
.guess-title{margin:0 0 6px;font-weight:bold;font-size:.95em}
.guess-jury input[type=range]{width:100%}
.guess-value{margin:4px 0 0;text-align:center;font-weight:bold}
.guess-result{margin:4px 0 0;color:#7a4a2e;font-weight:bold}
/* [UPD-54 TIME2] the streak line in the game panel. */
.tof-streak{margin:4px 0 0;color:#7a4a2e;font-weight:bold}
/* [UPD-54 HH4] the two SEO text positions. */
.seo-text-top{margin:0 0 16px}
/* [UPD-809 п.1] category/tag intro row: text LEFT, the approved
cover image RIGHT (before the story list). OWNER-HOOK: tune the
image share via the flex-basis/max-width below. */
.listing-intro{margin:0 0 16px}
.listing-intro.has-img{display:flex;gap:18px;align-items:flex-start}
.listing-intro.has-img .seo-text-top{flex:1 1 auto;margin:0;min-width:0}
.listing-intro-img{flex:0 0 38%;max-width:38%;height:auto;border-radius:4px}
@media (max-width:600px){.listing-intro.has-img{display:block}.listing-intro.has-img .seo-text-top{margin:0 0 10px}.listing-intro-img{max-width:100%;flex:none}}
.seo-text-bottom{margin:16px 0 0}
/* [UPD-54 HH6/PU3] best-of + glossary pages. */
.bestof-list{padding-left:22px}
.bestof-item{margin:0 0 14px}
.bestof-item h2{margin:0 0 4px;font-size:1.1em}
.bestof-meta{margin:2px 0 0;color:#777;font-size:.85em}
.glossary-list li{margin:0 0 6px}
.glossary-links a{margin-right:10px}
/* [UPD-54 PU1] the account/admin series manager. */
.series-manage li{margin:0 0 6px}
.series-manage form{display:inline}
/* [UPD-54 PU2] on-screen bits of the print feature. */
.print-case-head{display:none}
.print-row{margin:8px 0}
/* [UPD-54] dark theme companions. */
.theme-dark .story-series,.theme-dark .tell-version,.theme-dark .guess-jury{background:#2e2a22;border-color:#57503e}
.theme-dark .crosslinks,.theme-dark .next-case{background:#262319;border-color:#57503e}
.theme-dark .series-parts li a,.theme-dark .series-parts li span{border-color:#57503e}
/* ============================================================
[UPD-54 PU2] PRINT: the "police case file" sheet. Everything
non-essential disappears; the story becomes a typewriter-style
dossier with a dashed evidence frame and a rotated red rubber
stamp carrying the believe percent ("72% BELIEVED"). The stamp
uses a double border + rotation -- the classic wet-stamp look
without any image. OWNER-HOOK: tune freely below.
============================================================ */
@media print{
header.site-header,.sidebar,.site-footer,.vote-box,.prevote-box,.comments,
.related,.next-cases,.crosslinks,.tell-version,.tof-game,.story-tip,
.report-link,.listen-row,.print-row,.breadcrumb,.story-tags,.share-quote-pop,
.story-series,.cookie-notice{display:none !important}
body{background:#fff;color:#000;font:13pt/1.6 "Courier New",Courier,monospace}
.content{width:100% !important;max-width:none}
.print-case-head{display:block;border:3px double #000;padding:12pt 16pt;margin:0 0 16pt;position:relative}
.print-case-no{font-size:16pt;font-weight:bold;letter-spacing:2pt;margin:0 0 6pt;text-transform:uppercase}
.print-case-meta{margin:0;font-size:11pt;letter-spacing:1pt}
.print-stamp{position:absolute;top:6pt;right:14pt;transform:rotate(-12deg);
border:4pt double #b3231e;color:#b3231e;font-weight:bold;font-size:15pt;
letter-spacing:2pt;padding:5pt 12pt;border-radius:6pt;opacity:.85;text-transform:uppercase}
.story h1{font-size:19pt;border-bottom:2pt solid #000;padding-bottom:6pt;text-transform:uppercase;letter-spacing:1pt}
.story .meta{font-size:10pt}
.story-lead{border-left:4pt solid #000;padding-left:10pt}
.story-body{border:1pt dashed #000;padding:10pt 14pt}
.story-gallery-item img{max-width:80%;border:1pt solid #000}
a{color:#000;text-decoration:none}
}
/* [UPD-53 E1] the public CommentID chip. */
.comment-id{color:#9a8f76;font-size:.8em;font-family:monospace}
/* [UPD-53 E3] the author-area navigation bar (every /account/ page). */
.account-nav{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:#efe9db;border-bottom:1px solid #e2dcc8;padding:8px 16px;margin:0 0 14px}
.account-nav a{color:#7a4a2e;text-decoration:none;font-weight:bold;font-size:.92em}
.account-nav a:hover{text-decoration:underline}
.account-nav-logout{display:inline;margin-left:auto}
/* [UPD-60 п.4] THE FLEX-SAFE LINE BREAK inside the author nav.
A
or a put into a flex container becomes a flex ITEM
and does NOT break the row (that is why the owner's own
'
Support & Info:' broke the design). A
zero-height item forced to the FULL width does break it: every
nav GROUP after it starts on a new row. */
.account-nav-break{flex-basis:100%;width:100%;height:0;margin:0;padding:0}
.account-nav-label{color:#6b6152;font-size:.88em;font-weight:bold;text-transform:uppercase;letter-spacing:.03em}
.theme-dark .account-nav-label{color:#a89b83}
/* [UPD-53 E4] FAQ pages. */
.faq-section{margin:0 0 16px}
.faq-section h2{margin-top:0}
.faq-section p{margin:6px 0}
/* [UPD-53] dark theme companions. */
.theme-dark .comment-id{color:#8a8069}
.theme-dark .account-nav{background:#2e2a22;border-bottom-color:#57503e}
.theme-dark .account-nav a{color:#d8b28e}
/* [UPD-51] dark theme companions. */
.theme-dark .prevote-box{background:#2e2a22;border-color:#57503e}
.theme-dark .conf-row,.theme-dark .change-verdict,.theme-dark .comments-note{background:#2e2a22}
.theme-dark .change-arg,.theme-dark .comment-answer{background:#262319;border-left-color:#57503e}
.theme-dark .comment-pinned{background:#2e2a22;border-color:#57503e}
.theme-dark .verdict-sparkline{background:#262319;border-color:#57503e}
.theme-dark .doubt-index,.theme-dark .verdict-timeline{border-top-color:#57503e}
.theme-dark .doubt-line,.theme-dark .timeline-legend,.theme-dark .comments-note,.theme-dark .mv-note{color:#a89f8c}
.theme-dark .xexam-title{border-bottom-color:#57503e}
.theme-dark .cvote-btn{border-color:#57503e;color:#d8b28e}
/* ============================================================
[UPD-56 E1] CASE REPORT SHARE PAGE (/case-report/{slug}-{id}/):
the on-SCREEN "police case / X-files" sheet (the @media print
dossier above stays untouched). Typewriter body, black double
frames, the rotated SQUARE stamp after the title and the ROUND
red WET SEAL at the bottom -- pure CSS, no images.
============================================================ */
.report-page{max-width:760px;margin:0 auto;font-family:"Courier New",Courier,monospace;color:#1a1a1a}
.report-mast{text-align:center;border:3px double #000;padding:14px 16px;margin:0 0 18px;background:#f5f0e1}
.report-brand{margin:0;font-size:1.7em;font-weight:bold;letter-spacing:4px;text-transform:uppercase}
.report-banner{margin:6px 0 0;font-size:.8em;letter-spacing:2px;color:#555;text-transform:uppercase}
.report-sheet{background:#fffdf5;border:1px solid #d8d2bd;padding:22px 26px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.report-headrow{position:relative;padding-right:150px;border-bottom:2px solid #000;margin:0 0 14px}
.report-headrow h1{font-size:1.35em;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
/* The SQUARE evidence stamp (screen twin of the print stamp). */
.report-stamp-sq{position:absolute;top:-4px;right:0;transform:rotate(-12deg);
border:5px double #b3231e;color:#b3231e;font-weight:bold;font-size:1em;
letter-spacing:2px;padding:5px 12px;border-radius:6px;opacity:.85;text-transform:uppercase;margin:0}
.report-protocol{border:1px dashed #000;padding:10px 14px;margin:0 0 16px;font-size:.85em;letter-spacing:1px;text-transform:uppercase}
.report-protocol p{margin:3px 0}
.report-body{border-left:4px solid #000;padding-left:14px;line-height:1.65}
.report-continue{border:2px solid #000;background:#f5f0e1;padding:12px 16px;margin:18px 0;text-align:center}
.report-continue p{margin:5px 0}
.report-continue-btn{display:inline-block}
.report-url{font-size:.85em;word-break:break-all;color:#555}
.report-votes{text-align:center;letter-spacing:1px;font-size:.9em;margin:14px 0}
/* The ROUND red WET SEAL. [UPD-57 F2] Now an inline SVG: the top
line and the domain run ALONG the circular edge (textPath), so
nothing can escape the ring; rotation + opacity give the
ink-on-paper look. */
.report-seal-row{display:flex;justify-content:center;margin:22px 0 6px}
.report-seal{width:170px;height:170px;transform:rotate(-14deg);opacity:.8}
.report-seal text{font-family:"Courier New",Courier,monospace;text-transform:uppercase}
/* Dark theme: the report stays a "paper" sheet on purpose (it is
a document); only the page background around it follows. */
.theme-dark .report-sheet{box-shadow:0 2px 8px rgba(0,0,0,.5)}
/* ============================================================
[UPD-57] brainstorm features.
============================================================ */
/* Smart 404 suggestions. */
.nf-suggest{margin:18px 0;padding:12px 16px;background:#efe9db;border:1px solid #e2dcc8}
.nf-suggest h2{margin:0 0 8px;font-size:1.05em}
.nf-suggest li{margin:0 0 5px}
/* /tags/ hub. */
.tagshub-list{columns:3;column-gap:24px;list-style:none;padding:0}
.tagshub-list li{margin:0 0 7px;break-inside:avoid}
.tagshub-count{color:#9a8f76;font-size:.85em}
/* /statistics/. */
.stats-grid{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.stats-card{background:#efe9db;border:1px solid #e2dcc8;padding:12px 18px;text-align:center;min-width:130px}
.stats-num{display:block;font-size:1.6em;font-weight:bold}
.stats-label{display:block;color:#7a715c;font-size:.85em}
.stats-table{width:100%;border-collapse:collapse;margin:10px 0}
.stats-table th,.stats-table td{border-bottom:1px solid #e2dcc8;padding:6px 8px;text-align:left}
.stats-generated{color:#9a8f76;font-size:.85em}
/* [UPD-823 SEO211] "62% of readers finished this story" -- a quiet
line right under the story text. The sentinel next to it is a
zero-size hook for main.js and must never take up space. */
.read-stat{color:#7a715c;font-size:.85em;font-style:italic;margin:6px 0 0;
border-top:1px dotted #d8d0ba;padding-top:6px}
.js-read-end{height:0;margin:0;padding:0;border:0;font-size:0;line-height:0}
/* Cold Case badge + sidebar block. */
.cold-case-badge{display:inline-block;border:3px double #2a5f8a;color:#2a5f8a;font-weight:bold;
letter-spacing:1px;padding:4px 10px;transform:rotate(-2deg);text-transform:uppercase;font-size:.85em}
.widget-coldcases .widget-note{color:#7a715c;font-size:.85em;margin:2px 0 6px}
/* Twin case. */
.twin-case{background:#efe9db;border-left:4px solid #7a4a2e;padding:10px 14px;margin:14px 0}
.twin-case h2{margin:0 0 6px;font-size:1em;text-transform:uppercase;letter-spacing:1px}
/* Prev/Next case navigation. */
.prevnext-case{display:flex;justify-content:space-between;gap:12px;margin:14px 0;flex-wrap:wrap}
.prevnext-case a{max-width:48%}
/* Author's UPDATE block. */
.story-update{background:#f3ecd9;border:1px dashed #b3a98c;padding:10px 14px;margin:14px 0}
.story-update-head{font-weight:bold;text-transform:uppercase;letter-spacing:1px;font-size:.85em;margin:0 0 6px}
/* Polygraph gauge: masked (blurred) together with the scale until
the reader casts their own verdict (guess-before-read). */
.polygraph{max-width:240px;margin:8px 0}
.verdict-masked .polygraph{filter:blur(7px);-webkit-filter:blur(7px);pointer-events:none}
.polygraph-needle{transition:transform .6s}
/* Share-your-verdict row (revealed by main.js after the vote). */
.share-verdict{margin:10px 0;padding:8px 10px;background:#efe9db;border:1px solid #e2dcc8}
.share-verdict-title{margin:0 0 6px;font-weight:bold;font-size:.9em}
/* Follow this case. */
.follow-case-row{margin:8px 0}
.follow-case-diff{color:#3f7d3a;font-size:.9em;margin-left:8px}
/* Spoilers in comments. */
.spoiler{filter:blur(6px);-webkit-filter:blur(6px);cursor:pointer;user-select:none;-webkit-user-select:none}
.spoiler.spoiler-open{filter:none;-webkit-filter:none;cursor:auto;user-select:text;-webkit-user-select:text}
/* Questions-only note above the comment form. */
.qonly-note{background:#efe9db;border-left:4px solid #7a4a2e;padding:8px 12px;font-size:.92em}
/* Read dimming on listings (localStorage-driven, JS adds .is-read). */
.is-read{opacity:.55}
/* Author badges strip + personal RSS link. */
.author-badges .badge{margin-right:6px}
.author-rss{font-size:.9em}
/* Account extras (update link / qonly request under the edit form). */
.account-extra{margin:10px 0}
/* Pager quick-jump gaps ("1 … 17"). */
.page-gap{color:#9a8f76;padding:0 2px}
/* [UPD-59 п.9] the author message box (the old layout;
the classes stay for any cached page still carrying it). */
.msgbox-item{border:1px solid #e2dcc8;background:#f7f2e4;margin:0 0 8px;padding:8px 12px}
.msgbox-item summary{cursor:pointer}
.msgbox-date{color:#9a8f76;font-size:.85em;margin-right:10px}
.msgbox-unread .msgbox-subject{font-weight:bold}
.msgbox-body{margin:8px 0 0;border-top:1px dashed #e2dcc8;padding-top:8px}
.theme-dark .msgbox-item{background:#2e2a22;border-color:#57503e}
.theme-dark .msgbox-body{border-top-color:#57503e}
/* [UPD-60 п.2] the message box, v2: one row per message (subject
link + date-time + row actions), the message on its own page. */
.msgbox-list{list-style:none;margin:12px 0;padding:0}
.msgbox-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;border-bottom:1px solid #e2dcc8;padding:7px 2px}
.msgbox-row .msgbox-subject{color:#7a4a2e;text-decoration:none}
.msgbox-row .msgbox-subject:hover{text-decoration:underline}
.msgbox-unread .msgbox-subject{font-weight:bold}
.msgbox-acts{margin-left:auto;display:flex;gap:6px}
.msgbox-act{display:inline}
.msgbox-bulk{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.msgbox-full{background:#f7f2e4;border:1px solid #e2dcc8;padding:12px 14px;margin:10px 0;line-height:1.55}
.msgbox-pager{margin:10px 0}
.theme-dark .msgbox-row{border-bottom-color:#57503e}
.theme-dark .msgbox-row .msgbox-subject{color:#d8b28e}
.theme-dark .msgbox-full{background:#2e2a22;border-color:#57503e}
/* [UPD-59 п.4-5] the three archive indexes. */
.report-index li{margin:0 0 10px}
.report-index-meta{display:block;color:#9a8f76;font-size:.85em}
.series-index-card h2{margin:0 0 6px;font-size:1.15em}
.series-index-meta{color:#9a8f76;font-size:.9em;margin:0 0 6px}
.series-index-parts{margin:6px 0 0 20px}
.series-index-parts li{margin:0 0 4px}
.updated-flag{color:#3f7d3a;font-weight:bold;font-size:.85em;margin:12px 0 4px;text-transform:uppercase;letter-spacing:1px}
/* [UPD-823 SEO215] /skeptics-take/ -- the first sentence of the
Skeptic's Take, printed ABOVE its story card. Cool grey-blue on
purpose: it must read as the site's own sober voice, NOT as the
green "UPDATED" flag above and NOT as a story headline. */
.skeptic-flag{color:#4a5a6a;font-size:.9em;font-style:italic;margin:14px 0 4px;
border-left:3px solid #b9c4cf;padding:2px 0 2px 10px}
.skeptic-flag-label{display:inline;color:#33424f;font-weight:bold;font-style:normal;
font-size:.85em;text-transform:uppercase;letter-spacing:1px;margin-right:5px}
/* [UPD-65] HEADER LAYOUT FIX. The nav grew (Series/Updated/Tags...)
and, with the old float layout, pushed the right-floated "Submit"
button onto a new line below "Rand / Tags". Switch .header-inner to
a single-row flexbox: logo left, nav takes the middle and WRAPS its
own items internally, the search box and Submit button stay pinned
to the top-right row. */
.header-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;overflow:visible}
.header-inner .logo{float:none}
.header-inner .main-nav{float:none;margin-left:8px;flex:1 1 auto;min-width:0}
.header-inner .main-nav ul{margin:0}
.header-inner .site-search{float:none;margin:0;flex:0 0 auto}
.header-inner .btn-submit{float:none;margin:0;flex:0 0 auto;white-space:nowrap}ag{color:#3f7d3a;font-weight:bold;font-size:.9em;margin:14px 0 4px;text-transform:uppercase;letter-spacing:1px}
/* [UPD-58 E9] the section RSS link under listings + [E7-fix] the
best-of category link. */
.listing-rss{margin:10px 0;font-size:.9em}
.listing-rss svg{vertical-align:-2px;margin-right:4px}
.bestof-link{margin:12px 0;font-weight:bold}
/* [UPD-58] the /for-authors/ ads landing. */
.landing-hero{text-align:center;padding:28px 20px;background:#efe9db;border:1px solid #e2dcc8;margin:0 0 22px}
.landing-hero h1{font-size:1.7em;margin:0 0 10px}
.landing-sub{font-size:1.05em;color:#5a5344;max-width:720px;margin:0 auto 14px}
.landing-cta{font-size:1.15em;padding:12px 28px}
.landing-note{color:#7a715c;font-size:.9em;margin:10px 0 0}
.landing-block{margin:0 0 24px}
.landing-grid{display:flex;flex-wrap:wrap;gap:14px}
.landing-card{flex:1 1 30%;min-width:240px;background:#f7f2e4;border:1px solid #e2dcc8;padding:12px 14px}
.landing-card h3{margin:0 0 6px;font-size:1em}
.landing-card p{margin:0;font-size:.92em}
.landing-steps li{margin:0 0 10px}
.landing-bottom{margin-top:26px}
.theme-dark .landing-hero,.theme-dark .landing-card{background:#2e2a22;border-color:#57503e}
.theme-dark .landing-sub{color:#a89f8c}
/* [UPD-57] dark theme companions. */
.theme-dark .nf-suggest,.theme-dark .twin-case,.theme-dark .share-verdict,.theme-dark .qonly-note{background:#2e2a22;border-color:#57503e}
.theme-dark .stats-card{background:#2e2a22;border-color:#57503e}
.theme-dark .stats-table th,.theme-dark .stats-table td{border-bottom-color:#57503e}
.theme-dark .story-update{background:#2e2a22;border-color:#57503e}
/* ==== [UPD-68] new feature pack ==== */
.story-tldr{background:#fffdf5;border-left:4px solid #b3a98c;padding:8px 12px;margin:10px 0;font-size:16px}
.story-updated-on{color:#3f7d3a;font-weight:bold;font-size:14px;margin:4px 0}
.series-countdown{background:#fffdf5;border:1px dashed #b3a98c;padding:8px 12px;margin:8px 0;font-size:15px}
.reader-tools{margin:10px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.reader-tools .reader-tools-label{font-size:13px;color:#7a715a}
body.rm-f1 .story-body{font-size:1.12em}
body.rm-f2 .story-body{font-size:1.25em}
body.rm-f-1 .story-body{font-size:.92em}
body.rm-f-2 .story-body{font-size:.85em}
body.rm-narrow .story-body{max-width:620px;margin-left:auto;margin-right:auto}
body.rm-serif .story-body{font-family:Georgia,'Times New Roman',serif}
body.rm-dys .story-body{font-family:Verdana,'Comic Sans MS',sans-serif;letter-spacing:.03em;word-spacing:.1em;line-height:1.85}
.reason-chips{margin:12px 0;padding:10px 12px;background:#fffdf5;border:1px solid #e7e0cb;border-radius:6px}
.reason-chips-title{font-weight:bold;margin:0 0 8px}
.chip{display:inline-block;margin:3px 4px 3px 0;padding:4px 10px;border:1px solid #b3a98c;border-radius:14px;background:#faf6e9;cursor:pointer;font-size:13px}
.chip:hover{background:#f1ead2}
.chip.chip-done{background:#3f7d3a;color:#fff;border-color:#3f7d3a;cursor:default}
.reason-chips-done{color:#3f7d3a;font-weight:bold;margin:6px 0 0}
.reason-bars{margin:14px 0;padding:10px 12px;background:#fffdf5;border:1px solid #e7e0cb;border-radius:6px}
.reason-bars-title{margin:6px 0 4px;font-size:15px}
.reason-bar-row{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:13px}
.reason-bar-label{flex:0 0 45%}
.reason-bar{flex:1;height:10px;background:#efe8d2;border-radius:5px;overflow:hidden}
.reason-bar span{display:block;height:10px;background:#b3231e;border-radius:5px}
.reason-bar-pct{flex:0 0 38px;text-align:right}
.reason-bars-note{color:#7a715a;font-size:12px;margin:6px 0 0}
.reopen-case{margin:12px 0}
.reopen-plaque{background:#fdf0ee;border:1px solid #b3231e;color:#b3231e;font-weight:bold;padding:8px 12px;border-radius:6px}
.reopen-note{font-size:12px;color:#7a715a;margin-left:8px}
.skeptic-take{margin:18px 0;padding:14px 16px;background:#f4f1e6;border:1px solid #b3a98c;border-radius:6px}
.skeptic-take h2{margin-top:0}
.skeptic-byline{color:#7a715a;font-size:13px;font-style:italic}
.skeptic-note{color:#7a715a;font-size:12px;margin-bottom:0}
.reader-theories{margin:18px 0;padding:14px 16px;background:#fffdf5;border:1px solid #e7e0cb;border-radius:6px}
.theories-note{color:#7a715a;font-size:13px;font-style:italic}
.tipjar-row{margin:10px 0}
.tipjar-note{font-size:12px;color:#7a715a;margin-left:8px}
.case-notes{margin:14px 0;padding:10px 12px;background:#fffdf5;border:1px dashed #b3a98c;border-radius:6px}
.case-notes textarea{width:100%;box-sizing:border-box}
.case-notes-title{font-weight:bold;margin:0 0 6px}
.case-notes-hint{font-weight:normal;font-size:12px;color:#7a715a}
.case-notes-saved{color:#3f7d3a;font-size:12px;margin:4px 0 0}
.gavel-row{margin:8px 0}
.comment-sort{margin:8px 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.comment-sort-label{font-size:13px;color:#7a715a}
.comment-reply-btn{background:none;border:none;color:#8a5a44;cursor:pointer;font-size:12px;text-decoration:underline;padding:0}
.reply-note{background:#fffdf5;border:1px solid #e7e0cb;padding:6px 10px;font-size:13px}
.verdict-stamped:after{content:"VERDICT CAST";position:absolute;top:8px;right:10px;color:#b3231e;border:3px solid #b3231e;border-radius:4px;padding:2px 8px;font-weight:bold;font-size:13px;transform:rotate(-8deg);opacity:.85;animation:sihstamp .3s ease-out}
.vote-box{position:relative}
@keyframes sihstamp{0%{transform:rotate(-8deg) scale(2.4);opacity:0}100%{transform:rotate(-8deg) scale(1);opacity:.85}}
.phen-stats{background:#fffdf5;border:1px solid #e7e0cb;padding:8px 12px;border-radius:6px;font-size:14px}
.phen-body h2{margin-top:22px}
.phen-cases ul,.phen-links ul{padding-left:20px}
.phen-believe,.phen-date{color:#7a715a;font-size:12px;margin-left:6px}
.phen-index{padding-left:20px;line-height:2}
.card-share-url{padding:8px;font-size:14px}
.mv-notes{margin-top:20px}
/* [UPD-69 п.14 FIX] author display rules would override the UA
[hidden]{display:none} on these flex rows -- re-assert it. */
.comment-sort[hidden],.reader-tools[hidden],.case-actions[hidden]{display:none}
/* [UPD-69 п.4] the story actions row (Follow / sound / Comments /
Add comment / Reopen) -- one wrapping flex line. */
.case-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}
/* [UPD-69 п.6] pre-footer blocks: the 3 relocated sidebar blocks
side by side above the real footer; own separators. */
.prefooter{border-top:1px solid #e7e0cb;margin-top:26px;padding:16px 0 4px}
.prefooter-inner{display:flex;flex-wrap:wrap;gap:20px;max-width:1100px;margin:0 auto;padding:0 16px}
.prefooter-inner .side-block{flex:1 1 280px;min-width:240px}
/* [UPD-69 п.13] comment permalinks */
.comment-id a{color:inherit;text-decoration:none;border-bottom:1px dotted #b3a98c}
.comment-id a:hover{border-bottom-style:solid}
/* [UPD-70 п.1] the story toolbar: Case Report + Listen + Reading
in one row, wrapping ONLY when it really does not fit. */
.story-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
.story-toolbar .listen-row{display:inline-flex;margin:0}
.story-toolbar .reader-tools{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.listen-row[hidden],.print-row[hidden]{display:none}
/* [UPD-72 п.2 / idea 14] story FAQ block (admin-approved Q/A under the comments) */
.story-faq{margin-top:24px}.story-faq h2{margin-bottom:4px}.story-faq-q{margin:10px 0}
/* [UPD-78 п.8] OWNER EXTRA LINKS — the owner's hand-added links in the
sidebar (and, symmetrically, in the pre-footer bar). Wrap additions in