/* v0.6.37ag — THREADS landing shell defers width/gutter/Hero spacing to global site.css. */
/* JJUS 2026 v1.60.47 — THREADS visualization and public feature experience.
   Page-local ownership: public /threads index, Whole Story, Story Map, and Timeline only. */

/* ---------- THREADS catalog as a signature feature ---------- */
.threads-reader-mode{
  display:inline-flex;width:max-content;margin-top:.35rem;padding:.32rem .62rem;border-radius:999px;
  background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);
  font-size:.68rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase
}
.threads-index-heading{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:1rem;max-width:1040px}
.threads-index-heading h1{margin:0}
.threads-index-heading>p{max-width:940px;font-size:clamp(1rem,1.4vw,1.18rem)}
.threads-signature-intro{
  display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:1.2rem;align-items:stretch;
  margin:0 0 1.25rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--border);
  border-top:5px solid var(--accent);border-radius:20px;background:var(--surface)
}
.threads-signature-intro__copy h2{margin:.25rem 0 .55rem;font-size:clamp(2rem,3.3vw,3.25rem);line-height:.95}
.threads-signature-intro__copy p{max-width:620px;margin:0;color:var(--muted);font-size:.96rem;line-height:1.58}
.threads-signature-intro__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.threads-signature-intro__modes article{padding:.9rem;border:1px solid var(--border);border-radius:14px;background:var(--page-bg)}
.threads-signature-intro__modes strong{display:block;margin-bottom:.32rem;font-family:var(--heading-font);font-size:1.12rem}
.threads-signature-intro__modes span{display:block;color:var(--muted);font-size:.78rem;line-height:1.48}
.threads-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:1rem}
.threads-catalog-card{grid-template-columns:120px minmax(0,1fr);min-height:180px;border-top-width:3px;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.055)}
.threads-catalog-card__body{padding:.9rem 1rem}.threads-catalog-card h2{font-size:1.45rem}
.threads-catalog-card__metrics{gap:.75rem}.threads-catalog-card__poster small{font-size:.57rem}

/* ---------- Standard JJUS reader frame ---------- */
.threads-detail-shell{width:min(calc(100% - 2rem),var(--content-width));max-width:var(--content-width);margin-left:auto;margin-right:auto}
.threads-detail-hero{grid-template-columns:160px minmax(0,1fr);gap:1.2rem;padding:1rem;border-top-width:4px;box-shadow:0 12px 34px rgba(0,0,0,.045)}
.threads-detail-hero__poster{min-height:225px}.threads-detail-hero__copy h1{font-size:clamp(2.45rem,5vw,5rem)}
.threads-detail-hero__copy blockquote{max-width:900px;padding:.65rem .8rem;font-size:.95rem}.threads-detail-metrics span{padding:.34rem .55rem}
.threads-detail-nav{
  position:sticky;top:var(--sticky-offset,0);z-index:16;display:flex;align-items:center;justify-content:space-between;gap:.7rem;
  margin:.8rem 0 1rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:14px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)
}
.threads-detail-tabs{display:flex;flex-wrap:wrap;gap:.25rem}.threads-detail-tabs a{padding:.48rem .72rem;border-radius:9px}
.threads-section-jumps{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem}
.threads-section-jumps a{padding:.36rem .52rem;border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:750;text-decoration:none}
.threads-section-jumps a:hover,.threads-section-jumps a:focus-visible,.threads-section-jumps a.is-current{background:var(--page-bg);color:var(--accent)}

/* ---------- Collapsible reader guide ---------- */
.threads-reader-guide{margin:0 0 1.15rem;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 92%,var(--page-bg));overflow:hidden}
.threads-reader-guide>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;cursor:pointer;list-style:none}
.threads-reader-guide>summary::-webkit-details-marker{display:none}
.threads-reader-guide__heading{display:grid;gap:.2rem}
.threads-reader-guide__heading>strong{font-family:var(--heading-font);font-size:clamp(1.8rem,2.7vw,2.75rem);font-weight:var(--font-display-weight,600);line-height:1}
.threads-reader-guide__toggle{display:inline-flex;align-items:center;gap:.45rem;margin-top:.15rem;padding:.38rem .62rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.threads-reader-guide__toggle::after{content:'+';font-size:1rem;line-height:1}.threads-reader-guide[open] .threads-reader-guide__toggle::after{content:'−'}
.threads-reader-guide__body{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:1.3rem;padding:0 1.35rem 1.25rem}
.threads-reader-guide__instructions{padding-top:.1rem}.threads-reader-guide__instructions p{margin:0 0 .7rem;color:var(--muted);font-size:.9rem;line-height:1.58}
.threads-reader-guide__links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}
.threads-reader-guide__links a{display:inline-flex;padding:.42rem .62rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:850;text-decoration:none}
.threads-reader-guide__links a:hover,.threads-reader-guide__links a:focus-visible,.threads-reader-guide__links a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.threads-reader-guide__glance{padding:1rem 1.1rem;border-top:1px solid var(--border);background:var(--surface)}
.threads-reader-guide__glance p{max-width:1000px;margin:.45rem 0 0;color:var(--muted);font-size:.94rem;line-height:1.62}

/* ---------- Desktop section workspace ---------- */
.threads-story-view{display:grid;gap:.75rem}
.threads-story-section{scroll-margin-top:135px;margin:0;padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}
.threads-collapsible-section>summary{list-style:none;cursor:pointer}.threads-collapsible-section>summary::-webkit-details-marker{display:none}
.threads-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.85rem 1rem;background:var(--surface)}
.threads-section-heading>span:first-child{display:grid;gap:.08rem}
.threads-section-heading h2{margin:.08rem 0 0;font-size:clamp(1.8rem,2.6vw,2.65rem)}
.threads-section-count{display:flex;align-items:baseline;gap:.3rem;min-width:max-content;padding:.38rem .58rem;border-radius:999px;background:var(--page-bg);color:var(--muted)}
.threads-section-count strong{font-family:var(--heading-font);font-size:1.05rem;color:var(--text)}
.threads-section-count small{font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.threads-section-count::after{content:'+';margin-left:.25rem;color:var(--accent);font-size:1.05rem;font-weight:900}.threads-collapsible-section[open] .threads-section-count::after{content:'−'}
.threads-section-content{padding:0 1rem 1rem;border-top:1px solid var(--border)}

/* ---------- Dense, readable card systems ---------- */
.threads-arc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding-top:1rem}
.threads-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding-top:1rem}
.threads-relationship-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding-top:1rem}
.threads-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding-top:1rem}
.threads-secret-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding-top:1rem}
.threads-arc-card,.threads-character-card,.threads-relationship-row,.threads-world-list article,.threads-secret-grid article{min-width:0;border-width:1px;border-radius:13px;box-shadow:none}
.threads-arc-card{min-height:0;padding:.82rem}.threads-character-card{grid-template-columns:52px minmax(0,1fr);min-height:0;padding:.82rem}
.threads-character-card__avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--thread-color);color:#fff;isolation:isolate}
.threads-character-card__avatar.is-empty>span{display:block!important;position:relative;z-index:1;color:#fff!important;font-family:var(--heading-font)!important;font-size:1rem!important;font-weight:900!important;line-height:1!important;letter-spacing:.02em!important;text-transform:uppercase!important}
.threads-character-card__copy>span{color:var(--thread-color);font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.threads-character-card h3{font-size:1.15rem}.threads-character-card p,.threads-arc-card p,.threads-relationship-row p,.threads-world-list p,.threads-secret-grid p{font-size:.8rem;line-height:1.52}
.threads-relationship-row{display:flex;flex-direction:column;min-height:0;padding:.78rem .82rem;border-left:4px solid var(--thread-color)}
.threads-relationship-row__names{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .48rem}
.threads-relationship-row__names strong{font-size:1rem}.threads-relationship-row__names strong:last-child{text-align:left}
.threads-relationship-row__names span{order:0;max-width:100%;padding:.25rem .45rem;background:color-mix(in srgb,var(--thread-color) 10%,var(--page-bg));color:var(--text);white-space:normal}
.threads-relationship-row>small{margin-top:auto;padding-top:.45rem}
.threads-world-list article{padding:.75rem .82rem}.threads-world-list h3{font-size:1.12rem}.threads-world-list p{margin-top:.32rem}
.threads-secret-grid article{padding:.78rem .82rem}

/* Calm truncation with an explicit reveal control. */
[data-thread-expandable]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
[data-thread-expandable].is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}
.threads-expand-control{align-self:flex-start;margin:.35rem 0 0;padding:0;border:0;background:transparent;color:var(--accent);font-size:.7rem;font-weight:850;cursor:pointer}
.threads-expand-control:hover,.threads-expand-control:focus-visible{text-decoration:underline}

/* ---------- Story Map ---------- */
.threads-map-view{padding:.2rem 0 0;border:0;background:transparent}
.threads-map-layout{grid-template-columns:minmax(0,1fr) 300px;gap:1rem}
.threads-map-canvas{background:var(--surface)}
.threads-map-focus{background:var(--surface)}
.threads-map-connection-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;margin-top:.8rem}
.threads-map-connection-list>span{padding:.55rem .65rem;background:var(--surface)}

/* ---------- Desktop timeline: chronological rows across two columns ---------- */
.threads-timeline-view{padding:0;border:0;border-radius:0;background:transparent}
.threads-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0}
.threads-timeline::before{display:none}
.threads-timeline-card{position:relative;scroll-margin-top:135px;min-width:0;padding:1rem;border:1px solid var(--border);border-left:5px solid var(--thread-color);border-radius:14px;background:var(--surface)}
.threads-timeline-card+.threads-timeline-card{border-top:1px solid var(--border)}
.threads-timeline-card__dot{display:none}
.threads-timeline-card h2{font-size:1.24rem}.threads-timeline-card p{font-size:.82rem;line-height:1.55}

/* ---------- Deep-link utility ---------- */
.threads-deep-record{position:relative;scroll-margin-top:135px}.threads-deep-record.is-deep-linked{outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:4px;animation:threads-deep-pulse 1.8s ease-out}
.threads-deep-link-button{display:inline-grid;place-items:center;width:25px;height:25px;margin-left:.35rem;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;vertical-align:middle}
.threads-deep-link-button:hover{background:var(--page-bg);color:var(--accent)}
@keyframes threads-deep-pulse{0%{outline-color:var(--accent)}100%{outline-color:color-mix(in srgb,var(--accent) 20%,transparent)}}

