/* Small-screen finishing layer. Keep text readable; let frames and lines grow. */
@media(max-width:760px){
  .wrap{width:calc(100% - 2 * clamp(14px,4vw,20px))}
  h1,h2,h3{line-break:strict;text-wrap:balance}
  .header-inner{gap:12px}
  .brand{min-width:0;gap:8px}
  .menu-toggle{flex-shrink:0;min-height:48px}
  .purpose-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .purpose-links a{min-width:0;min-height:124px;padding:13px 12px 29px}
  .purpose-links span{font-size:14px;line-height:1.75;text-wrap:balance}
  .purpose-links strong{font-size:clamp(18px,4.7vw,20px);line-height:1.65}
  .cover-copy h1{font-size:clamp(50px,15.4vw,64px)}
  .cover-copy h1>span{font-size:clamp(25px,7.2vw,30px);line-height:1.55}
  .cover-lead br,.next-message p br{display:none}
  .field-button{min-width:0;max-width:100%;gap:14px;min-height:52px;white-space:normal}
  .cover-copy .field-button,.prep-layout .field-button,.next-action .field-button{width:100%;padding:14px 16px}
  .field-link{max-width:100%;gap:12px;white-space:normal;overflow-wrap:anywhere}
  .ledger-bottom .field-link{white-space:normal}
  .chapter-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 12px}
  .chapter-head>div{min-width:0}
  .chapter-head h2,.philosophy-layout h2,.prep-layout h2{font-size:clamp(24px,6.5vw,28px);line-height:1.65}
  .chapter-head>.chapter-aside{grid-column:1/-1;margin-left:0;padding-top:6px;font-size:17px;line-height:1.9}
  .task-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-tab{min-width:0;min-height:54px;padding:12px 8px;font-size:17px;line-height:1.65}
  .task-panel{padding:clamp(16px,4.6vw,22px);gap:24px}
  .task-copy h3{font-size:clamp(23px,6.2vw,27px);line-height:1.7}
  .task-copy dl{line-height:1.95}
  .carousel-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:4px}
  .carousel-navigation button{min-width:0;min-height:48px;padding:8px 3px;font-size:clamp(14px,4vw,16px);line-height:1.6}
  .carousel-toggle>span{font-size:inherit}
  .latest-heading h2,.partners-heading h2{font-size:clamp(25px,6.7vw,29px);line-height:1.65}
  .latest-item{padding:18px clamp(12px,4vw,18px);gap:12px 8px}
  .latest-item-title{font-size:18px;line-height:1.9;line-break:strict;overflow-wrap:break-word}
  .partner-name{min-height:56px;overflow-wrap:anywhere}
  .page-hero h1{font-size:clamp(29px,8vw,36px);line-height:1.65}
  .page-toc,.callout{padding:18px 16px}
  .faq summary{padding-block:16px;line-height:1.85;min-height:56px}
  .article-heading h1{font-size:clamp(26px,7.4vw,31px);line-height:1.7}
  .article-subtitle{font-size:clamp(21px,5.8vw,24px);line-height:1.8}
  .article-summary{padding:18px clamp(14px,4.6vw,20px)}
  .entry-body h2{font-size:clamp(22px,6.2vw,26px);line-height:1.8;padding:13px clamp(12px,4vw,18px)}
  .entry-body h3{font-size:clamp(20px,5.6vw,23px);line-height:1.8}
  .entry-body th,.entry-body td{padding:12px clamp(8px,2.5vw,12px)}
  .article-visual img{aspect-ratio:auto;object-fit:contain}
  .article-related>div>a{padding:20px 36px 21px 16px;overflow-wrap:anywhere}
}
@media(max-width:380px){
  .purpose-links span{min-block-size:3.5em}
}