.home-reading { display:grid; grid-template-columns:300px minmax(0,790px); justify-content:space-between; gap:100px; padding-top:105px; padding-bottom:105px; }
.reading-aside>p:first-child { font-size:15px; margin-bottom:25px; }
.reading-aside h2 { font-size:47px; letter-spacing:-.025em; line-height:1.13; }
.reading-aside>p:last-child { font-size:17px; margin-top:25px; max-width:255px; }
.opening-statement { font-family:'DM Serif Display',serif; font-size:43px; line-height:1.2; letter-spacing:-.015em; max-width:690px; }
.intro-prose { max-width:655px; margin-top:28px; }
.intro-prose p+p { margin-top:18px; }
.page-directory { margin-top:45px; }
.page-directory>a { display:block; position:relative; padding:27px 40px 27px 0; border-top:1px solid #142b4933; text-decoration:none; }
.page-directory>a:last-child { border-bottom:1px solid #142b4933; }
.page-directory h3 { font-size:28px; }
.page-directory p { font-size:17px; max-width:560px; margin-top:12px; }
.page-directory span { position:absolute; right:3px; top:28px; font-size:25px; }
.page-directory>a:hover h3 { text-decoration:underline; text-underline-offset:7px; }
.home-faq { margin-top:68px; }
.faq-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-bottom:23px; }
.faq-heading h2 { font-size:35px; }
.faq-heading>a { font-size:16px; }
details { border-top:1px solid #142b4933; }
details:last-child { border-bottom:1px solid #142b4933; }
summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:25px; padding:23px 0; font-size:20px; line-height:1.45; }
summary::-webkit-details-marker { display:none; }
summary>span { flex-shrink:0; font-size:27px; font-family:'Source Serif 4',serif; }
details[open] summary>span { transform:rotate(45deg); }
.answer { max-width:665px; padding:0 25px 25px 0; font-size:18px; }
.detail-title { padding-top:70px; padding-bottom:65px; }
.back-link { font-size:15px; }
.detail-title h1 { font-size:clamp(55px,5.3vw,82px); letter-spacing:-.025em; margin-top:26px; max-width:1080px; }
.detail-title>p { font-size:23px; line-height:1.55; max-width:820px; margin-top:27px; }
.detail-layout { display:grid; grid-template-columns:250px minmax(0,790px); justify-content:space-between; gap:100px; padding-bottom:90px; }
.page-index { position:sticky; top:35px; height:fit-content; display:flex; flex-direction:column; align-items:flex-start; font-size:16px; gap:14px; }
.page-index>p { font-size:14px; margin-bottom:7px; }
.page-index a { text-decoration:none; }
.page-index a:hover { text-decoration:underline; }
.page-index .index-contact { text-decoration:underline; margin-top:23px; }
.detail-content section { scroll-margin-top:35px; margin-bottom:65px; }
.detail-content section:last-child { margin-bottom:0; }
.detail-content h2 { font-size:39px; margin-bottom:23px; letter-spacing:-.02em; }
.detail-content p+p { margin-top:21px; }
.status-reading { border-left:2px solid var(--astalgo-midnight); padding-left:26px; margin:28px 0; }
.status-reading p { max-width:600px; }
.status-title { display:block; font-size:15px; margin-bottom:5px; }
.workflow { list-style:none; padding:0; margin:30px 0 0; }
.workflow li { margin-top:28px; }
.workflow h3 { font-size:27px; margin-bottom:10px; }
.responsibilities { margin:25px 0; }
.responsibilities>div { padding:23px 0; border-top:1px solid #142b4933; display:grid; grid-template-columns:130px 1fr; gap:25px; }
.responsibilities dt { font-family:'DM Serif Display',serif; font-size:25px; }
.responsibilities dd { margin:0; font-size:19px; }
.detail-content .example-label { font-size:14px; margin-bottom:16px; }
.reading-contact { display:inline-block; font-size:32px; margin:26px 0; }
.faq-contact { margin-top:30px; }
@media(max-width:1100px) {
  .home-reading { grid-template-columns:230px minmax(0,1fr); gap:60px; }
  .reading-aside h2 { font-size:40px; }
  .opening-statement { font-size:36px; }
  .detail-layout { grid-template-columns:190px minmax(0,1fr); gap:55px; }
}
@media(max-width:700px) {
  .home-reading { grid-template-columns:1fr; gap:39px; padding-top:51px; padding-bottom:55px; }
  .reading-aside { display:none; }
  .opening-statement { font-size:34px; }
  .intro-prose { margin-top:23px; }
  .page-directory { margin-top:29px; }
  .page-directory h3 { font-size:25px; }
  .page-directory p { font-size:16px; }
  .home-faq { margin-top:45px; }
  .faq-heading h2 { font-size:32px; }
  .faq-heading>a { font-size:14px; }
  summary { font-size:18px; padding-block:22px; }
  .answer { font-size:17px; padding-right:12px; }
  .detail-title { padding-top:39px; padding-bottom:39px; }
  .detail-title h1 { font-size:49px; margin-top:21px; }
  .detail-title>p { font-size:20px; margin-top:20px; }
  .detail-layout { grid-template-columns:1fr; gap:37px; padding-bottom:55px; }
  .page-index { position:static; flex-direction:row; flex-wrap:wrap; gap:10px 23px; font-size:14px; }
  .page-index>p { width:100%; }
  .page-index .index-contact { margin-top:0; }
  .detail-content section { margin-bottom:42px; }
  .detail-content h2 { font-size:32px; }
  .responsibilities>div { grid-template-columns:1fr; gap:10px; }
  .responsibilities dd { font-size:18px; }
  .reading-contact { font-size:27px; }
}