/* Shared reading surfaces follow the home page's white, quiet visual hierarchy. */
@layer home554 {
 .site-shell.jcs-detail-design:not(.jcs-cage-design){color:#252d39!important;--jc-ink:#252d39;--jc-muted:#687382;--jc-line:#e2e5e9;--jc-paper:#fff;--jc-soft:#f7f8fa;--jc-gold:#7655a2;--jc-goldsoft:#f5f1fa}
 .site-shell.jcs-detail-design .page-wrap{max-width:1280px!important;padding:24px 24px 56px!important;margin:auto!important;box-sizing:border-box!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.subpage,.mypage-workspace){width:100%!important;max-width:1100px!important;margin:0 auto!important;box-sizing:border-box!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.module,.content-card,.profile-card,.jc-paper){background:#fff!important;border:1px solid #e2e5e9!important;border-radius:8px!important;box-shadow:none!important;color:#252d39!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.module,.content-card,.profile-card){padding:24px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.page-hero,.jc-heading){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:16px 0 24px!important;margin:0 0 20px!important;border-bottom:1px solid #e2e5e9!important;color:#252d39!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.page-hero h1,.jc-heading h1){font-size:28px!important;line-height:1.4!important;letter-spacing:-.7px!important;color:#252d39!important;margin:6px 0 0!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.page-hero p,.jc-heading p){font-size:14px!important;line-height:1.7!important;color:#687382!important;margin:8px 0 0!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.eyebrow,.jc-eyebrow){font-size:11px!important;font-weight:600!important;letter-spacing:1px!important;color:#737d8b!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.module-header h2,.section-title h2){font-size:20px!important;line-height:1.5!important;color:#252d39!important;letter-spacing:-.4px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.jc-tabs,.mypage-section-nav){display:flex!important;gap:22px!important;overflow-x:auto!important;background:#fff!important;border:0!important;border-bottom:1px solid #e2e5e9!important;border-radius:0!important;padding:0!important;margin:0 0 20px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.jc-tabs>button,.mypage-section-nav>a){flex-shrink:0!important;padding:14px 0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;color:#687382!important;font-size:14px!important;line-height:20px!important;box-shadow:none!important;text-decoration:none!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.jc-tabs>button[aria-selected=true],.mypage-section-nav>a[aria-current=page]){color:#252d39!important;font-weight:700!important;border-bottom-color:#7655a2!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.jc-tabs>button,.mypage-section-nav>a):hover{color:#252d39!important;background:#f7f8fa!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-list-row{padding:18px 20px!important;border-bottom:1px solid #edf0f3!important;background:#fff!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-list-row:hover{background:#f8f9fb!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-row-link strong{font-size:16px!important;line-height:1.6!important;font-weight:600!important;color:#252d39!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-row-link:hover strong{text-decoration:underline!important;text-underline-offset:3px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.jc-row-link small,.jc-list-stats,.jc-author small){font-size:12px!important;line-height:1.6!important;color:#737d8b!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-article{padding:32px 40px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-article>h2{font-size:28px!important;line-height:1.5!important;color:#252d39!important;overflow-wrap:anywhere!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-copy{font-size:17px!important;line-height:1.9!important;max-width:820px!important;margin:0 auto!important;color:#303641!important;overflow-wrap:anywhere!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.ghost-btn,.jc-subtle,.jc-reaction){background:#fff!important;border:1px solid #dfe3e8!important;border-radius:5px!important;box-shadow:none!important;color:#424b58!important;font-size:13px!important;padding:8px 12px!important;text-decoration:none!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.primary-btn,.jc-primary){background:#7655a2!important;border:1px solid #7655a2!important;border-radius:5px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;padding:10px 16px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.ghost-btn,.jc-subtle,.jc-reaction):hover{background:#f2f4f7!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .itsme-category-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .itsme-category-tabs button{border:1px solid #e2e5e9!important;border-radius:5px!important;background:#fff!important;color:#687382!important;font-size:13px!important;padding:8px 12px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .itsme-category-tabs button.active{border-color:#7655a2!important;color:#7655a2!important;background:#f8f6fb!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .board-list article{border-bottom:1px solid #edf0f3!important;padding:20px 0!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .board-list h2{font-size:18px!important;line-height:1.5!important;color:#252d39!important;margin:5px 0!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .board-list p{font-size:14px!important;line-height:1.7!important;color:#687382!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .board-list :is(small,.type){font-size:12px!important;line-height:1.6!important;color:#737d8b!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .board-list a:hover h2{text-decoration:underline!important;text-underline-offset:3px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .mypage-dashboard{gap:16px!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.mypage-list-row,.mypage-person-row){padding:14px 0!important;border-bottom:1px solid #edf0f3!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) .mypage-list-row b{font-size:15px!important;line-height:1.6!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.mypage-list-row small,.mypage-person-row small){font-size:12px!important;line-height:1.6!important;color:#737d8b!important}
 .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(a,button,input,textarea,select):focus-visible{outline:2px solid #8e75b0!important;outline-offset:3px!important}
 @media(max-width:760px){
  .site-shell.jcs-detail-design .page-wrap{padding:16px 14px 36px!important}
  .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.module,.content-card,.profile-card,.jc-article){padding:18px 16px!important}
  .site-shell.jcs-detail-design:not(.jcs-cage-design) :is(.page-hero h1,.jc-heading h1,.jc-article>h2){font-size:23px!important}
  .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-heading{gap:10px!important;align-items:flex-start!important}
  .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-list-row{padding:14px 12px!important}
  .site-shell.jcs-detail-design:not(.jcs-cage-design) .jc-copy{font-size:16px!important;line-height:1.85!important}
  .site-shell.jcs-detail-design:not(.jcs-cage-design) .mypage-dashboard{grid-template-columns:minmax(0,1fr)!important}
 }
}
