/* Six individually composed reader pages. Shared identity remains in identity.css. */
.page-newsletter .newsletter-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;padding:30px 0 46px;align-items:center}
.page-newsletter .newsletter-signup{padding:32px;border-radius:4px}
.page-newsletter .newsletter-cup{width:53px;height:53px;margin-bottom:18px}
.page-newsletter .newsletter-signup h1{font-size:48px;font-weight:500;line-height:1.1}
.page-newsletter .newsletter-signup .dek{font-size:17px;margin-top:18px}
.page-newsletter .cbd-nl-form{gap:10px;margin-top:22px}
.page-newsletter .cbd-nl-form input{min-width:150px}
.page-newsletter .cbd-nl-form button{background:var(--accent);color:white;border-radius:3px;padding:12px 20px;min-height:48px;font-size:14px;font-weight:600}
.page-newsletter .cbd-nl-form button:hover{background:var(--accent-dark)}
.page-newsletter .cbd-nl-form .form-feedback{flex-basis:100%;font-size:14px;color:var(--ink)}
.page-newsletter .newsletter-explainer h2{font-size:34px;font-weight:500;max-width:19ch}
.page-newsletter .newsletter-explainer .sec{padding:0}
.page-newsletter .newsletter-explainer .prose{font-size:17px;line-height:1.8}
.page-newsletter .newsletter-explainer .footer-city{width:240px;margin-top:24px}
.page-about .page-intro{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;padding:32px 0 34px}
.page-about .page-intro h1{font-size:48px;max-width:20ch;font-weight:500}
.page-about .about-city{padding:24px 28px;border-radius:4px}
.page-about .about-city .footer-city{max-height:126px}
.page-about .about-city p{margin-top:10px}
.page-about .about-story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}
.page-about .about-story h2,.page-about .about-bottom h2{font-size:32px;font-weight:500}
.page-about .about-story>.sec{padding-top:20px}
.page-about .about-principles{padding:0 26px;border-radius:4px}
.page-about .about-principles .sec{padding:24px 0}
.page-about .about-principles p{font-size:16px;line-height:1.8}
.page-about .about-principles .vitem:last-child{margin-bottom:0}
.page-about .about-bottom{max-width:none;padding-top:22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}
.page-about .about-bottom .sec{margin:0;padding-top:20px}
.page-method .page-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;padding:32px 0}
.page-method .page-intro h1{font-size:48px;font-weight:500}
.page-method .method-example{padding:26px;border-radius:4px}
.page-method .scorecard{gap:20px}
.page-method .scorecard .big{font-size:60px;font-weight:500;white-space:nowrap}
.page-method .scorecard .rk span{line-height:1.8;margin-top:7px}
.page-method .reading-layout{display:block;max-width:1030px;padding:0 0 30px}
.page-method .page-contents{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;padding:15px 20px;margin:0 0 30px;border-radius:4px}
.page-method .page-contents h2{margin:0;font-size:14px}
.page-method .page-contents a{display:inline-block;font-size:13px;margin:0;padding:6px 0}
.page-method .reading-layout>.page-contents+div{max-width:970px}
.page-method .sec{padding:24px 0}
.page-method .sec h2{font-size:32px;font-weight:500}
.page-method .prose{max-width:76ch}
.page-method .hwscols{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page-method .hwscols>div{padding:20px;border-radius:4px}
.page-method .hwscols b{font-size:25px;font-weight:500}
.page-method .hwscols p{font-size:15px;line-height:1.8}
.page-method .method-desk-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.page-method .authp{grid-template-columns:66px minmax(0,1fr);gap:16px;margin-top:20px}
.page-method .authp>img{width:66px;height:78px}
.page-method .authp p{font-size:15px;line-height:1.8}
.page-faq .page-intro{padding:32px 0 28px;max-width:950px}
.page-faq .page-intro h1{font-size:48px;max-width:24ch;font-weight:500}
.page-faq .faq-contact{margin-top:18px}
.page-faq .faq-layout{display:block;max-width:970px;padding-bottom:35px}
.page-faq .page-contents{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;padding:14px 20px;margin-bottom:30px;border-radius:4px}
.page-faq .page-contents h2{font-size:14px;margin:0}
.page-faq .page-contents a{display:inline-block;padding:6px 0;margin:0}
.page-faq .faqsec{margin-bottom:32px}
.page-faq .faqsec h2{font-size:31px;font-weight:500;margin-bottom:18px}
.page-faq .faqsec details{margin:10px 0;padding:0 20px;border-radius:3px}
.page-faq .faqsec summary{font-size:16px;line-height:1.7;font-weight:600;padding:13px 0}
.page-faq .faqsec .a{font-size:16px;line-height:1.8;padding:0 0 20px;max-width:76ch}
.page-contact .page-intro{padding:32px 0 28px;max-width:960px}
.page-contact .page-intro h1{font-size:48px;max-width:none;font-weight:500}
.page-contact .page-intro .button{margin-top:20px}
.page-contact .contact-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:38px;margin-bottom:40px;align-items:start}
.page-contact .contact-layout h2{font-size:31px;font-weight:500}
.page-contact .contact-layout>.sec{padding-top:15px}
.page-contact .contact-options{gap:24px 30px}
.page-contact .contact-options .vitem{margin:0}
.page-contact .contact-options b{font-size:25px;font-weight:500}
.page-contact .contact-options p{font-size:16px;line-height:1.8}
.page-contact .contact-options a{overflow-wrap:anywhere}
.page-contact .contact-route{display:inline-block;margin-top:9px;color:var(--accent);font-size:14px}
.page-contact .contact-layout aside{padding:0 24px;border-radius:4px}
.page-contact .contact-layout aside .sec{padding:24px 0}
.page-contact .contact-layout aside p{font-size:15px;line-height:1.8}
.page-press .page-intro{padding:32px 0 30px;max-width:850px}
.page-press .page-intro h1{font-size:48px;font-weight:500}
.page-press .hero-action{display:inline-flex;align-items:center;background:var(--accent);color:white;padding:12px 20px;min-height:48px;border-radius:3px;font-size:14px;font-weight:600;text-decoration:none}
.page-press .hero-action:hover{background:var(--accent-dark)}
.page-press .press-content{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:44px;margin-bottom:40px;align-items:start}
.page-press .press-content>.sec{padding-top:12px}
.page-press .press-content h2{font-size:31px;font-weight:500}
.page-press .press-links{padding:24px;border-radius:4px}
.page-press .press-links h2{margin-bottom:12px}
.page-press .press-links a{font-size:15px;padding:9px 0}
.page-press .press-content .prose a{overflow-wrap:anywhere}
@media(max-width:850px){
.page-newsletter .newsletter-layout{grid-template-columns:1fr;gap:28px;padding:24px 0 35px}.page-newsletter .newsletter-signup{padding:26px}.page-newsletter .newsletter-explainer .footer-city{width:200px;margin-top:20px}.page-newsletter .newsletter-explainer h2{max-width:24ch}
.page-about .page-intro{grid-template-columns:1fr;gap:24px;padding:26px 0}.page-about .about-city{max-width:420px;width:100%;padding:18px 24px}.page-about .about-city .footer-city{max-height:100px}.page-about .about-story,.page-about .about-bottom{grid-template-columns:1fr;gap:18px}.page-about .about-bottom{padding-top:12px}.page-about .about-story>.sec{padding-bottom:8px}.page-about .about-bottom .sec{padding-top:14px}
.page-method .page-intro{grid-template-columns:1fr;gap:20px;padding:26px 0}.page-method .method-example{margin:0;padding:22px;max-width:490px}.page-method .page-contents{gap:4px 20px;padding:13px 18px}.page-method .hwscols{grid-template-columns:1fr}.page-method .method-desk-grid{grid-template-columns:1fr;gap:8px}.page-method .hwscols>div{padding:18px}.page-method .hwscols p{margin-top:10px}
.page-faq .page-intro{padding:26px 0}.page-faq .page-contents{gap:4px 20px;padding:13px 18px}.page-faq .page-contents h2{width:100%}
.page-contact .page-intro{padding:26px 0}.page-contact .contact-layout{grid-template-columns:1fr;gap:22px}.page-contact .contact-layout aside{margin:0}
.page-press .page-intro{padding:26px 0}.page-press .press-content{grid-template-columns:1fr;gap:20px}.page-press .press-links{margin:0}
}
@media(max-width:560px){
.page-newsletter .newsletter-signup h1{font-size:38px}.page-newsletter .newsletter-signup{padding:24px}.page-newsletter .newsletter-cup{width:46px;height:46px;margin-bottom:16px}.page-newsletter .cbd-nl-form input{flex-basis:100%;min-width:0}.page-newsletter .cbd-nl-form button{width:100%}.page-newsletter .newsletter-explainer h2{font-size:30px}.page-newsletter .newsletter-explainer .prose{font-size:16px}
.page-about .page-intro h1{font-size:36px}.page-about .about-story h2,.page-about .about-bottom h2{font-size:29px}.page-about .about-principles{padding:0 22px}
.page-method .page-intro h1{font-size:37px}.page-method .scorecard .big{font-size:53px}.page-method .scorecard{gap:16px}.page-method .sec h2{font-size:29px}.page-method .page-contents h2{flex-basis:100%}.page-method .authp{grid-template-columns:55px minmax(0,1fr);gap:14px}.page-method .authp>img{width:55px;height:66px}
.page-faq .page-intro h1{font-size:36px}.page-faq .faqsec h2{font-size:29px}.page-faq .faqsec details{padding:0 16px}.page-faq .faq-contact{width:100%}
.page-contact .page-intro h1{font-size:36px}.page-contact .contact-options{display:grid;grid-template-columns:1fr;gap:23px}.page-contact .contact-layout h2{font-size:29px}
.page-press .page-intro h1{font-size:37px}.page-press .press-content h2{font-size:29px}
}
/* About stat boxes, kept from the current page (Will 2026-11-02). */
.page-about .lstats{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:26px}
.page-about .lstat b{display:block;font:500 34px/1.1 var(--display);color:var(--accent)}
.page-about .lstat span{display:block;font-size:13px;color:var(--muted);margin-top:4px}