@media(max-width:1320px){
  .threads-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .threads-relationship-list,.threads-arc-grid,.threads-world-grid,.threads-secret-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .threads-signature-intro{grid-template-columns:1fr}.threads-signature-intro__modes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .threads-reader-guide__body{grid-template-columns:1fr}.threads-reader-guide__glance{border-left:0}
  .threads-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .threads-relationship-list,.threads-arc-grid,.threads-world-grid,.threads-secret-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .threads-map-layout{grid-template-columns:1fr}.threads-map-focus{min-height:140px}
  .threads-map-connection-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .threads-detail-shell{width:min(calc(100% - 1rem),100%)}
  .threads-detail-hero{grid-template-columns:100px minmax(0,1fr)}.threads-detail-hero__poster{min-height:150px}
  .threads-detail-nav{position:static;display:grid}.threads-section-jumps{justify-content:flex-start}
  .threads-reader-guide>summary{padding:1rem}.threads-reader-guide__body{padding:0 1rem 1rem}
  .threads-reader-guide__heading>strong{font-size:2rem}.threads-reader-guide__toggle>span{display:none}
  .threads-signature-intro__modes{grid-template-columns:1fr}
  .threads-story-view{gap:.7rem}.threads-section-content{padding:0 .75rem .75rem}
  .threads-character-grid,.threads-arc-grid,.threads-relationship-list,.threads-world-grid,.threads-secret-grid{grid-template-columns:1fr}
  .threads-section-heading{padding:.75rem}.threads-section-heading h2{font-size:1.8rem}.threads-section-count small{display:none}
  .threads-timeline{position:relative;grid-template-columns:1fr;gap:0;padding-left:28px}
  .threads-timeline::before{display:block;content:'';position:absolute;left:10px;top:8px;bottom:8px;width:3px;border-radius:999px;background:linear-gradient(var(--accent),var(--accent-3),var(--accent-2))}
  .threads-timeline-card{padding:1rem 1rem 1rem 1.25rem;border:0;border-left:2px solid var(--thread-color);border-radius:0;background:transparent}
  .threads-timeline-card__dot{display:block;left:-27px;top:1rem}
  .threads-map-canvas{overflow-x:auto}.threads-map-canvas svg{min-width:690px}.threads-map-connection-list{grid-template-columns:1fr}
  [data-thread-expandable]{-webkit-line-clamp:5}
}
@media(max-width:560px){
  .threads-index-heading h1{font-size:4.15rem}.threads-catalog-grid{grid-template-columns:1fr}.threads-catalog-card{grid-template-columns:95px minmax(0,1fr)}
  .threads-detail-hero{grid-template-columns:1fr;padding:.85rem}.threads-detail-hero__poster{width:130px;min-height:190px}
  .threads-detail-tabs{width:100%}.threads-detail-tabs a{flex:1;justify-content:center;padding:.45rem .5rem}.threads-detail-actions{margin-left:0}
}
@media print{
  .threads-reader-guide,.threads-detail-nav,.threads-expand-control{display:none!important}
  .threads-collapsible-section{display:block!important}.threads-collapsible-section>.threads-section-content{display:block!important}
  [data-thread-expandable]{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  .threads-story-view{display:block}.threads-story-section{break-inside:auto;margin-bottom:1rem}
  .threads-timeline{grid-template-columns:1fr 1fr}
}


/* JJUS 2026 v1.60.48 — explicit unlimited character controls */
.threads-map-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 .55rem}
.threads-map-toolbar .threads-map-filters{flex:1;margin:0}
.threads-map-limit-control{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.38rem;min-width:max-content}
.threads-map-limit-control label{color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.threads-map-limit-control select,.threads-map-limit-control button{min-height:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:800 .7rem var(--body-font)}
.threads-map-limit-control select{max-width:220px;padding:.35rem 1.8rem .35rem .65rem}
.threads-map-limit-control button{padding:.38rem .68rem;cursor:pointer}
.threads-map-limit-control button:hover,.threads-map-limit-control button:focus-visible{border-color:var(--accent);color:var(--accent)}
.threads-map-limit-note{margin:0 0 .65rem;padding:.55rem .7rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--muted);font-size:.72rem;line-height:1.45}
.threads-map-limit-note strong{color:var(--text)}
.threads-map-canvas{overflow:auto}
.threads-map-canvas svg{max-width:none}
@media(max-width:760px){
  .threads-map-toolbar{display:grid}.threads-map-limit-control{justify-content:flex-start;min-width:0}.threads-map-limit-control select{max-width:100%;flex:1 1 190px}
}
@media print{.threads-map-limit-control,.threads-map-limit-note{display:none!important}}

/* JJUS 2026 v1.60.53 — public spoiler-count clarity. */
.threads-spoiler-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;width:max-content;max-width:100%;margin:.2rem 0 .75rem;padding:.5rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-left:4px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--page-bg));color:var(--text);text-decoration:none;font-size:.72rem;line-height:1.35}
.threads-spoiler-summary:hover,.threads-spoiler-summary:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--page-bg))}
.threads-spoiler-summary>span{color:var(--accent);font-size:.64rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.threads-spoiler-summary>strong{font-weight:900}.threads-spoiler-summary>em{color:var(--muted);font-style:normal;font-weight:750}
.threads-spoiler-summary>em::after{content:' →';color:var(--accent)}
.threads-spoiler-summary.is-revealed{border-left-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 5%,var(--page-bg))}
.threads-spoiler-summary.is-revealed>span,.threads-spoiler-summary.is-revealed>em::after{color:var(--accent-2)}
.threads-detail-metrics>span.is-partial,.threads-section-count.is-partial{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--page-bg))}
.threads-detail-metrics>span.is-partial strong,.threads-section-count.is-partial strong{font-variant-numeric:tabular-nums}
@media(max-width:560px){.threads-spoiler-summary{width:100%;display:grid;gap:.18rem}.threads-spoiler-summary>em::after{content:' →'}}
@media print{.threads-spoiler-summary{display:none!important}}

/* JJUS 2026 v1.60.54 — catalog returns to the standard page-shell width. */

/* JJUS 2026 v1.60.55 — public THREADS detail pages use the standard centered JJUS content width. */

/* JJUS 2026 v1.62.0 — scalable catalog, Character Guide, and public reader filters. */
.threads-catalog-toolbar{
  display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;
  margin:0 0 1rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)
}
.threads-catalog-toolbar__summary{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.35rem;margin-right:auto}
.threads-catalog-toolbar__summary strong{font:700 1.35rem/1 var(--heading-font);color:var(--text)}
.threads-catalog-toolbar__summary span{color:var(--muted);font-size:.76rem;font-weight:800}
.threads-catalog-toolbar__summary small{grid-column:1/-1;margin-top:.15rem;color:var(--muted);font-size:.66rem}
.threads-catalog-toolbar label,.threads-view-toolbar label{display:grid;gap:.2rem;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.threads-catalog-toolbar select,.threads-catalog-toolbar button,.threads-view-toolbar select,.threads-view-toolbar input{
  min-height:38px;border:1px solid var(--border);border-radius:10px;background:var(--page-bg);color:var(--text);font:750 .76rem var(--body-font)
}
.threads-catalog-toolbar select,.threads-view-toolbar select{padding:.42rem 2rem .42rem .65rem}
.threads-catalog-toolbar button{padding:.48rem .78rem;cursor:pointer}
.threads-catalog-toolbar button:hover,.threads-catalog-toolbar button:focus-visible{border-color:var(--accent);color:var(--accent)}

.threads-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;margin:1.15rem 0 .25rem;padding:.75rem;border-top:1px solid var(--border)}
.threads-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:.35rem .55rem;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.76rem;font-weight:850;text-decoration:none}
.threads-pagination a:hover,.threads-pagination a:focus-visible,.threads-pagination a.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent)}
.threads-pagination a.is-disabled{pointer-events:none;opacity:.4}.threads-pagination__pages{display:flex;align-items:center;gap:.28rem}.threads-pagination__pages span{color:var(--muted)}
.threads-pagination__jump{display:flex;align-items:center;gap:.28rem;margin-left:.2rem}.threads-pagination__jump label{color:var(--muted);font-size:.68rem;font-weight:850}
.threads-pagination__jump input{width:62px;min-height:36px;padding:.35rem .45rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}
.threads-pagination__jump button{min-height:36px;padding:.35rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-weight:850;cursor:pointer}

.threads-view-toolbar{
  display:flex;align-items:flex-end;flex-wrap:wrap;gap:.65rem;margin:0 0 .85rem;padding:.75rem .85rem;
  border:1px solid var(--border);border-radius:14px;background:var(--surface)
}
.threads-view-toolbar__search{flex:1 1 320px}.threads-view-toolbar__search input{width:100%;padding:.48rem .68rem;text-transform:none;letter-spacing:normal}
.threads-view-toolbar__count{display:grid;justify-items:center;min-width:58px;padding:.35rem .55rem;border-radius:10px;background:var(--page-bg)}
.threads-view-toolbar__count strong{font:700 1.2rem/1 var(--heading-font)}.threads-view-toolbar__count span{color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}

