/* Practice, MEDIA and long-form reading: compact rhythm and legible dark text. */
.practice-page .archive-opening,
.media-page .archive-opening{margin-bottom:14px!important}
.practice-page .practice-overview,
.media-page .media-index{margin-bottom:44px!important;gap:24px!important}
.practice-page .practice-card>div,
.media-page .media-index>a>div{min-height:154px!important;margin-top:12px!important;padding-top:14px!important}
.practice-page .practice-card h2,
.media-page .media-index h2{margin:10px 0 8px!important;font-size:clamp(23px,1.8vw,30px)!important;line-height:1.15!important}
.practice-page .practice-card p,
.media-page .media-index p{margin-bottom:12px!important;color:rgba(244,244,240,.74)!important;font-size:13px!important;line-height:1.55!important}
.practice-page .practice-card em,
.media-page .media-index em{color:rgba(244,244,240,.86)!important;font-size:12px!important}

.practice-page .archive-library,
.media-page .media-section{margin-top:44px!important;padding-top:20px!important}
.practice-page .archive-library>header,
.media-page .media-section>header{margin-bottom:24px!important}
.practice-page .archive-library>header h2,
.media-page .media-section h2{font-size:clamp(29px,3vw,42px)!important;line-height:1.05!important}

.media-page .media-section>header{grid-template-columns:48px 1fr!important}
.media-page .media-section>header>span{color:rgba(244,244,240,.6)!important;font-size:15px!important}
.media-page .media-records>a,
.media-page .media-records>article{min-height:76px!important;padding:15px 0!important;border-color:rgba(244,244,240,.18)!important}
.media-page .media-records>a{grid-template-columns:82px 96px minmax(0,1fr) 132px!important;gap:18px!important}
.media-page .media-thumb{width:82px!important;height:58px!important}
.media-page .media-records strong{color:#f4f4f0!important;font-size:clamp(17px,1.45vw,22px)!important;line-height:1.35!important;font-weight:520!important}
.media-page .media-records span{color:rgba(244,244,240,.72)!important}
.media-page .media-records em{color:rgba(244,244,240,.82)!important;font-size:12px!important}
.media-page .media-records>a:hover{background:rgba(255,255,255,.055)!important}

.practice-writing-grid{gap:42px!important}
.compact-records>a,
.compact-records>article{min-height:0!important;padding:14px 0!important;border-color:rgba(244,244,240,.2)!important}
.compact-records strong{color:#f4f4f0!important;font-size:15px!important;line-height:1.5!important}
.compact-records span,
.compact-records em{color:rgba(244,244,240,.66)!important}
.compact-records .archive-only{cursor:default}
.book-record h3{font-size:clamp(22px,2vw,30px)!important;line-height:1.35!important}
.book-record p{color:rgba(244,244,240,.74)!important}

.lecture-now article,
.record-list article{border-color:rgba(244,244,240,.19)!important}
.lecture-now strong,
.record-list h3{color:#f4f4f0!important}
.lecture-now time,.lecture-now span,
.record-list time,.record-list .meta{color:rgba(244,244,240,.67)!important}
.document-section-head>p:last-child{color:rgba(244,244,240,.68)!important}

body:has(.reader-body) .shell{padding-top:80px!important}
.reading-head{max-width:1040px!important;margin-top:8px!important}
.reading-head h1{color:#f4f4f0!important;font-size:clamp(30px,3.25vw,44px)!important;line-height:1.18!important}
.reading-byline{color:rgba(244,244,240,.7)!important}
.reader-layout{grid-template-columns:170px minmax(0,820px)!important;gap:5%!important;padding-top:32px!important}
.reader-aside a{color:rgba(244,244,240,.68)!important}
.reader-body p{color:rgba(244,244,240,.88)!important;font-size:16px!important;line-height:2!important}
.reader-body .reader-abstract{color:rgba(244,244,240,.76)!important;font-size:18px!important;line-height:1.85!important;margin-bottom:30px!important;padding-bottom:26px!important}
.reader-body h2{color:#f4f4f0!important;font-size:23px!important;margin:34px 0 16px!important}
.article-source p{color:rgba(244,244,240,.58)!important;font-size:11px!important}
.next-reading h2{color:#f4f4f0!important;font-size:21px!important}

.media-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(34px,6vw,88px);align-items:start}
.media-detail figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#1a1a1a}
.media-detail figure img{width:100%;height:100%;object-fit:cover}
.media-detail-copy{padding-top:4px}
.media-detail-copy h1{margin:18px 0 20px;color:#f4f4f0;font-size:clamp(30px,3.5vw,50px);line-height:1.12;letter-spacing:-.045em}
.media-detail-copy .lead{color:rgba(244,244,240,.84);font-size:17px;line-height:1.85}
.media-detail-meta{display:grid;grid-template-columns:80px 1fr;gap:10px 18px;margin:28px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}
.media-detail-meta dt{color:rgba(244,244,240,.52)}
.media-detail-meta dd{margin:0;color:rgba(244,244,240,.82)}
.source-link{display:inline-flex;padding:10px 0;border-bottom:1px solid currentColor;color:#f4f4f0;font-size:13px}
.media-detail-note{margin-top:20px;color:rgba(244,244,240,.54);font-size:11px;line-height:1.7}

@media(max-width:900px){
  .media-page .media-records>a{grid-template-columns:68px minmax(0,1fr)!important;gap:7px 14px!important}
  .media-page .media-thumb{grid-row:1/4!important;width:68px!important;height:68px!important}
  .media-page .media-records>a>span,.media-page .media-records>a>strong,.media-page .media-records>a>em{grid-column:2!important}
  .reader-layout{grid-template-columns:1fr!important;gap:22px!important}
  .media-detail{grid-template-columns:1fr}
}
@media(max-width:600px){
  .practice-page .practice-overview,.media-page .media-index{gap:34px!important;margin-bottom:34px!important}
  .practice-page .practice-card>div,.media-page .media-index>a>div{min-height:0!important}
  .practice-writing-grid{gap:30px!important}
  .reader-body p{font-size:14.5px!important;line-height:1.95!important}
  .reader-body .reader-abstract{font-size:16px!important}
  .media-detail-copy h1{font-size:30px}
  .media-detail-copy .lead{font-size:15px}
}