/* Desktop content density. Natural document scroll remains available after disclosures expand. */
@media (min-width:761px){
 :is(.subscription-page,.changelog-page,.resources-page) .page-content{padding-block:24px 28px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;text-align:left;align-items:end;margin-bottom:26px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading>.eyebrow{grid-area:1/1;margin:0}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading>h1{grid-area:2/1;font-size:38px;line-height:1.25;margin:0}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading>p:not(.eyebrow){grid-area:2/2;font-size:12px;padding-bottom:4px}
 .pricing-card{padding:24px}
 .plan-top{margin-bottom:16px}
 .plan-price{margin-block:18px 8px;min-height:56px}
 .plan-price strong{font-size:50px}
 .pricing-card>.button{margin-top:18px;min-height:42px;padding-block:10px}
 .plan-rule{margin-block:20px 18px}
 .benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;font-size:12px}
 .benefit-list li{gap:7px;min-width:0}
 .plan-selection{padding-block:16px}
 .plan-selection>.button{min-height:40px;padding-block:9px}
 
 .release-trigger{padding:18px 24px}
 .release-art{height:128px}
 .release-inner>h2{margin-top:18px;font-size:21px}
 .release-inner>ul{padding-block:18px 24px;gap:12px}
 .resource-card{min-height:205px;padding:24px}
 .resource-card>.icon{margin-bottom:20px}
 .resource-status{margin-top:20px}
 .faq-section{padding-top:32px}
 .faq-section>h2{font-size:22px;margin-bottom:16px}
 .faq-section details{padding-block:16px}
}
@media (min-width:761px) and (max-height:800px){
 :is(.subscription-page,.changelog-page,.resources-page) .page-content{padding-block:16px 20px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading{gap:6px 22px;margin-bottom:20px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading>h1{font-size:32px}
 .pricing-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto auto auto;column-gap:12px;align-content:start;padding:18px 20px}
 .plan-top{grid-area:1/1/2/3;margin-bottom:14px}
 .pricing-card>h2{grid-area:2/1;font-size:17px;line-height:24px}
 .plan-caption{grid-area:3/1;font-size:11px;line-height:18px;margin-top:5px}
 .plan-price{grid-area:2/2/4/3;align-self:center;margin:0;min-height:0;gap:3px}
 .plan-price strong{font-size:44px}
 .plan-price>span{font-size:14px}
 .plan-price small{font-size:10px;margin-left:2px}
 .credit-summary{grid-area:4/1/5/3;font-size:11px;min-height:20px;margin-top:14px}
 .pricing-card>.button{grid-area:5/1/6/3;margin-top:14px;min-height:38px;padding-block:8px}
 .plan-rule{grid-area:6/1/7/3;margin-block:16px 14px}
 .benefit-list{grid-area:7/1/8/3;gap:10px 10px;font-size:11px;line-height:18px}
 .plan-selection{padding-block:12px}
 
 .release-trigger{padding:14px 22px}
 .release-art{height:80px}
 .release-art>i{height:46px}
 .release-inner>h2{font-size:20px;margin-top:14px}
 .release-inner>p{margin-top:7px}
 .release-inner>ul{padding-block:16px 20px;gap:10px}
 .release-list{gap:14px}
 .resource-card{padding:20px;min-height:170px}
 .resource-card>.icon{width:24px;height:24px;margin-bottom:14px}
 .resource-card h2{font-size:18px}
 .resource-status{margin-top:16px}
 .faq-section{padding-top:24px}
 .faq-section>h2{font-size:20px;margin-bottom:12px}
 .faq-section details{padding-block:13px}
}
@media (min-width:761px) and (max-height:650px){
 :is(.subscription-page,.changelog-page,.resources-page) .page-content{padding-block:12px 16px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading{gap:5px 18px;margin-bottom:16px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading>h1{font-size:28px}
 :is(.subscription-page,.changelog-page,.resources-page) .page-heading>p:not(.eyebrow){font-size:11px;padding-bottom:2px}
 .pricing-card{padding:14px 16px;column-gap:8px}
 .plan-top{margin-bottom:10px}
 .plan-top .pill{font-size:10px;padding-block:2px}
 .pricing-card>h2{font-size:15px;line-height:22px}
 .plan-caption{font-size:11px;margin-top:3px}
 .plan-price strong{font-size:36px}
 .credit-summary{margin-top:10px;min-height:18px}
 .pricing-card>.button{margin-top:10px;min-height:36px;padding-block:7px}
 .plan-rule{margin-block:12px 10px}
 .benefit-list{gap:8px 8px}
 .plan-selection{padding-block:10px}
 .plan-selection>.button{min-height:36px;padding-block:7px}
 
 .release-layout{gap:24px}
 .release-index>.preview-badge{margin-bottom:16px}
 .release-index>button{padding-block:12px}
 .release-index>p{margin-top:18px}
 .release-trigger{padding:12px 20px}
 .release-art{height:60px;margin-inline:20px}
 .release-art>i{height:34px;width:32px}
 .release-inner>h2,.release-inner>p,.release-inner>ul{margin-inline:20px}
 .release-inner>h2{font-size:18px;margin-top:12px}
 .release-inner>ul{padding-block:12px 16px;gap:8px}
 .resource-card{padding:18px;min-height:150px}
 .resource-card>.icon{margin-bottom:10px}
 .resource-card h2{font-size:17px}
 .resource-card p{font-size:11px;margin-top:6px}
 .resource-status{margin-top:12px}
 .faq-section{padding-top:18px}
 .faq-section>h2{font-size:18px;margin-bottom:8px}
 .faq-section details{padding-block:10px}
}