.threads-character-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.threads-character-profile{display:flex;flex-direction:column;min-width:0;padding:1rem;border:1px solid var(--border);border-top:4px solid var(--thread-color);border-radius:15px;background:var(--surface)}
.threads-character-profile__header{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.8rem;align-items:center}
.threads-character-profile__avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--thread-color);color:#fff}
.threads-character-profile__avatar img{width:100%;height:100%;object-fit:cover}.threads-character-profile__avatar span{font:800 1.2rem/1 var(--heading-font)}
.threads-character-profile__header>div:last-child>span{color:var(--thread-color);font-size:.63rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.threads-character-profile h2{margin:.14rem 0 0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1}.threads-character-profile__header small{display:block;margin-top:.25rem;color:var(--muted)}
.threads-character-profile__meta{display:flex;flex-wrap:wrap;gap:.3rem;margin:.8rem 0 .55rem}
.threads-character-profile__meta span{padding:.26rem .45rem;border-radius:999px;background:var(--page-bg);color:var(--muted);font-size:.64rem;font-weight:850}
.threads-character-profile__aliases{margin:.2rem 0 .45rem;color:var(--muted);font-size:.74rem}.threads-character-profile__aliases strong{color:var(--text)}
.threads-character-profile__summary{margin:.2rem 0 .65rem;font-size:.88rem;line-height:1.58}
.threads-character-profile__connections{margin-top:auto;padding-top:.65rem;border-top:1px solid var(--border)}
.threads-character-profile__connections>strong{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.62rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.threads-character-profile__connections>div{display:flex;flex-wrap:wrap;gap:.35rem}
.threads-character-profile__connections span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .45rem;border-radius:9px;background:var(--page-bg);font-size:.68rem}
.threads-character-profile__connections small{color:var(--muted)}
.threads-character-profile__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.threads-character-profile__actions a{display:inline-flex;padding:.4rem .58rem;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.68rem;font-weight:850;text-decoration:none}
.threads-character-profile__actions a:hover,.threads-character-profile__actions a:focus-visible{border-color:var(--accent);color:var(--accent)}
.threads-character-guide__empty,.threads-timeline-empty{margin-top:.75rem}

.threads-timeline-toolbar{margin-bottom:.75rem}.threads-timeline-card[hidden],.threads-character-profile[hidden]{display:none!important}

@media(max-width:900px){
  .threads-character-profile-grid{grid-template-columns:1fr}
  .threads-catalog-toolbar{justify-content:flex-start}.threads-catalog-toolbar__summary{flex-basis:100%}
}
@media(max-width:620px){
  .threads-catalog-toolbar label{flex:1 1 140px}.threads-catalog-toolbar select{width:100%}
  .threads-pagination{justify-content:space-between}.threads-pagination__pages{order:3;width:100%;justify-content:center}.threads-pagination__jump{order:4;width:100%;justify-content:center}
  .threads-detail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.threads-detail-tabs a{width:100%}
  .threads-character-profile{padding:.85rem}.threads-character-profile__header{grid-template-columns:58px minmax(0,1fr)}.threads-character-profile__avatar{width:58px;height:58px}
  .threads-view-toolbar label{flex:1 1 100%}.threads-view-toolbar select{width:100%}
}
@media print{
  .threads-catalog-toolbar,.threads-pagination,.threads-view-toolbar,.threads-character-profile__actions{display:none!important}
  .threads-character-profile-grid{grid-template-columns:1fr 1fr}
}
.threads-character-profile__journey{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}
.threads-character-profile__journey>strong{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.62rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.threads-character-profile__journey>div{display:grid;gap:.3rem}
.threads-character-profile__journey a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.38rem .48rem;border-radius:9px;background:color-mix(in srgb,var(--thread-color) 7%,var(--page-bg));color:var(--text);font-size:.7rem;text-decoration:none}
.threads-character-profile__journey a:hover,.threads-character-profile__journey a:focus-visible{background:color-mix(in srgb,var(--thread-color) 13%,var(--page-bg))}
.threads-character-profile__journey small{color:var(--muted);white-space:nowrap}

/* JJUS 2026 v1.62.1 — compact public reader, reusable side panel, restored sticky navigation. */

/* Catalog: remove the oversized feature block and reduce vertical travel. */
.threads-index-heading{gap:.08rem;margin-bottom:.65rem}
.threads-index-heading h1{font-size:clamp(3.4rem,7vw,6.15rem);line-height:.88}
.threads-index-heading>p{margin:.28rem 0 0;max-width:900px;font-size:clamp(.94rem,1.2vw,1.08rem);line-height:1.45}
.threads-reader-mode{margin-top:.18rem;padding:.27rem .56rem}
.threads-signature-intro{display:none}
.threads-signature-strip{
  display:grid;grid-template-columns:minmax(230px,.7fr) minmax(320px,1.15fr) auto;align-items:center;gap:.8rem;
  margin:0 0 .7rem;padding:.72rem .85rem;border:1px solid var(--border);border-top:4px solid var(--accent);
  border-radius:15px;background:var(--surface)
}
.threads-signature-strip h2{margin:.12rem 0 0;font-size:clamp(1.4rem,2vw,2rem);line-height:1}
.threads-signature-strip>p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
.threads-signature-strip__modes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.28rem}
.threads-signature-strip__modes span{padding:.28rem .48rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:850;white-space:nowrap}
.threads-catalog-toolbar{margin-bottom:.65rem;padding:.52rem .65rem;gap:.45rem}
.threads-catalog-toolbar select,.threads-catalog-toolbar button{min-height:34px}
.threads-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem}
.threads-catalog-card{grid-template-columns:102px minmax(0,1fr);min-height:142px;border-radius:14px}
.threads-catalog-card__body{padding:.68rem .75rem}
.threads-catalog-card h2{font-size:1.18rem;line-height:1.05}
.threads-catalog-card__metrics{gap:.55rem}
.threads-catalog-card__poster small{padding:.24rem .35rem;font-size:.52rem}

/* Detail frame: compact hero and a dependable sticky tab row beneath the shared context bar. */
.threads-detail-shell{padding-top:.35rem}
.threads-detail-hero{grid-template-columns:112px minmax(0,1fr);gap:.85rem;padding:.72rem .8rem;margin-bottom:.45rem;border-radius:15px}
.threads-detail-hero__poster{min-height:158px}
.threads-detail-hero__copy h1{font-size:clamp(2.05rem,4vw,3.85rem);line-height:.92}
.threads-detail-hero__copy blockquote{margin:.35rem 0;padding:.45rem .6rem;font-size:.82rem;line-height:1.45}
.threads-detail-metrics{gap:.3rem}.threads-detail-metrics span{padding:.28rem .42rem}
.threads-detail-nav{
  position:sticky!important;top:var(--threads-tabs-sticky-top,0px)!important;z-index:48;
  margin:.4rem 0 .65rem;padding:.35rem .42rem;border-radius:13px;
  box-shadow:0 8px 22px rgba(0,0,0,.07)
}
.threads-detail-tabs{gap:.12rem}
.threads-detail-tabs a{padding:.42rem .62rem;font-size:.78rem}
.threads-section-jumps{margin-left:auto}
.threads-guide-launcher{
  display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.38rem .55rem;border:1px solid var(--border);
  border-radius:9px;background:var(--surface);color:var(--text);font:850 .68rem/1 var(--body-font);cursor:pointer
}
.threads-guide-launcher svg{width:17px;height:17px}.threads-guide-launcher:hover,.threads-guide-launcher:focus-visible{border-color:var(--accent);color:var(--accent)}

/* The old full-width guide no longer occupies the reading canvas. */
.threads-reader-guide{display:none!important}
.threads-side-panel-backdrop{position:fixed;inset:0;z-index:88;background:rgba(19,18,16,.35);backdrop-filter:blur(2px)}
.threads-side-panel{
  position:fixed;top:var(--threads-panel-top,0px);right:0;z-index:89;width:min(430px,calc(100vw - 48px));height:calc(100dvh - var(--threads-panel-top,0px));
  display:grid;grid-template-rows:auto auto minmax(0,1fr);border-left:1px solid var(--border);background:var(--surface);
  box-shadow:-18px 0 46px rgba(0,0,0,.18);transform:translateX(102%);visibility:hidden;transition:transform .24s ease,visibility .24s ease
}
.threads-side-panel.is-open{transform:translateX(0);visibility:visible}
.threads-side-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem .9rem;border-bottom:1px solid var(--border)}
.threads-side-panel__header>div{display:grid;gap:.1rem}.threads-side-panel__header strong{font-family:var(--heading-font);font-size:1.45rem}
.threads-side-panel__close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--page-bg);font-size:1.35rem;cursor:pointer}
.threads-side-panel__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.55rem .65rem;border-bottom:1px solid var(--border)}
.threads-side-panel__tabs button{padding:.55rem .58rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:850 .7rem var(--body-font);cursor:pointer}
.threads-side-panel__tabs button[aria-selected="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--page-bg));color:var(--accent)}
.threads-side-panel__body{overflow:auto;padding:.9rem}
.threads-side-panel__body p{margin:0 0 .75rem;color:var(--muted);font-size:.86rem;line-height:1.58}.threads-side-panel__body p strong{color:var(--text)}
.threads-side-panel__links{display:grid;grid-template-columns:1fr 1fr;gap:.38rem;margin-top:1rem}
.threads-side-panel__links a{padding:.48rem .55rem;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.7rem;font-weight:850;text-align:center;text-decoration:none}
.threads-side-panel__links a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--page-bg));color:var(--accent)}
.threads-side-panel__body h2{margin:.35rem 0 .65rem;font-size:1.75rem;line-height:1}
.threads-side-panel__synopsis{color:var(--muted);font-size:.86rem;line-height:1.62}
body.threads-panel-open{overflow:hidden}

/* Whole Story: denser sections without removing the content hierarchy. */
.threads-story-view{gap:.58rem}
.threads-story-section{border-radius:14px}
.threads-section-heading{padding:.62rem .75rem}.threads-section-heading h2{font-size:clamp(1.45rem,2vw,2.05rem)}
.threads-section-content{padding:0 .72rem .72rem}
.threads-arc-grid,.threads-character-grid,.threads-relationship-list,.threads-world-grid,.threads-secret-grid{padding-top:.72rem;gap:.55rem}
.threads-arc-card,.threads-character-card,.threads-relationship-row,.threads-world-list article,.threads-secret-grid article{padding:.68rem}

/* Character Guide: explicit page-local styling and cache-safe layout. */
body.threads-detail-page .threads-character-guide{display:block;min-width:0}
body.threads-detail-page .threads-view-toolbar{
  display:flex;align-items:flex-end;flex-wrap:wrap;gap:.48rem;margin:0 0 .65rem;padding:.55rem .65rem;
  border:1px solid var(--border);border-radius:12px;background:var(--surface)
}
body.threads-detail-page .threads-view-toolbar label{display:grid;gap:.18rem;color:var(--muted);font-size:.61rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
body.threads-detail-page .threads-view-toolbar input,body.threads-detail-page .threads-view-toolbar select{min-height:35px;border:1px solid var(--border);border-radius:9px;background:var(--page-bg);color:var(--text);font:750 .74rem var(--body-font)}
body.threads-detail-page .threads-view-toolbar__search{flex:1 1 320px}body.threads-detail-page .threads-view-toolbar__search input{width:100%;padding:.42rem .58rem;text-transform:none;letter-spacing:normal}
body.threads-detail-page .threads-view-toolbar__count{display:grid;place-items:center;min-width:54px;padding:.3rem .48rem;border-radius:9px;background:var(--page-bg)}
body.threads-detail-page .threads-character-profile-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}
body.threads-detail-page .threads-character-profile{display:flex!important;flex-direction:column;min-width:0;padding:.78rem;border:1px solid var(--border);border-top:4px solid var(--thread-color);border-radius:13px;background:var(--surface)}
body.threads-detail-page .threads-character-profile[hidden]{display:none!important}
body.threads-detail-page .threads-character-profile__header{display:grid;grid-template-columns:58px minmax(0,1fr);gap:.62rem;align-items:center}
body.threads-detail-page .threads-character-profile__avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;overflow:hidden;background:var(--thread-color);color:#fff}
body.threads-detail-page .threads-character-profile__avatar img{width:100%;height:100%;object-fit:cover}
body.threads-detail-page .threads-character-profile__header>div:last-child>span{color:var(--thread-color);font-size:.58rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
body.threads-detail-page .threads-character-profile h2{margin:.12rem 0 0;font-size:1.35rem;line-height:1}
body.threads-detail-page .threads-character-profile__meta{display:flex;flex-wrap:wrap;gap:.25rem;margin:.55rem 0 .4rem}
body.threads-detail-page .threads-character-profile__meta span{padding:.22rem .38rem;border-radius:999px;background:var(--page-bg);color:var(--muted);font-size:.6rem;font-weight:850}
body.threads-detail-page .threads-character-profile__aliases{margin:.15rem 0 .35rem;color:var(--muted);font-size:.7rem}
body.threads-detail-page .threads-character-profile__summary{margin:.15rem 0 .5rem;font-size:.79rem;line-height:1.5}
body.threads-detail-page .threads-character-profile__journey,body.threads-detail-page .threads-character-profile__connections{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}
body.threads-detail-page .threads-character-profile__journey>strong,body.threads-detail-page .threads-character-profile__connections>strong{display:block;margin-bottom:.32rem;color:var(--muted);font-size:.57rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
body.threads-detail-page .threads-character-profile__journey a{padding:.3rem .4rem;font-size:.65rem}
body.threads-detail-page .threads-character-profile__connections>div{display:grid;grid-template-columns:1fr;gap:.26rem}
body.threads-detail-page .threads-character-profile__connections span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;padding:.3rem .4rem;border-radius:8px;background:var(--page-bg);font-size:.65rem}
body.threads-detail-page .threads-character-profile__connections small{color:var(--muted);text-align:right}
body.threads-detail-page .threads-character-profile__actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.55rem}
body.threads-detail-page .threads-character-profile__actions a{padding:.34rem .45rem;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.63rem;font-weight:850;text-decoration:none}

