/* Benefits remain outside the subscription button so reading never initiates checkout. */
.plan-tile{min-width:0;display:flex;flex-direction:column;gap:10px}.membership-grid,.claude-plan-grid,.grok-plan-grid{align-items:start}.plan-tile>.membership-plan,.plan-tile>.claude-plan{width:100%;box-sizing:border-box}.plan-benefit-preview{width:100%;box-sizing:border-box;margin:-7px 0 20px;text-align:left}.plan-usage-badge{display:inline-block;font-size:12px;font-weight:500;line-height:1.65;color:var(--tier,#edc5a7);background:#ffffff05;border:1px solid #ffffff15;border-radius:5px;padding:6px 8px;white-space:normal}.benefit-grok .plan-usage-badge{color:#bdd2f1}.benefit-gemini .plan-usage-badge{color:#d4c8ff}.plan-benefit-preview ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;font-size:13px;line-height:1.75;color:#b6c2aa;min-height:53px}.plan-benefit-preview li{display:flex;align-items:baseline;gap:6px}.plan-benefit-preview li:before{content:'·';color:var(--tier,#c5f77e);font-size:16px;flex-shrink:0}.benefit-claude .plan-benefit-preview ul{color:#c6b6a5}.benefit-grok .plan-benefit-preview ul{color:#b0bed0}.benefit-gemini .plan-benefit-preview ul{color:#c2b6d5}.plan-benefit-details{border:1px solid #b8d79925;border-radius:9px;background:#11180f80;overflow:hidden}.plan-benefit-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:14px 13px;font-size:12px;color:#c7d8b6;line-height:1.8}.plan-benefit-details summary::-webkit-details-marker{display:none}.plan-benefit-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.plan-detail-toggle{font-size:20px;font-weight:400;flex-shrink:0}.plan-benefit-details[open] .plan-detail-toggle{transform:rotate(45deg)}.plan-benefit-body{padding:3px 15px 18px}.plan-benefit-body h4{font-size:16px;line-height:1.6;color:#e6eedd;margin:7px 0 18px;font-weight:500}.plan-benefit-body dl{margin:0}.plan-benefit-body dt{font-size:11px;color:#90a47e;margin-top:17px;line-height:1.7}.plan-benefit-body dd{margin:5px 0 0;font-size:14px;line-height:1.9;color:#bac7ae;overflow-wrap:anywhere}.plan-source-links{display:flex;flex-wrap:wrap;gap:8px 15px}.plan-source-links a{font-size:11px;line-height:1.8;color:#b9d998;text-underline-offset:4px}.plan-source-date{font-size:10px!important;color:#849676!important;line-height:1.8;margin:22px 0 10px!important}.plan-reference-note{padding:18px 20px;border-left:2px solid #c5f77e65;background:#b5e77505;border-radius:0 8px 8px 0;margin:0 0 26px}.plan-reference-note strong{font-size:12px;font-weight:500;color:#c8ddba}.plan-reference-note p{font-size:14px;line-height:1.95;color:#a7b49b;margin:9px 0 12px}.plan-reference-note small{display:block;font-size:11px;line-height:1.9;color:#849676;margin-top:12px}.benefit-claude .plan-benefit-details{border-color:#d9b08a30;background:#1a171280}.benefit-grok .plan-benefit-details{border-color:#abc4ec30;background:#12171d80}.benefit-gemini .plan-benefit-details{border-color:#c5b8ff30;background:#17131e80}.benefit-claude .plan-benefit-details summary{color:#e6c4a7}.benefit-grok .plan-benefit-details summary{color:#bdd2f1}.benefit-gemini .plan-benefit-details summary{color:#d4c8ff}#softwareGemini .plan-reference-note{border-left-color:#c5b8ff80}#softwareGrok .plan-reference-note{border-left-color:#abc4ec80}#softwareClaude .plan-reference-note{border-left-color:#d9b08a80}
@media(max-width:600px){.plan-reference-note{padding:16px}.plan-reference-note p{font-size:14px}.plan-benefit-details summary{font-size:14px;padding:15px 18px}.plan-benefit-body{padding:3px 18px 20px}.plan-benefit-preview ul{font-size:14px;min-height:0}.plan-benefit-preview{margin-bottom:20px}.plan-source-links a{font-size:12px}}
.plan-detail-button{width:100%;text-align:left;font:inherit;cursor:pointer;padding:0;color:var(--text)}.plan-detail-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 13px;font-size:12px;color:#c7d8b6;line-height:1.8}.plan-detail-button:hover{border-color:#c5f77e70}.plan-detail-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.plan-benefits-dialog{box-sizing:border-box;width:min(800px,calc(100vw - 28px));max-height:90dvh;padding:25px;border:1px solid #b8d79940;border-radius:16px;background:#121a12;color:var(--text);overflow:auto}.plan-benefits-dialog::backdrop{background:#030903d9;backdrop-filter:blur(8px)}.plan-benefits-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.plan-benefits-dialog-head h2{font-size:23px;font-weight:500;line-height:1.5;margin:0}.plan-benefits-dialog-head button{flex-shrink:0}.plan-benefits-dialog .plan-benefit-body{padding:0}.plan-benefits-dialog .plan-benefit-body h4{display:none}.plan-benefits-dialog dl{display:grid;grid-template-columns:130px 1fr;gap:17px 20px;margin-top:24px}.plan-benefits-dialog dt{margin:0;font-size:13px}.plan-benefits-dialog dd{margin:0;font-size:15px;line-height:1.9}.plan-benefits-dialog .plan-source-date{border-top:1px solid var(--line);padding-top:18px}.plan-benefits-dialog .plan-source-links a{font-size:13px}@media(max-width:600px){.plan-detail-label{padding:15px 18px;font-size:14px}.plan-benefits-dialog{padding:20px}.plan-benefits-dialog-head h2{font-size:19px}.plan-benefits-dialog dl{grid-template-columns:1fr;gap:7px}.plan-benefits-dialog dd{margin-bottom:12px}}

/* Keep manual subscription cards and their detail buttons aligned within each row. */
.claude-plan-grid,.grok-plan-grid{align-items:stretch}
.claude-plan-grid>.plan-tile>.claude-plan,.grok-plan-grid>.plan-tile>.claude-plan{flex:1}

/* Equal-height ChatGPT cards keep subscription and benefits actions aligned. */
.membership-grid{align-items:stretch}.membership-grid>.plan-tile>.membership-plan{flex:1}.membership-grid>.plan-tile>.membership-plan .plan-bottom{margin-top:auto}