.soulkyn-reading-layout { --navigation: #130e17; --panel: #211522; min-width: 0; }
.soulkyn-reading-layout .discovery-header { border-radius: 8px; box-shadow: none; border-color: #ffffff12; }
.discovery-introduction { padding-top: 30px; padding-bottom: 19px; max-width: 1240px; }
.discovery-introduction h1 { font-family: Unbounded, Inter, sans-serif; font-size: 30px; line-height: 1.4; font-weight: 500; letter-spacing: 0; }
.discovery-introduction p { max-width: 860px; margin-top: 12px; color: #c1b3c8; font-size: 15px; line-height: 1.8; }
.soulkyn-reading-layout main > .community-totals { max-width: none; margin: 0 2.5% 22px; padding: 15px 0; border-block: 1px solid #ffffff12; text-align: left; gap: 12px; }
.soulkyn-reading-layout main > .community-totals > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 12px; }
.soulkyn-reading-layout main > .community-totals dt { font-family: Inter, Arial, sans-serif; font-size: 20px; font-weight: 700; color: #f2d7df; }
.soulkyn-reading-layout main > .community-totals dd { margin: 0; font-size: 12px; color: #b7a5c1; }
.soulkyn-reading-layout .collection-heading { margin-inline: 40px; }
.soulkyn-reading-layout .collection-heading h2 { font-family: Inter, Arial, sans-serif; font-size: 23px; font-weight: 650; }
.soulkyn-reading-layout .character-track { margin-inline: 40px; gap: 16px; }
.soulkyn-reading-layout .kyn-portrait, .soulkyn-reading-layout .profile-summary { border-radius: 8px; }
.soulkyn-reading-layout .roleplay-paths { padding-block: 20px 34px; border-bottom: 1px solid #ffffff0e; margin-bottom: 20px; gap: 40px; }
.soulkyn-reading-layout .roleplay-mascot { width: 88px; height: 180px; }
.soulkyn-reading-layout .roleplay-invitation h2 { font-size: 20px; line-height: 1.45; }
.soulkyn-reading-layout .roleplay-invitation:nth-child(2) { flex-direction: row; }
.soulkyn-reading-layout .universe-invitation { padding-block: 50px; }
.soulkyn-reading-layout .universe-copy h2 { font-family: Unbounded, Inter, sans-serif; font-size: 28px; line-height: 1.5; font-weight: 500; }
.soulkyn-reading-layout .universe-composition { min-height: 470px; }
.soulkyn-reading-layout .reader-experiences { padding-top: 46px; }
.soulkyn-reading-layout .group-conversation, .soulkyn-reading-layout .creation-moment, .soulkyn-reading-layout .music-moment { border-radius: 8px; }
.soulkyn-reading-layout .companionship-notes { text-align: left; padding-block: 42px; border-block: 1px solid #ffffff12; }
.soulkyn-reading-layout .companionship-notes > h2 { max-width: 880px; margin-inline: auto; font-family: Inter, Arial, sans-serif; font-size: 28px; line-height: 1.5; font-weight: 600; }
.soulkyn-reading-layout .companionship-notes > a { margin-left: max(0px,calc((100% - 900px) / 2)); }
.soulkyn-reading-layout .home-questions { padding-block: 40px; }
.soulkyn-reading-layout .home-questions > h2 { font-size: 26px; }
.soulkyn-reading-layout .kyn-knowledge { max-width: 1360px; padding-top: 28px; }
.soulkyn-reading-layout .knowledge-introduction { max-width: 1020px; padding-bottom: 27px; margin-bottom: 30px; border-bottom: 1px solid #60364e; }
.soulkyn-reading-layout .knowledge-introduction h1 { font-size: 30px; line-height: 1.45; }
.soulkyn-reading-layout .knowledge-introduction > p:last-child { max-width: 820px; font-size: 16px; }
.soulkyn-reading-layout .knowledge-reading { grid-template-columns: 175px minmax(0,1fr); gap: 38px; }
.soulkyn-reading-layout .help-article { grid-column: 2; grid-row: 1; max-width: 860px; }
.soulkyn-reading-layout .reading-outline { grid-column: 1; grid-row: 1; border-left: 0; border-top: 2px solid #a26489; padding: 17px 0 0; }
.soulkyn-reading-layout .reading-outline h2 { color: #edd8e6; }
.soulkyn-reading-layout .reading-outline li { font-size: 12px; line-height: 1.7; }
.soulkyn-reading-layout .help-section { margin-bottom: 36px; }
.soulkyn-reading-layout .help-section h2 { font-size: 23px; }
.soulkyn-reading-layout .help-topic-link { padding-block: 19px; }
.soulkyn-reading-layout .answer-collection { grid-template-columns: minmax(0,1fr); max-width: 960px; }
.soulkyn-reading-layout .answer-group { padding-top: 12px; }
.soulkyn-reading-layout .answer-group > h2 { font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #694360; }
@media (max-width:1199px) {
  .soulkyn-reading-layout .knowledge-reading { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .soulkyn-reading-layout .reading-outline { position: static; grid-column: 1; grid-row: 1; padding-block: 14px; border-bottom: 1px solid #58304e; }
  .soulkyn-reading-layout .help-article { grid-column: 1; grid-row: 2; }
  .soulkyn-reading-layout .reading-outline ol { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  .soulkyn-reading-layout .reading-outline li { margin: 0; }
  .soulkyn-reading-layout .knowledge-introduction h1 { font-size: 28px; }
}
@media (max-width:767px) {
  .discovery-introduction { padding-top: 24px; }
  .discovery-introduction h1 { font-size: 26px; }
  .discovery-introduction p { font-size: 14px; line-height: 1.7; }
  .soulkyn-reading-layout main > .community-totals { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 16px; }
  .soulkyn-reading-layout main > .community-totals dt { font-size: 18px; }
  .soulkyn-reading-layout .collection-heading { margin-inline: 29px; }
  .soulkyn-reading-layout .character-track { margin-inline: 29px; gap: 12px; }
  .soulkyn-reading-layout .collection-heading h2 { font-size: 21px; line-height: 1.45; }
  .soulkyn-reading-layout .roleplay-paths { gap: 28px; }
  .soulkyn-reading-layout .universe-copy h2 { font-size: 25px; }
  .soulkyn-reading-layout .knowledge-introduction h1 { font-size: 25px; }
  .soulkyn-reading-layout .knowledge-introduction { margin-bottom: 24px; }
}
@media (max-width:639px) {
  .soulkyn-reading-layout .reading-outline ol { display: block; }
  .soulkyn-reading-layout .reading-outline li + li { margin-top: 8px; }
  .soulkyn-reading-layout .collection-heading h2 { font-size: 20px; }
  .soulkyn-reading-layout .universe-copy h2 { font-size: 23px; }
  .soulkyn-reading-layout .companionship-notes > h2, .soulkyn-reading-layout .home-questions > h2 { font-size: 23px; }
  .soulkyn-reading-layout .roleplay-mascot { width: 70px; height: 150px; }
  .soulkyn-reading-layout .character-audience { flex: 0 1 auto; min-width: 0; max-width: 100%; }
  .soulkyn-reading-layout .character-audience button { padding-inline: 10px; }
}