/* Story Map: fit the focused map on desktop and make relationship labels readable. */
.threads-map-view{padding:0}
.threads-map-toolbar{margin-bottom:.4rem}.threads-map-filters{gap:.28rem}.threads-map-filters button{padding:.38rem .55rem;font-size:.66rem}
.threads-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:.65rem;align-items:stretch}
.threads-map-canvas{min-width:0;overflow:hidden;padding:.2rem;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.threads-map-canvas svg{display:block;width:100%;max-width:100%;height:auto;min-width:0}
.threads-map-canvas.is-scrollable{overflow:auto}.threads-map-canvas.is-scrollable svg{width:auto;max-width:none}
.threads-map-line{stroke:var(--thread-color);stroke-width:3;opacity:.72;transition:opacity .18s ease,stroke-width .18s ease}
.threads-map-line--dotted{stroke-dasharray:3 8}.threads-map-line--dashed{stroke-dasharray:10 8}
.threads-map-line.is-filtered-out,.threads-map-line.is-hidden-category{opacity:.06}.threads-map-node.is-dimmed{opacity:.22}
.threads-map-node circle{fill:var(--thread-color);stroke:var(--surface);stroke-width:5;cursor:pointer}.threads-map-node.is-active circle{stroke:var(--accent-3);stroke-width:8}
.threads-map-node__initial{fill:#fff;font-family:var(--heading-font);font-size:27px;font-weight:800;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.threads-map-node__label{fill:var(--text);font-size:15px;font-weight:850;text-anchor:middle;pointer-events:none}
.threads-map-focus{padding:.78rem;border:1px solid var(--border);border-top:4px solid var(--accent-3);border-radius:13px;background:var(--surface)}
.threads-map-focus>span{color:var(--accent);font-size:.58rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.threads-map-focus h2{margin:.28rem 0 .45rem;font-size:1.45rem}.threads-map-focus p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.5}
.threads-map-connection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.55rem}
.threads-map-connection-list>span{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.58rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.threads-map-connection-list strong{font-size:.78rem;line-height:1.25}.threads-map-connection-list strong:last-child{text-align:right}
.threads-map-connection-list small{padding:.2rem .35rem;border-radius:999px;background:var(--page-bg);color:var(--muted);font-size:.61rem;font-weight:800;text-align:center;white-space:normal}

/* Timeline: restore the visual dotted spine and one dot per card while preserving two desktop columns. */
.threads-timeline-view{padding:0}
.threads-timeline{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem 1.8rem;padding:.2rem 0}
.threads-timeline::before{display:block;content:"";position:absolute;left:50%;top:.45rem;bottom:.45rem;border-left:3px dotted color-mix(in srgb,var(--accent) 65%,var(--border));transform:translateX(-1px)}
.threads-timeline-card{position:relative;padding:.78rem .85rem;border:1px solid var(--border);border-left:1px solid var(--border);border-radius:13px;background:var(--surface)}
.threads-timeline-card+.threads-timeline-card{border-top:1px solid var(--border)}
.threads-timeline-card__dot{display:block;position:absolute;top:1rem;width:15px;height:15px;border:3px solid var(--surface);border-radius:50%;background:var(--thread-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--thread-color) 45%,var(--border))}
.threads-timeline-card:nth-child(odd) .threads-timeline-card__dot{right:-1.34rem}.threads-timeline-card:nth-child(even) .threads-timeline-card__dot{left:-1.34rem}
.threads-timeline-card h2{margin:.28rem 0 .4rem;font-size:1.18rem}.threads-timeline-card p{margin:.25rem 0;font-size:.78rem;line-height:1.5}

@media(max-width:1180px){
  .threads-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.threads-detail-page .threads-character-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .threads-signature-strip{grid-template-columns:1fr 1.2fr}.threads-signature-strip__modes{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:980px){
  .threads-detail-nav{top:var(--threads-tabs-sticky-top,0px)!important}
  .threads-map-layout{grid-template-columns:1fr}.threads-map-focus{min-height:0}
  .threads-map-canvas{overflow:auto}.threads-map-canvas svg{min-width:690px}
  .threads-side-panel{width:min(420px,100vw)}
}
@media(max-width:760px){
  .threads-detail-hero{grid-template-columns:82px minmax(0,1fr);padding:.62rem}.threads-detail-hero__poster{min-height:118px}
  .threads-detail-nav{position:sticky!important;display:flex;align-items:center;overflow-x:auto;top:var(--threads-tabs-sticky-top,0px)!important}
  .threads-detail-tabs{display:flex;flex-wrap:nowrap;min-width:max-content}.threads-detail-tabs a{flex:none;width:auto}
  .threads-section-jumps{display:none}.threads-guide-launcher{margin-left:auto;position:sticky;right:0;background:var(--surface)}
  .threads-side-panel{top:0;width:100vw;height:100dvh;border-left:0}
  .threads-side-panel__header{padding:.75rem}.threads-side-panel__tabs{padding:.45rem}
  .threads-signature-strip{grid-template-columns:1fr;gap:.45rem}.threads-signature-strip__modes{grid-column:auto;justify-content:flex-start}
  .threads-catalog-grid{grid-template-columns:1fr}
  body.threads-detail-page .threads-character-profile-grid{grid-template-columns:1fr}
  .threads-map-connection-list{grid-template-columns:1fr}
  .threads-timeline{grid-template-columns:1fr;gap:.58rem;padding-left:26px}
  .threads-timeline::before{left:9px;top:.4rem;bottom:.4rem;transform:none}
  .threads-timeline-card__dot,.threads-timeline-card:nth-child(odd) .threads-timeline-card__dot,.threads-timeline-card:nth-child(even) .threads-timeline-card__dot{left:-25px;right:auto;top:.9rem}
}
@media(max-width:560px){
  .threads-index-heading h1{font-size:3.55rem}
  .threads-catalog-card{grid-template-columns:88px minmax(0,1fr);min-height:126px}
  .threads-detail-hero{grid-template-columns:1fr}.threads-detail-hero__poster{display:none}
  .threads-side-panel__links{grid-template-columns:1fr}
}
@media print{
  .threads-guide-launcher,.threads-side-panel,.threads-side-panel-backdrop{display:none!important}
  .threads-timeline::before,.threads-timeline-card__dot{display:none!important}
}

/* JJUS 2026 v1.62.3 — in-place public tab navigation and a balanced two-sided timeline. */
.threads-tab-stage{position:relative;min-height:18rem;transition:opacity .16s ease}
.threads-tab-stage.is-loading{opacity:.5;pointer-events:none;cursor:progress}
.threads-detail-nav.is-loading{cursor:progress}
.threads-detail-nav.is-loading .threads-detail-tabs a{pointer-events:none}

/* Keep every desktop timeline marker on the shared center spine. Explicit left/right
   resets prevent older responsive rules from leaving markers at the outer page edge. */
.threads-timeline::before{z-index:0}
.threads-timeline-card{z-index:1}
.threads-timeline-card__dot{z-index:3}
.threads-timeline-card--left .threads-timeline-card__dot{
  left:auto!important;right:-1.37rem!important
}
.threads-timeline-card--right .threads-timeline-card__dot{
  left:-1.37rem!important;right:auto!important
}
.threads-timeline-card::after{
  content:"";position:absolute;top:1.44rem;width:.9rem;border-top:2px dotted color-mix(in srgb,var(--thread-color) 58%,var(--border));z-index:2
}
.threads-timeline-card--left::after{left:100%}
.threads-timeline-card--right::after{right:100%}

@media(max-width:760px){
  .threads-timeline-card::after{display:none}
  .threads-timeline-card--left .threads-timeline-card__dot,
  .threads-timeline-card--right .threads-timeline-card__dot{
    left:-25px!important;right:auto!important
  }
}

@media(prefers-reduced-motion:reduce){
  .threads-tab-stage{transition:none}
}


/* JJUS 2026 v1.62.3 — episode-grouped timeline and compact Threads catalog closeout. */
body.threads-index-page .threads-index-heading{margin-bottom:.55rem}
body.threads-index-page .threads-catalog-toolbar{margin-top:0}

.threads-timeline-toolbar .threads-view-toolbar__search{flex:1 1 320px}
.threads-timeline-toolbar label:not(.threads-view-toolbar__search){flex:0 1 180px}
.threads-timeline-group-heading{
  position:relative;z-index:4;grid-column:1/-1;margin:.25rem 0 -.02rem;padding:.42rem .7rem;
  border:1px solid var(--border);border-radius:999px;background:var(--page-bg);color:var(--muted);
  font-family:var(--body-font);font-size:.68rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase
}
.threads-timeline-group-heading::after{
  content:"";position:absolute;left:50%;top:100%;height:.45rem;border-left:3px dotted color-mix(in srgb,var(--accent) 65%,var(--border));transform:translateX(-1px)
}
.threads-timeline[data-thread-timeline-view="episode"] .threads-timeline-card__episode{display:none}
.threads-timeline[data-thread-timeline-view="story"] .threads-timeline-card__episode{display:inline-flex}

@media(max-width:980px){
  .threads-timeline-toolbar .threads-view-toolbar__search{flex:1 1 100%}
  .threads-timeline-toolbar label:not(.threads-view-toolbar__search){flex:1 1 150px}
}
@media(max-width:760px){
  .threads-timeline-group-heading{margin-left:-26px;padding-left:.72rem}
  .threads-timeline-group-heading::after{left:34px;transform:none}
}


/* JJUS 2026 v1.63.0 — keep episode-grouped timeline dots on the center spine. */
@media(min-width:761px){
  .threads-timeline-card--left{grid-column:1}
  .threads-timeline-card--right{grid-column:2}
  .threads-timeline-card--left .threads-timeline-card__dot{left:auto!important;right:-1.37rem!important}
  .threads-timeline-card--right .threads-timeline-card__dot{left:-1.37rem!important;right:auto!important}
}
@media(max-width:760px){
  .threads-timeline-card--left,.threads-timeline-card--right{grid-column:1}
}


/* JJUS v1.63.0 — shared reader panel integration and Threads closeout enrichments. */
.threads-guide-launcher{margin-left:0}.threads-reader-panel-links{display:grid;grid-template-columns:1fr 1fr;gap:.38rem;margin-top:1rem}.threads-reader-panel-links a{padding:.48rem .55rem;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.7rem;font-weight:850;text-align:center;text-decoration:none}.threads-reader-panel-links a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--page-bg));color:var(--accent)}
.threads-reader-panel-glance h2{margin:.3rem 0 .7rem;font-size:1.65rem}.threads-reader-panel-glance>div{color:var(--muted);font-size:.86rem;line-height:1.62}
.threads-character-profile__affiliations{display:grid;gap:.35rem;padding-top:.55rem;border-top:1px solid var(--border)}.threads-character-profile__affiliations>strong{font-size:.61rem;letter-spacing:.07em;text-transform:uppercase}.threads-character-profile__affiliations>div{display:grid;gap:.28rem}.threads-character-profile__affiliations span{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.38rem;align-items:center;padding:.36rem .45rem;border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,var(--page-bg))}.threads-character-profile__affiliations b{font-size:.69rem}.threads-character-profile__affiliations small,.threads-character-profile__affiliations em{color:var(--muted);font-size:.58rem;font-style:normal;text-align:right}
.threads-map-legend{margin:.48rem 0;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.threads-map-legend>summary{display:flex;align-items:center;gap:.45rem;padding:.5rem .65rem;cursor:pointer;list-style:none;font-size:.72rem;font-weight:900}.threads-map-legend>summary::-webkit-details-marker{display:none}.threads-map-legend>summary small{color:var(--muted);font-weight:650}.threads-map-legend>summary::after{content:'+';margin-left:auto}.threads-map-legend[open]>summary::after{content:'−'}.threads-map-legend__body{display:grid;gap:.55rem;padding:0 .65rem .65rem;border-top:1px solid var(--border)}.threads-map-legend__categories,.threads-map-legend__lines{display:flex;flex-wrap:wrap;gap:.38rem;padding-top:.55rem}.threads-map-legend__categories span,.threads-map-legend__lines span{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .4rem;border-radius:999px;background:var(--page-bg);color:var(--muted);font-size:.61rem;font-weight:750}.threads-map-legend__categories i{width:10px;height:10px;border-radius:50%;background:var(--legend-color)}.threads-map-legend__lines i{width:22px;border-top:2px solid var(--accent)}.threads-map-legend__lines i.is-dashed{border-top-style:dashed}.threads-map-legend__lines i.is-dotted{border-top-style:dotted}.threads-map-legend__body p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.45}
.threads-map-connection-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;width:100%;padding:.58rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.threads-map-connection-list>button:hover,.threads-map-connection-list>button:focus-visible,.threads-map-connection-list>button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.threads-map-connection-list button strong{font-size:.78rem;line-height:1.25;text-align:left}.threads-map-connection-list button strong:last-child{text-align:right}.threads-map-connection-list button small{padding:.2rem .35rem;border-radius:999px;background:var(--page-bg);color:var(--muted);font-size:.61rem;font-weight:800;text-align:center;white-space:normal}.threads-map-node.is-pair-focus circle{stroke:var(--accent-3);stroke-width:8}.threads-map-line.is-pair-focus{opacity:1!important;stroke-width:5!important}
.threads-timeline-card__participants{margin:.45rem 0 0!important;padding-top:.4rem;border-top:1px solid var(--border);color:var(--muted);font-size:.66rem!important;line-height:1.45!important}.threads-timeline-card__participants strong{color:var(--text)}
@media(max-width:760px){.threads-reader-panel-links{grid-template-columns:1fr}.threads-character-profile__affiliations span{grid-template-columns:1fr auto}.threads-character-profile__affiliations small{grid-column:1/-1;text-align:left}}

