/* Public plan comparison uses the same paper, ink and cobalt as the landing. */
.subscriptions-page .nav-logo img{width:214px}
.subscriptions-main{max-width:1312px;padding-top:68px;padding-bottom:60px}
.subscriptions-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:46px}
.subscriptions-heading h1{font-size:clamp(38px,4.3vw,60px);line-height:1.07;letter-spacing:-.035em}
.subscriptions-heading>p{font-size:18px;line-height:1.6;margin:0 0 4px;max-width:38ch}
#plans{scroll-margin-top:96px;outline:none}
.plans-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.plans-toolbar>p{font-size:14px;line-height:1.5;max-width:50ch;text-align:right}
.plans-period{display:flex;gap:4px;padding:4px;background:#E8E9ED;border-radius:999px;flex:none}
.plans-period button{background:transparent;border:0;border-radius:999px;font-size:15px;font-weight:500;min-width:112px;min-height:44px;padding:8px 20px;color:var(--text-body)}
.plans-period button[aria-pressed="true"]{background:var(--text-heading);color:#fff}
.plans-period button:not([aria-pressed="true"]):hover{background:#DDDFE5}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.plan{min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column}
.plan--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.plan-heading h2{font-size:25px;letter-spacing:-.02em}
.plan-selection{font-size:11px;font-weight:500;color:var(--accent-hover)}
.plan-allotment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;background:#F7F4ED url('/assets/landing-v2/paper-stock.jpg') 0 0/320px;border-radius:8px;box-shadow:0 1px 0 #DCD7CD,2px 6px 14px -12px #302B2230}
.plan-volume{display:flex;align-items:center;gap:12px;color:var(--text-heading)}
.plan-volume strong{font-size:48px;line-height:1;font-weight:500;letter-spacing:-.04em}
.plan-volume span{font-size:13px;line-height:1.3;max-width:9ch}
.plan-dots{width:90px;height:auto;flex:none}
.plan-price{font-size:clamp(28px,2.6vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.2;color:var(--text-heading);margin-top:28px;font-variant-numeric:tabular-nums}
.plan-price-period{font-size:13px;margin-top:5px;color:var(--text-muted)}
.plan-saving{min-height:42px;padding-top:12px;font-size:13px;line-height:1.4;color:var(--ok)}
.plan-extra{margin:10px 0 26px;border-top:1px solid var(--border);padding-top:16px;font-size:13px;line-height:1.5}
.plan-extra b{font-weight:500;color:var(--text-heading);white-space:nowrap}
.plan .btn{width:100%;margin-top:auto;min-height:48px;font-size:15px}
.plans-status{font-size:15px;margin:20px 0;max-width:70ch}
.plans-status:empty{display:none}
.plans-status.is-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#plans-retry{margin-bottom:24px}
.plans-message{padding:24px 0}
.plans-message a,.plans-faq a{color:var(--accent-hover);text-decoration:underline}
.plans-included{display:grid;grid-template-columns:1fr 2fr;gap:12px 32px;margin-top:34px;padding:28px 0 34px;border-bottom:1px solid var(--border-strong)}
.plans-included h2{font-size:19px;line-height:1.4}
.plans-included>div{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--text-heading);font-size:15px}
.plans-included>div p{display:flex;align-items:center;gap:10px}
.plans-included>div p::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}
.plans-included-note{grid-column:2;font-size:13px;line-height:1.6}
.plans-oneoff{margin-top:32px;display:grid;gap:14px}
.oneoff-option{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px 28px}
.oneoff-option h2{font-size:20px;line-height:1.3;margin-bottom:5px}
.oneoff-option p{font-size:14px}
.oneoff-price{color:var(--text-heading);font-size:26px;font-weight:500;white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums}
.plans-text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-strong);padding-block:5px;font-size:15px;font-weight:500;color:var(--text-heading)}
.plans-text-link:hover{border-color:var(--text-heading)}
.plans-terms{display:grid;grid-template-columns:1fr 2fr;gap:40px 60px;margin-top:80px}
.plans-terms h2{font-size:30px;line-height:1.15;max-width:13ch}
.plans-faq details{border-top:1px solid var(--border-strong)}
.plans-faq summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;padding-block:20px;font-size:16px;font-weight:500;line-height:1.4;color:var(--text-heading);cursor:pointer}
.plans-faq summary::-webkit-details-marker{display:none}
.plans-faq summary::after{content:'';width:8px;height:8px;border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg);flex:none;margin-right:3px}
.plans-faq details[open] summary::after{transform:rotate(225deg)}
.plans-faq p{font-size:15px;line-height:1.6;max-width:65ch;padding-bottom:22px}
.plans-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:60px;padding-top:28px;border-top:1px solid var(--border-strong)}
.plans-contact p{font-size:20px;color:var(--text-heading)}
.subscriptions-footer{display:flex;justify-content:space-between;align-items:start;gap:24px;border-top:1px solid var(--border);padding-block:28px 40px;font-size:13px}
.subscriptions-footer>a{font-weight:500;color:var(--text-heading)}
.subscriptions-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}
.subscriptions-footer a:hover{text-decoration:underline}
@media(max-width:1100px){
 .subscriptions-heading{align-items:start;flex-direction:column;gap:20px}.subscriptions-heading>p{max-width:50ch}
 .plan{padding:22px}.plan-allotment{padding:16px 12px}.plan-volume{gap:9px}.plan-volume strong{font-size:40px}.plan-dots{width:65px}.plans-grid{gap:16px}.plan-price{font-size:30px}
}
@media(max-width:800px){
 .plans-grid{grid-template-columns:minmax(0,1fr)}.plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;padding:28px}
 .plan-heading{grid-column:1 / -1;margin-bottom:20px}.plan-allotment{grid-row:2 / 5;align-self:start;min-height:112px}.plan-dots{width:90px}.plan-volume strong{font-size:46px}
 .plan-price{margin-top:0}.plan-saving{min-height:36px;padding-top:8px}.plan-extra{margin-bottom:18px;grid-column:2}.plan .btn{grid-column:2}
 .plans-included{grid-template-columns:1fr;gap:14px}.plans-included-note{grid-column:auto}.plans-terms{grid-template-columns:1fr;gap:24px}.plans-terms h2{max-width:none}
 .oneoff-option{flex-wrap:wrap}.oneoff-price{margin-left:0}.oneoff-option>div{flex:1 1 55%}.oneoff-option .plans-text-link{margin-left:auto}
}
@media(max-width:560px){
 .subscriptions-page .nav-logo img{width:198px}.subscriptions-main{padding-top:42px;padding-bottom:42px}.subscriptions-heading{margin-bottom:32px}.subscriptions-heading h1{font-size:38px}.subscriptions-heading>p{font-size:16px}
 .plans-toolbar{align-items:start;flex-direction:column;gap:16px;margin-bottom:22px}.plans-toolbar>p{text-align:left;font-size:13px;max-width:32ch}.plans-period{width:100%}.plans-period button{flex:1}
 .plan{display:flex;padding:24px}.plan-heading{margin-bottom:20px}.plan-allotment{align-self:stretch;min-height:100px}.plan-volume strong{font-size:52px}.plan-volume span{font-size:14px}.plan-dots{width:104px}.plan-price{font-size:36px;margin-top:24px}.plan-saving{min-height:0;padding-top:10px}.plan-saving:empty{padding:0}.plan-extra{margin-top:20px}
 .plans-included{margin-top:24px;padding-block:20px 28px}.plans-included>div{flex-direction:column;gap:10px}.plans-included-note{font-size:13px}
 .oneoff-option{padding:22px;gap:16px}.oneoff-option>div{flex-basis:100%}.oneoff-option .plans-text-link{margin-left:0}
 .plans-terms{margin-top:54px}.plans-terms h2{font-size:28px}.plans-faq summary{font-size:15px}.plans-faq p{font-size:14px}.plans-contact{align-items:start;flex-direction:column;margin-top:40px}.plans-contact p{font-size:18px}
 .subscriptions-footer{flex-direction:column}.subscriptions-footer nav{gap:12px 20px;font-size:12px}
}
@media(max-width:360px){.subscriptions-page .nav-logo img{width:170px}.plan{padding:20px}.plan-dots{width:80px}.subscriptions-heading h1{font-size:34px}.plan-price{font-size:32px}}