.summary-screen .summary-highlights{margin-top:24px}
.summary-basis{margin-top:18px;text-align:left;font:15px/1.8 var(--sans);color:#355160}
.summary-basis summary{cursor:pointer;color:#74531b;font-weight:700}
.summary-basis p{margin-top:10px}
.saved-card-preview{display:block;width:100%;height:auto;margin:16px 0}
.site-share-url{width:100%;padding:12px;font-size:16px}
.summary-screen .summary-highlights h2{font:700 20px/1.6 var(--sans);color:#172e3b;letter-spacing:-.3px;margin:0 0 12px}
.summary-screen .summary-highlights dl{display:grid;gap:10px;margin:0}
.summary-screen .summary-highlights dl>div{padding:18px 20px;border:1px solid #cdd6d7;border-radius:8px;background:#fff}
.summary-screen .summary-highlights dt{font:700 15px/1.6 var(--sans);color:#765817;margin:0 0 6px}
.summary-screen .summary-highlights dd{font:18px/1.8 var(--sans);color:#203845;margin:0;word-break:normal;overflow-wrap:break-word}
.summary-screen .summary-reminder{display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:#eee7d9;border:1px solid #d6c7a7;border-radius:8px;margin:16px 0 0;padding:17px 20px;text-align:left}
.summary-screen .summary-reminder>span{font:700 14px/1.6 var(--sans);color:#674d20}
.summary-screen .summary-reminder>strong{font:600 17px/1.8 var(--sans);color:#263d48}
.summary-screen .unlock-row{border-top:1px solid #d6d5cb;margin-top:24px;padding-top:24px}
.summary-screen .unlock-row>div>strong{display:block;font:700 20px/1.6 var(--sans);color:#172e3b;margin-bottom:8px}
.summary-screen .unlock-row>div>.detail-includes{font-size:14px;line-height:1.8;color:#465d69;margin-top:12px}
.summary-screen .summary-early-access{margin-top:18px;padding:20px;background:#edf3f3;border:1px solid #c6d6d8;border-radius:10px;gap:12px}
.summary-screen .summary-early-access>div>strong{font-size:19px;margin-bottom:6px}
.summary-screen .summary-early-access>div>p{font-size:15px;color:#375361;line-height:1.8;margin:0}
.summary-screen .summary-early-access .button{min-height:54px}
@media(max-width:760px){.summary-screen .summary-early-access{padding:18px 16px}.summary-screen .summary-early-access>div>strong{font-size:18px}}
@media(max-width:760px){.summary-screen .summary-highlights dl>div{padding:16px}.summary-screen .summary-highlights dd{font-size:18px;line-height:1.85}.summary-screen .summary-reminder{padding:16px}.summary-screen .unlock-row>div>strong{font-size:19px}}