/* JJUS 2026 v1.67.1 — long timelines use one unambiguous reading lane.
   Episode order remains the default. Flashbacks stay inside the episode in
   which the audience sees them; Story chronology remains an alternate view. */
.threads-timeline-detail-toggle{
  align-self:end;min-height:42px;padding:.58rem .78rem;border:1px solid var(--border);
  border-radius:10px;background:var(--surface);color:var(--text);font:inherit;
  font-size:.7rem;font-weight:900;cursor:pointer;white-space:nowrap
}
.threads-timeline-detail-toggle:hover,.threads-timeline-detail-toggle:focus-visible{
  border-color:var(--accent);color:var(--accent)
}
.threads-timeline-detail-toggle:disabled{cursor:not-allowed;opacity:.5}
.threads-timeline{
  position:relative!important;display:block!important;padding:.15rem 0 .25rem 2.8rem!important
}
.threads-timeline::before{
  display:block!important;content:"";position:absolute;z-index:0;left:1.02rem!important;
  top:.75rem!important;bottom:.75rem!important;width:2px;border:0!important;
  background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 76%,transparent),color-mix(in srgb,var(--accent-3) 58%,transparent),color-mix(in srgb,var(--accent-2) 62%,transparent));
  transform:none!important
}
.threads-timeline-group-heading{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  margin:.8rem 0 .42rem -2.8rem!important;padding:.48rem .7rem .48rem 2.75rem!important;
  border:1px solid var(--border);border-radius:11px;background:var(--page-bg);color:var(--text);
  font-family:var(--body-font);font-size:.7rem;font-weight:950;letter-spacing:.07em;line-height:1.2;text-transform:uppercase
}
.threads-timeline-group-heading:first-child{margin-top:.18rem!important}
.threads-timeline-group-heading::before{
  content:"";position:absolute;left:.69rem;top:50%;width:.7rem;height:.7rem;border:3px solid var(--page-bg);
  border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-50%)
}
.threads-timeline-group-heading::after{display:none!important}
.threads-timeline-group-heading small{
  color:var(--muted);font-family:var(--body-font);font-size:.61rem;font-weight:800;letter-spacing:0;text-transform:none
}
details.threads-timeline-card{
  position:relative!important;z-index:1;display:block!important;grid-column:auto!important;margin:0 0 .46rem!important;
  padding:0!important;border:1px solid var(--border)!important;border-left:4px solid var(--thread-color)!important;
  border-radius:12px!important;background:var(--surface)!important;overflow:visible
}
details.threads-timeline-card[hidden]{display:none!important}
.threads-timeline-card__summary{
  position:relative;display:grid;grid-template-columns:2.15rem minmax(0,1fr) auto;gap:.68rem;align-items:center;
  min-height:66px;padding:.58rem .68rem;cursor:pointer;list-style:none
}
.threads-timeline-card__summary::-webkit-details-marker{display:none}
.threads-timeline-card__summary::marker{content:""}
.threads-timeline-card__dot{
  display:block!important;position:absolute!important;z-index:3;left:-2.41rem!important;right:auto!important;top:50%!important;
  width:13px!important;height:13px!important;border:3px solid var(--page-bg)!important;border-radius:50%;
  background:var(--thread-color)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--thread-color) 45%,var(--border));transform:translateY(-50%)
}
.threads-timeline-card::after{
  display:block!important;content:"";position:absolute;left:-1.94rem!important;right:auto!important;top:32px!important;
  width:1.94rem!important;height:1px;background:color-mix(in srgb,var(--thread-color) 48%,var(--border))
}
.threads-timeline-card__sequence{
  display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:9px;
  background:color-mix(in srgb,var(--thread-color) 9%,var(--page-bg));color:var(--thread-color);
  font-size:.68rem;font-weight:950;font-variant-numeric:tabular-nums
}
.threads-timeline-card__heading{display:block;min-width:0}
.threads-timeline-card__heading h2{margin:.18rem 0 0!important;font-size:1.08rem!important;line-height:1.25}
.threads-timeline-card__toggle{
  display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid var(--border);border-radius:50%;
  color:var(--muted);font-size:1rem;font-weight:700;transition:transform .16s ease
}
.threads-timeline-card[open] .threads-timeline-card__toggle{transform:rotate(45deg);color:var(--accent)}
.threads-timeline-card__meta{display:flex!important;flex-wrap:wrap;gap:.28rem .45rem;align-items:center}
.threads-timeline-card__meta>*{font-size:.6rem!important}
.threads-timeline-card__flashback{
  padding:.14rem .34rem;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 12%,var(--page-bg));
  color:var(--accent-2)!important;font-weight:900!important;letter-spacing:.04em;text-transform:uppercase
}
.threads-timeline-card__body{padding:0 3.55rem .72rem 3.5rem;border-top:1px solid var(--border)}
.threads-timeline-card__body>p:first-child{margin:.65rem 0 .35rem!important;font-size:.79rem!important;line-height:1.55!important}
.threads-timeline-card__body>small{display:block;margin-top:.35rem;color:var(--muted);font-size:.64rem}
.threads-timeline-card__participants{font-size:.67rem!important}
.threads-timeline[data-thread-timeline-view="episode"] .threads-timeline-card__episode{display:none!important}
.threads-timeline[data-thread-timeline-view="story"] .threads-timeline-card__episode{display:inline-flex!important}

@media(max-width:980px){
  .threads-timeline-detail-toggle{flex:1 1 150px}
}
@media(max-width:760px){
  .threads-timeline{padding-left:2.15rem!important}
  .threads-timeline::before{left:.72rem!important}
  .threads-timeline-group-heading{margin-left:-2.15rem!important;padding-left:2.15rem!important}
  .threads-timeline-group-heading::before{left:.39rem}
  .threads-timeline-card__summary{grid-template-columns:1.9rem minmax(0,1fr) auto;gap:.55rem;padding:.55rem}
  .threads-timeline-card__sequence{width:1.9rem;height:1.9rem}
  .threads-timeline-card__dot{left:-1.9rem!important}
  .threads-timeline-card::after{left:-1.43rem!important;width:1.43rem!important}
  .threads-timeline-card__body{padding:0 .7rem .68rem 3rem}
}
@media print{
  .threads-timeline-detail-toggle{display:none!important}
  details.threads-timeline-card>.threads-timeline-card__body{display:block!important}
  .threads-timeline-card__toggle{display:none!important}
}

/* JJUS 2026 v1.67.2 — visible public counts, focused Whole Story navigation,
   compact unconnected characters, sticky Map/Timeline controls, and long-page return. */
.threads-detail-nav{z-index:40}
.threads-section-jumps{
  align-items:center;gap:.32rem;margin-left:auto;padding:.26rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));
  border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 4px 14px rgba(0,0,0,.035)
}
.threads-section-jumps__label{
  padding:0 .34rem;color:var(--muted);font-size:.58rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase
}
.threads-section-jumps a{
  padding:.38rem .58rem;border:1px solid transparent;border-radius:999px;color:color-mix(in srgb,var(--text) 78%,var(--accent));
  font-size:.7rem;font-weight:900;line-height:1;text-decoration:none
}
.threads-section-jumps a:hover,.threads-section-jumps a:focus-visible{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--surface);color:var(--accent)
}
.threads-section-jumps a.is-current{
  border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 24%,transparent)
}

body.threads-detail-page .threads-character-profile-grid{align-items:start}
body.threads-detail-page .threads-character-profile.is-unconnected{
  align-self:start;padding:.66rem;border-top-width:2px;background:color-mix(in srgb,var(--page-bg) 70%,var(--surface));box-shadow:none
}
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__header{
  grid-template-columns:48px minmax(0,1fr);gap:.52rem
}
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__avatar{width:48px;height:48px}
body.threads-detail-page .threads-character-profile.is-unconnected h2{font-size:1.18rem}
body.threads-detail-page .threads-character-profile__meta span.is-unconnected{
  background:color-mix(in srgb,var(--muted) 11%,var(--surface));color:var(--muted)
}
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__affiliations,
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__journey,
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__connections{display:none}
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__summary{
  margin-bottom:.28rem;-webkit-line-clamp:3;font-size:.74rem
}
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__actions{margin-top:.15rem;padding-top:.25rem}
body.threads-detail-page .threads-character-profile.is-unconnected .threads-character-profile__actions a{border:0;padding:.2rem 0;color:var(--accent)}

.threads-map-toolbar,.threads-timeline-toolbar{
  position:sticky;top:var(--threads-workspace-sticky-top,76px);z-index:30;margin:0 0 .6rem;padding:.55rem .62rem;
  border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 95%,transparent);
  box-shadow:0 10px 24px rgba(0,0,0,.07);backdrop-filter:blur(12px)
}
.threads-map-filters button:not(.is-active){background:var(--surface);color:var(--text)}
.threads-map-filters button:hover,.threads-map-filters button:focus-visible{border-color:var(--accent);color:var(--accent)}
.threads-timeline-toolbar{gap:.5rem}

.threads-back-to-top{
  position:fixed;z-index:38;right:1.1rem;bottom:1.1rem;display:flex;align-items:center;gap:.34rem;
  min-height:42px;padding:.55rem .72rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:999px;
  background:var(--accent);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);font:inherit;font-size:.72rem;font-weight:900;
  cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .16s ease,transform .16s ease
}
.threads-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.threads-back-to-top:hover,.threads-back-to-top:focus-visible{background:color-mix(in srgb,var(--accent) 82%,#000);outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:3px}
.threads-back-to-top span{font-size:1rem;line-height:1}

@media(max-width:1180px){
  .threads-detail-nav{align-items:flex-start;flex-wrap:wrap}
  .threads-section-jumps{order:3;width:100%;justify-content:flex-start;overflow-x:auto;border-radius:11px}
  .threads-section-jumps a{flex:none}
}
@media(max-width:760px){
  .threads-section-jumps{display:none}
  .threads-map-toolbar,.threads-timeline-toolbar{top:var(--threads-workspace-sticky-top,58px);border-radius:10px}
  .threads-back-to-top{right:.7rem;bottom:.7rem;width:42px;height:42px;min-height:42px;padding:0;justify-content:center}
  .threads-back-to-top strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.threads-back-to-top{transition:none}}
@media print{.threads-back-to-top{display:none!important}.threads-map-toolbar,.threads-timeline-toolbar{position:static!important;box-shadow:none}}

/* Daedrama v0.6.25 — original THREADS, adapted to the rebuilt public theme. */
body.threads-index-page,body.threads-detail-page{
  --page-bg:var(--page,#0c1418);
  --content-width:var(--wide-max,1560px);
  --heading-font:var(--font-display,Georgia,serif);
  --body-font:var(--font-body,system-ui,sans-serif);
  --accent-2:var(--accent,var(--primary,#159a98));
}
.threads-index-shell,.threads-detail-shell{color:var(--text)}
.threads-catalog-card{display:grid;overflow:hidden;border:1px solid var(--border);background:var(--surface);color:var(--text)}
.threads-catalog-card__poster{position:relative;display:block;min-height:100%;overflow:hidden;background:var(--raised);text-decoration:none}
.threads-catalog-card__poster img{display:block;width:100%;height:100%;min-height:142px;object-fit:cover}
.threads-catalog-card__poster>span{display:grid;place-items:center;width:100%;height:100%;min-height:142px;font-family:var(--font-display);font-size:3rem;color:var(--muted)}
.threads-catalog-card__poster small{position:absolute;left:.45rem;bottom:.45rem;padding:.28rem .42rem;border-radius:999px;background:rgba(8,12,14,.78);color:#fff;font-family:var(--font-ui);font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.threads-catalog-card__body{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.threads-catalog-card__body h2{margin:.22rem 0 .4rem;font-family:var(--font-display)}
.threads-catalog-card__body h2 a{text-decoration:none}
.threads-catalog-card__metrics{display:flex;flex-wrap:wrap;gap:.3rem .75rem;margin:.2rem 0 .6rem;color:var(--muted);font-family:var(--font-ui);font-size:.7rem}
.threads-catalog-card__metrics strong{color:var(--primary)}
.threads-catalog-card__body .text-link{margin-top:auto}
.threads-drama-context{width:min(calc(100% - var(--shell-gutter,2rem)),var(--wide-max,1560px));margin:1rem auto .4rem}
.threads-detail-hero,.threads-story-section,.threads-character-profile,.threads-map-canvas,.threads-map-focus,.threads-timeline-card{background:var(--surface)}
.threads-detail-nav{z-index:48;display:flex;align-items:center;gap:.45rem;justify-content:flex-start}
.threads-detail-tabs{min-width:max-content}
.threads-detail-tabs a{display:inline-flex;align-items:center;color:var(--muted);font-family:var(--font-ui);font-weight:800;text-decoration:none}
.threads-detail-tabs a:hover,.threads-detail-tabs a:focus-visible,.threads-detail-tabs a.is-active{background:var(--primary-soft);color:var(--primary)}
.threads-sticky-spoiler-toggle{display:inline-flex;align-items:center;gap:.38rem;flex:none;margin-left:auto;padding:.44rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--raised);color:var(--muted);font-family:var(--font-ui);font-size:.72rem;text-decoration:none;white-space:nowrap}
.threads-sticky-spoiler-toggle>span{color:var(--primary)}
.threads-sticky-spoiler-toggle:hover,.threads-sticky-spoiler-toggle:focus-visible{border-color:var(--primary);color:var(--text)}
.threads-sticky-spoiler-toggle.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.threads-section-jumps{order:3}
.threads-detail-metrics span,.threads-section-count,.threads-character-profile__meta span,.threads-name-list span{background:var(--raised)}
.threads-detail-metrics small,.threads-section-count small,.threads-character-profile p,.threads-map-focus p,.threads-timeline-card__body p{color:var(--muted)}
.threads-map-line{stroke:var(--thread-color,var(--primary))}
@media(max-width:760px){.threads-sticky-spoiler-toggle{position:sticky;right:0;margin-left:auto;background:var(--surface)}.threads-detail-nav{flex-wrap:nowrap!important}.threads-section-jumps{display:none!important}}
@media(prefers-reduced-motion:reduce){.threads-side-panel,.threads-tab-stage,.threads-map-node,.threads-timeline-card__toggle{transition:none!important}}

/* Daedrama v0.6.26 — public THREADS visual merge.
   Restores the rebuilt v0.6.23/v0.6.24 public language while keeping the
   richer v0.6.25 Whole Story / Character Guide / Story Map / Timeline engine. */
body.threads-detail-page{
  --threads-public-max:var(--wide-max,1560px);
  --threads-card-bg:var(--surface,#181c1f);
  --threads-raised:var(--raised,#202529);
}
.threads-detail-shell{
  width:min(calc(100% - var(--shell-gutter,2rem)),var(--threads-public-max));
  max-width:var(--threads-public-max);
  margin:0 auto;
  color:var(--text);
}

/* Landscape editorial hero — same public direction as the first rebuild. */
.threads-hero--detail{
  position:relative;
  min-height:clamp(360px,44vw,610px);
  margin:.45rem 0 1rem;
  border:1px solid var(--border);
  border-radius:24px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  isolation:isolate;
  background:var(--raised);
}
.threads-hero--detail>img{
  position:absolute;inset:0;z-index:-3;
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
.threads-hero--detail .threads-hero__shade{
  position:absolute;inset:0;z-index:-2;
  background:linear-gradient(90deg,rgba(7,12,15,.94) 0%,rgba(7,12,15,.78) 38%,rgba(7,12,15,.40) 68%,rgba(7,12,15,.10) 100%);
}
.threads-hero--detail .threads-hero__content{
  width:min(850px,86%);
  padding:clamp(1.5rem,4vw,3.6rem);
  color:#fff;
}
.threads-hero--detail .eyebrow{color:#77d6d2}
.threads-hero--detail h1{
  max-width:12ch;margin:.4rem 0 .65rem;
  color:#fff;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.9;
}
.threads-hero__original{margin:0 0 .55rem;color:rgba(255,255,255,.78);font-size:.95rem}
.threads-hero--detail .threads-meta{margin:.25rem 0 .75rem;color:rgba(255,255,255,.78)}
.threads-hero__premise{max-width:68ch;margin:.5rem 0 1rem;color:rgba(255,255,255,.94);font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.58}
.threads-hero--detail .threads-detail-metrics{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.9rem}
.threads-hero--detail .threads-detail-metrics>span{
  display:inline-flex;align-items:baseline;gap:.28rem;
  padding:.38rem .58rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;
  background:rgba(8,12,14,.48);color:#fff;backdrop-filter:blur(8px)
}
.threads-hero--detail .threads-detail-metrics strong{color:#fff;font-size:.92rem}
.threads-hero--detail .threads-detail-metrics small{color:rgba(255,255,255,.72);font-size:.58rem;letter-spacing:.055em;text-transform:uppercase}
.threads-hero--detail .threads-detail-metrics>span.is-partial{border-color:rgba(119,214,210,.7);background:rgba(22,83,82,.48)}

/* Connected drama navigation remains part of the rebuilt public shell. */
.threads-drama-context{width:min(calc(100% - var(--shell-gutter,2rem)),var(--threads-public-max));margin:1rem auto .55rem}

/* Sticky THREADS workspace bar — views + spoiler mode in one place. */
.threads-detail-nav{
  position:sticky;top:var(--site-header-offset,74px);z-index:48;
  display:flex;align-items:center;gap:.45rem;
  margin:.75rem 0 1.1rem;padding:.62rem 0;
  border:0;border-bottom:1px solid var(--border);border-radius:0;
  background:color-mix(in srgb,var(--page) 94%,transparent);backdrop-filter:blur(14px)
}
.threads-detail-tabs{display:flex;align-items:center;gap:.35rem;min-width:max-content;overflow-x:auto;scrollbar-width:none}
.threads-detail-tabs::-webkit-scrollbar{display:none}
.threads-detail-tabs a{
  min-height:40px;padding:.48rem .74rem;border:1px solid var(--border);border-radius:999px;
  background:var(--surface);color:var(--muted);font-family:var(--font-ui);font-size:.84rem;font-weight:800;text-decoration:none;white-space:nowrap
}
.threads-detail-tabs a:hover,.threads-detail-tabs a:focus-visible,.threads-detail-tabs a.is-active{
  border-color:var(--primary);background:var(--primary-soft);color:var(--text)
}
.threads-sticky-spoiler-toggle{
  min-height:40px;margin-left:auto;padding:.48rem .72rem;border:1px solid var(--border);border-radius:999px;
  background:var(--surface);color:var(--muted);font-family:var(--font-ui);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap
}
.threads-sticky-spoiler-toggle>span{color:var(--primary)}
.threads-sticky-spoiler-toggle:hover,.threads-sticky-spoiler-toggle:focus-visible{border-color:var(--primary);color:var(--text)}
.threads-sticky-spoiler-toggle.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.threads-section-jumps{display:none}

/* Whole Story returns to the roomier rebuilt editorial rhythm. */
.threads-tab-stage{min-width:0}
.threads-story-view{display:grid;gap:1rem}
.threads-story-section{
  scroll-margin-top:145px;margin:0;border:1px solid var(--border);border-radius:18px;
  background:var(--surface);overflow:hidden
}
.threads-section-heading{padding:1rem 1.15rem}
.threads-section-heading h2{font-size:clamp(2.05rem,3.6vw,3.6rem);line-height:.96}
.threads-section-heading .section-eyebrow{color:var(--primary);font-family:var(--font-ui);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.threads-section-count{background:var(--raised)}
.threads-section-content{padding:1.15rem;border-top:1px solid var(--border)}

.threads-arc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;padding:0}
.threads-character-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;padding:0}
.threads-relationship-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:.9rem;padding:0}
.threads-world-grid,.threads-secret-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;padding:0}
.threads-arc-card,.threads-character-card,.threads-relationship-row,.threads-world-list article,.threads-secret-grid article{
  border:1px solid var(--border);border-radius:16px;background:var(--raised);padding:1.05rem;box-shadow:none
}
.threads-arc-card{border-left:5px solid var(--thread-color);min-height:180px}
.threads-arc-card h3{font-size:1.55rem}.threads-arc-card p{font-size:.9rem;line-height:1.6}
.threads-character-card{grid-template-columns:64px minmax(0,1fr);gap:.85rem;min-height:150px;border-top:4px solid var(--thread-color)}
.threads-character-card__avatar{width:64px;height:64px}
.threads-character-card h3{font-size:1.35rem}.threads-character-card p{font-size:.86rem;line-height:1.55}
.threads-relationship-row{border-left:5px solid var(--thread-color)}
.threads-relationship-row__names{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.65rem;align-items:center}
.threads-relationship-row__names strong{font-size:1rem}.threads-relationship-row__names strong:last-child{text-align:right}
.threads-relationship-row p{font-size:.88rem;line-height:1.58}
.threads-world-list h3,.threads-secret-grid h3{font-size:1.35rem}.threads-world-list p,.threads-secret-grid p{font-size:.88rem;line-height:1.58}

/* Character Guide keeps the deeper original functionality but matches Daedrama cards. */
.threads-view-toolbar{margin:0 0 1rem;padding:.85rem;border-radius:14px;background:var(--surface)}
.threads-character-profile-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:1rem}
.threads-character-profile{padding:1.1rem;border-radius:16px;background:var(--surface)}
.threads-character-profile h2{font-size:clamp(1.6rem,2.2vw,2.15rem)}
.threads-character-profile__summary{font-size:.92rem;line-height:1.62}

/* Story Map and Timeline inherit the rebuilt surface language rather than legacy page styling. */
.threads-map-view,.threads-timeline-view{color:var(--text)}
.threads-map-toolbar,.threads-timeline-toolbar{
  border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(12px)
}
.threads-map-canvas,.threads-map-focus,.threads-timeline-card{border-color:var(--border);background:var(--surface)}
.threads-map-connection-list>button{background:var(--surface)}
.threads-timeline-card{border-radius:16px}
.threads-timeline-card h2{font-size:1.35rem}.threads-timeline-card__body p{font-size:.9rem;line-height:1.6}

@media(max-width:900px){
  .threads-hero--detail{min-height:430px}
  .threads-hero--detail .threads-hero__content{width:94%}
  .threads-hero--detail .threads-hero__shade{background:linear-gradient(0deg,rgba(7,12,15,.96) 0%,rgba(7,12,15,.64) 58%,rgba(7,12,15,.16) 100%)}
  .threads-detail-nav{top:var(--site-header-offset,64px)}
}
@media(max-width:720px){
  .threads-detail-shell,.threads-drama-context{width:min(calc(100% - 1.25rem),var(--threads-public-max))}
  .threads-hero--detail{min-height:390px;border-radius:18px}
  .threads-hero--detail .threads-hero__content{width:100%;padding:1.25rem}
  .threads-hero--detail h1{font-size:clamp(2.8rem,15vw,4.7rem)}
  .threads-detail-nav{gap:.35rem;overflow-x:auto;scrollbar-width:none}
  .threads-detail-tabs{overflow:visible}
  .threads-sticky-spoiler-toggle{position:sticky;right:0;z-index:2;margin-left:auto;background:var(--surface)}
  .threads-relationship-row__names{grid-template-columns:1fr;text-align:left}
  .threads-relationship-row__names strong:last-child{text-align:left}
}
@media(prefers-reduced-motion:reduce){.threads-hero--detail,.threads-detail-tabs a{transition:none!important}}


/* Daedrama v0.6.27 — public THREADS quiet-body restore.
   Visual target: the rebuilt v0.6.23/v0.6.24 public THREADS language.
   Keeps the v0.6.25+ Whole Story / Character Guide / Story Map / Timeline engine,
   but removes the heavier legacy presentation that slipped back in. */

body.threads-detail-page .threads-tab-stage{
  width:100%;min-width:0;
}

/* Whole Story: sections are content bands, not giant dashboard panels. */
body.threads-detail-page .threads-story-view{
  display:block;
}
body.threads-detail-page .threads-story-section{
  margin:0;
  padding:0;
  border:0;
  border-top:1px solid var(--border);
  border-radius:0;
  background:transparent;
  overflow:visible;
  scroll-margin-top:150px;
}
body.threads-detail-page .threads-story-section:first-child{
  border-top:0;
}
body.threads-detail-page .threads-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  padding:clamp(1.35rem,2.4vw,2rem) 0 .8rem;
  background:transparent;
}
body.threads-detail-page .threads-section-heading>span:first-child{
  display:block;
}
body.threads-detail-page .threads-section-heading .section-eyebrow{
  display:block;
  margin:0 0 .18rem;
  color:var(--primary);
  font-family:var(--font-ui);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.threads-detail-page .threads-section-heading h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(2rem,3.3vw,3.15rem);
  font-weight:var(--font-display-weight,600);
  line-height:.98;
}
body.threads-detail-page .threads-section-count{
  display:inline-flex;
  align-items:baseline;
  gap:.28rem;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--primary);
}
body.threads-detail-page .threads-section-count strong{
  color:var(--primary);
  font-family:var(--font-body);
  font-size:.94rem;
  font-weight:800;
}
body.threads-detail-page .threads-section-count small{
  color:var(--muted);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
body.threads-detail-page .threads-section-count::after{
  margin-left:.1rem;
  color:var(--primary);
  font-size:.9rem;
}
body.threads-detail-page .threads-section-content{
  padding:.2rem 0 clamp(1.6rem,3vw,2.5rem);
  border:0;
}

/* Story arcs: calm two-column reading cards instead of large colored blocks. */
body.threads-detail-page .threads-arc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
  padding:0;
}
body.threads-detail-page .threads-arc-card{
  min-height:0;
  padding:1rem 1.05rem;
  border:1px solid var(--border);
  border-left:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
body.threads-detail-page .threads-arc-card__meta{
  color:var(--muted);
  font-size:.66rem;
}
body.threads-detail-page .threads-arc-card__meta strong,
body.threads-detail-page .threads-arc-card__meta span:first-child{
  color:var(--primary);
}
body.threads-detail-page .threads-arc-card h3{
  margin:.42rem 0 .38rem;
  font-size:clamp(1.28rem,1.65vw,1.55rem);
  line-height:1.08;
}
body.threads-detail-page .threads-arc-card p{
  margin:.35rem 0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.55;
}
body.threads-detail-page .threads-name-list{
  margin-top:.65rem;
  gap:.28rem;
}
body.threads-detail-page .threads-name-list span{
  padding:.22rem .38rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  font-size:.62rem;
}

/* Whole Story character cards follow the original rebuilt compact guide. */
body.threads-detail-page .threads-character-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
  padding:0;
}
body.threads-detail-page .threads-character-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:.72rem;
  min-height:0;
  padding:.9rem;
  border:1px solid var(--border);
  border-top:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
body.threads-detail-page .threads-character-card__avatar{
  width:58px;
  height:58px;
  border-radius:50%;
}
body.threads-detail-page .threads-character-card h3{
  margin:.2rem 0 .12rem;
  font-size:1.2rem;
}
body.threads-detail-page .threads-character-card p{
  margin:.35rem 0 0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.48;
}

/* Connections, places, organizations, secrets: neutral cards with no colored rails. */
body.threads-detail-page .threads-relationship-list,
body.threads-detail-page .threads-world-grid,
body.threads-detail-page .threads-secret-grid{
  gap:.7rem;
  padding:0;
}
body.threads-detail-page .threads-relationship-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.threads-detail-page .threads-world-grid,
body.threads-detail-page .threads-secret-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.threads-detail-page .threads-relationship-row,
body.threads-detail-page .threads-world-list article,
body.threads-detail-page .threads-secret-grid article{
  min-height:0;
  padding:.9rem 1rem;
  border:1px solid var(--border);
  border-left:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
body.threads-detail-page .threads-relationship-row__names{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.34rem .5rem;
}
body.threads-detail-page .threads-relationship-row__names strong{
  font-size:.98rem;
  text-align:left!important;
}
body.threads-detail-page .threads-relationship-row__names span{
  padding:.18rem .38rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:transparent;
  color:var(--primary);
  font-size:.64rem;
}
body.threads-detail-page .threads-relationship-row p,
body.threads-detail-page .threads-world-list p,
body.threads-detail-page .threads-secret-grid p{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.52;
}

/* Character Guide: useful depth, quieter presentation. */
body.threads-detail-page .threads-view-toolbar{
  margin:0 0 .85rem;
  padding:.7rem .8rem;
  border:1px solid var(--border);
  border-radius:12px;
  background:transparent;
  box-shadow:none;
}
body.threads-detail-page .threads-character-profile-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
}
body.threads-detail-page .threads-character-profile{
  min-height:0;
  padding:.9rem;
  border:1px solid var(--border);
  border-top:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
body.threads-detail-page .threads-character-profile__header{
  gap:.7rem;
}
body.threads-detail-page .threads-character-profile__avatar{
  width:58px;
  height:58px;
  border-radius:50%;
}
body.threads-detail-page .threads-character-profile__header>div:last-child>span{
  color:var(--primary);
  font-size:.62rem;
}
body.threads-detail-page .threads-character-profile h2{
  margin:.18rem 0 .12rem;
  font-size:1.35rem;
  line-height:1.05;
}
body.threads-detail-page .threads-character-profile__summary,
body.threads-detail-page .threads-character-profile p{
  color:var(--muted);
  font-size:.8rem;
  line-height:1.52;
}
body.threads-detail-page .threads-character-profile__meta span,
body.threads-detail-page .threads-character-profile__actions a,
body.threads-detail-page .threads-character-profile__affiliations span{
  background:transparent;
}
body.threads-detail-page .threads-character-profile__meta span{
  border:1px solid var(--border);
}

/* Story Map controls stay functional without looking like a separate app. */
body.threads-detail-page .threads-map-toolbar,
body.threads-detail-page .threads-timeline-toolbar{
  margin:0 0 .75rem;
  padding:.65rem .75rem;
  border:1px solid var(--border);
  border-radius:12px;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
body.threads-detail-page .threads-map-canvas,
body.threads-detail-page .threads-map-focus{
  border:1px solid var(--border);
  border-top:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
body.threads-detail-page .threads-map-connection-list>button,
body.threads-detail-page .threads-map-connection-list>span{
  border:1px solid var(--border);
  background:var(--surface);
}

/* Timeline returns to the straightforward rebuilt single-spine view. */
body.threads-detail-page .threads-timeline{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
  padding:0 0 0 1.65rem;
}
body.threads-detail-page .threads-timeline::before{
  display:block;
  content:'';
  position:absolute;
  left:.38rem;
  top:.6rem;
  bottom:.6rem;
  width:1px;
  border:0;
  background:var(--border);
  transform:none;
}
body.threads-detail-page .threads-timeline-card,
body.threads-detail-page .threads-timeline-card--left,
body.threads-detail-page .threads-timeline-card--right{
  grid-column:1!important;
  position:relative;
  min-height:0;
  padding:.9rem 1rem;
  border:1px solid var(--border);
  border-left:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
body.threads-detail-page .threads-timeline-card::after{
  display:none!important;
}
body.threads-detail-page .threads-timeline-card__dot,
body.threads-detail-page .threads-timeline-card--left .threads-timeline-card__dot,
body.threads-detail-page .threads-timeline-card--right .threads-timeline-card__dot{
  display:block!important;
  left:-1.65rem!important;
  right:auto!important;
  top:1.02rem!important;
  width:.72rem;
  height:.72rem;
  border:3px solid var(--page);
  border-radius:50%;
  background:var(--primary);
  box-shadow:0 0 0 1px var(--primary);
}
body.threads-detail-page .threads-timeline-card h2{
  margin:.25rem 0 .4rem;
  font-size:1.3rem;
}
body.threads-detail-page .threads-timeline-card__body p{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.55;
}

/* Keep the sticky view/spoiler bar, but visually lighter. */
body.threads-detail-page .threads-detail-nav{
  margin:.6rem 0 .85rem;
  padding:.55rem 0;
  border-top:0;
  border-right:0;
  border-left:0;
  border-bottom:1px solid var(--border);
  border-radius:0;
  background:color-mix(in srgb,var(--page) 96%,transparent);
  box-shadow:none;
}
body.threads-detail-page .threads-detail-tabs a,
body.threads-detail-page .threads-sticky-spoiler-toggle{
  min-height:38px;
  background:transparent;
}
body.threads-detail-page .threads-detail-tabs a.is-active{
  background:var(--primary-soft);
}

@media(max-width:1180px){
  body.threads-detail-page .threads-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.threads-detail-page .threads-character-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.threads-detail-page .threads-world-grid,
  body.threads-detail-page .threads-secret-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  body.threads-detail-page .threads-arc-grid,
  body.threads-detail-page .threads-character-grid,
  body.threads-detail-page .threads-character-profile-grid,
  body.threads-detail-page .threads-relationship-list,
  body.threads-detail-page .threads-world-grid,
  body.threads-detail-page .threads-secret-grid{grid-template-columns:1fr}
  body.threads-detail-page .threads-section-heading{align-items:center;padding:1.1rem 0 .7rem}
  body.threads-detail-page .threads-section-heading h2{font-size:2rem}
}
@media(max-width:620px){
  body.threads-detail-page .threads-section-count small{display:none}
  body.threads-detail-page .threads-character-card{grid-template-columns:52px minmax(0,1fr)}
  body.threads-detail-page .threads-character-card__avatar,
  body.threads-detail-page .threads-character-profile__avatar{width:52px;height:52px}
}

/* Daedrama v0.6.28 — Guide side panel + Story Map sidebar legend. */
body.threads-detail-page .threads-guide-launcher{
  min-height:38px;
  margin-left:auto;
  padding:.48rem .7rem;
  border-color:var(--border);
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:800;
}
body.threads-detail-page .threads-guide-launcher:hover,
body.threads-detail-page .threads-guide-launcher:focus-visible{
  border-color:var(--primary);
  background:var(--primary-soft);
  color:var(--primary);
}
body.threads-detail-page .threads-sticky-spoiler-toggle{margin-left:.35rem}
body.threads-detail-page .threads-map-side{display:grid;gap:.65rem;align-content:start;min-width:0}
body.threads-detail-page .threads-map-side .threads-map-legend{margin:0;background:var(--surface)}
body.threads-detail-page .threads-map-side .threads-map-legend__categories,
body.threads-detail-page .threads-map-side .threads-map-legend__lines{display:grid;grid-template-columns:1fr;gap:.35rem}
body.threads-detail-page .threads-map-side .threads-map-legend__categories span,
body.threads-detail-page .threads-map-side .threads-map-legend__lines span{
  justify-content:flex-start;
  width:100%;
  background:transparent;
  border:0;
  padding:.18rem 0;
}
body.threads-detail-page .threads-side-panel{background:var(--surface)}
body.threads-detail-page .threads-side-panel-backdrop[hidden]{display:none}
@media(max-width:980px){
  body.threads-detail-page .threads-map-side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.threads-detail-page .threads-guide-launcher{position:sticky;right:7.5rem;z-index:3;margin-left:auto;background:var(--surface)}
  body.threads-detail-page .threads-sticky-spoiler-toggle{margin-left:.25rem}
  body.threads-detail-page .threads-map-side{grid-template-columns:1fr}
}


/* Daedrama v0.6.37bf — Timeline reading-width and detail legibility.
   Keep long timelines scan-friendly on wide desktop screens without shrinking the data. */
@media (min-width:981px){
  body.threads-detail-page .threads-timeline-view{
    width:min(100%,1180px);
    margin-inline:auto;
  }
}
body.threads-detail-page .threads-timeline-card__body>p:first-child{
  max-width:82ch;
  font-size:.91rem!important;
  line-height:1.62!important;
}
body.threads-detail-page .threads-timeline-card__body>small{
  font-size:.72rem;
  line-height:1.5;
}
body.threads-detail-page .threads-timeline-card__participants{
  max-width:105ch;
  font-size:.76rem!important;
  line-height:1.55!important;
}
@media (max-width:760px){
  body.threads-detail-page .threads-timeline-card__body>p:first-child{
    max-width:none;
    font-size:.88rem!important;
  }
  body.threads-detail-page .threads-timeline-card__participants{
    max-width:none;
    font-size:.73rem!important;
  }
}

/* Daedrama v0.6.37bg — wide-screen Timeline reading split.
   Closed events remain fast scan rows. Open events become a two-column reading card:
   event + involved people on the left, event details on the right. */
body.threads-detail-page .threads-timeline-card__summary-participants{display:none}
@media (min-width:1100px){
  body.threads-detail-page details.threads-timeline-card[open]{
    display:grid!important;
    grid-template-columns:minmax(330px,38%) minmax(0,62%);
    grid-template-rows:auto;
    align-items:stretch;
  }
  body.threads-detail-page details.threads-timeline-card[open]>.threads-timeline-card__summary{
    grid-column:1;
    grid-row:1;
    align-items:start;
    min-height:100%;
    padding:.9rem 1rem 1rem;
    border-right:1px solid var(--border);
  }
  body.threads-detail-page details.threads-timeline-card[open]>.threads-timeline-card__body{
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding:.9rem 1.15rem 1rem;
    border-top:0;
  }
  body.threads-detail-page details.threads-timeline-card[open]>.threads-timeline-card__body::before{
    content:"Details";
    display:block;
    margin:0 0 .45rem;
    color:var(--muted);
    font-family:var(--font-ui);
    font-size:.66rem;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
  }
  body.threads-detail-page details.threads-timeline-card[open] .threads-timeline-card__heading{
    align-self:start;
  }
  body.threads-detail-page details.threads-timeline-card[open] .threads-timeline-card__heading h2{
    margin:.24rem 0 .55rem!important;
    font-size:1.14rem!important;
    line-height:1.28;
  }
  body.threads-detail-page details.threads-timeline-card[open] .threads-timeline-card__summary-participants{
    display:block;
    margin-top:.65rem;
    padding-top:.6rem;
    border-top:1px solid var(--border);
    color:var(--muted);
    font-family:var(--font-body);
    font-size:.77rem;
    line-height:1.58;
  }
  body.threads-detail-page details.threads-timeline-card[open] .threads-timeline-card__summary-participants strong{
    color:var(--text);
  }
  body.threads-detail-page details.threads-timeline-card[open]>.threads-timeline-card__body>p:first-child{
    max-width:68ch;
    margin:0!important;
    font-size:.96rem!important;
    line-height:1.66!important;
  }
  body.threads-detail-page details.threads-timeline-card[open]>.threads-timeline-card__body>.threads-timeline-card__participants{
    display:none!important;
  }
  body.threads-detail-page details.threads-timeline-card[open]>.threads-timeline-card__body>small{
    margin-top:.65rem;
    font-size:.76rem;
    line-height:1.5;
  }
  body.threads-detail-page details.threads-timeline-card[open] .threads-timeline-card__toggle{
    margin-top:.05rem;
  }
}


/* v0.6.37by — route editorial corrections through the existing Contact & Feedback drawer. */
body.threads-detail-page .threads-correction-link{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;padding:.5rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);text-decoration:none;font-family:var(--font-ui);font-size:.68rem;font-weight:850;white-space:nowrap}
body.threads-detail-page .threads-correction-link:hover{border-color:var(--primary);color:var(--text)}body.threads-detail-page .threads-correction-link span{color:var(--primary);font-size:.88rem}
@media(max-width:760px){body.threads-detail-page .threads-correction-link{padding:.48rem .58rem}}