/* The rate table. One framed sheet, the way the site uses its antique frame once for the demo: rows and running text in place of cards. */
.ld-head{max-width:44rem;margin-bottom:clamp(40px,5vw,64px)}
.ld-head h2{font-size:clamp(2.4rem,4.8vw,4.3rem);margin:0 0 20px}
.ld-head .lede{max-width:36rem;text-shadow:0 1px 18px rgba(4,11,22,.8)}

.ld-sheet{position:relative;padding:clamp(30px,3.4vw,50px) clamp(26px,3.6vw,58px) clamp(30px,3vw,44px);background:radial-gradient(120% 90% at 50% 0,#0d2038 0,#081626 58%,#060f1c 100%);box-shadow:0 40px 90px -40px rgba(0,0,0,.95)}
.ld-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}

.ld-effort{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 6px;border:0;margin:0 0 10px;padding:0;min-width:0}
.ld-effort legend{float:left;margin-right:12px;padding:0;color:var(--mist);font-size:.95rem;line-height:44px}
.ld-effort label{position:relative;cursor:pointer}
.ld-effort input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ld-effort span{display:flex;align-items:center;min-height:44px;padding:0 12px;font:400 1.22rem/1 var(--serif);color:var(--mist);box-shadow:inset 0 -1px 0 transparent;transition:color .2s var(--ease),box-shadow .2s var(--ease)}
.ld-effort label:hover span{color:var(--ivory)}
.ld-effort input:checked+span{color:var(--gold-hi);box-shadow:inset 0 -1px 0 var(--gold)}
.ld-effort input:focus-visible+span{outline:1.5px solid var(--gold-hi);outline-offset:2px}

.ld-table{position:relative;z-index:1;width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.ld-table col{width:auto}
.ld-table thead th{padding:0 18px 12px 0;text-align:left;font:400 .9rem/1.3 var(--sans);color:var(--mist);border-bottom:1px solid var(--line2)}
.ld-table thead th:nth-child(1){width:23%}.ld-table thead th:nth-child(2){width:12%}.ld-table thead th:nth-child(3){width:9%}.ld-table thead th:nth-child(4){width:17%}.ld-table thead th:nth-child(5){width:24%}.ld-table thead th:nth-child(6){width:15%}
.ld-table tbody th,.ld-table td{padding:28px 18px 28px 0;text-align:left;vertical-align:baseline;font-weight:300;border-bottom:1px solid var(--line)}
.ld-table tbody tr:last-child th,.ld-table tbody tr:last-child td{border-bottom:0}
.ld-name{display:block;font:400 2rem/1.1 var(--serif);color:var(--ivory)}
.ld-for{display:block;margin-top:7px;font-size:.95rem;line-height:1.4;color:var(--mist)}
.ld-pick{display:block;margin-top:7px;font:italic 400 1.08rem/1.25 var(--serif);color:var(--gold-hi)}
.ld-price b{font:400 2.5rem/1 var(--serif);color:var(--ivory)}
.ld-price span{display:block;margin-top:6px;font-size:.92rem;color:var(--mist)}
.ld-credits{font:400 1.3rem/1.2 var(--serif);color:var(--ivory)}
.ld-buys .big{display:block;font:400 1.3rem/1.2 var(--serif);color:var(--ivory)}
.ld-buys .small{display:block;margin-top:6px;font-size:.92rem;line-height:1.35;color:var(--mist)}
.ld-buys.off .big{color:var(--mist)}
.ld-inc{font-size:.97rem;line-height:1.5;color:var(--mist)}
.ld-act{text-align:right!important;padding-right:0!important}
.ld-act .btn{white-space:nowrap;padding:0 16px;max-width:100%}
.ld-go{display:inline-flex;align-items:center;min-height:44px;color:var(--ivory);font-size:1rem;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:5px;transition:color .2s var(--ease),text-decoration-color .2s var(--ease)}
.ld-go:hover{color:var(--gold-hi);text-decoration-color:var(--gold-hi)}
.ld-note{position:relative;z-index:1;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line2);max-width:64rem;font-size:.97rem;line-height:1.6;color:var(--mist)}

.ld-terms{max-width:42rem;margin:clamp(44px,5vw,72px) 0 0 auto;text-shadow:0 1px 14px rgba(4,11,22,.95)}
.ld-terms p{margin:0 0 16px;font-size:1.04rem;line-height:1.65;color:#d6dde5}
.ld-terms em{font:italic 400 1.14rem/1 var(--serif);color:var(--ivory)}
.ld-terms a{color:var(--gold-hi);text-decoration-color:var(--line2);text-underline-offset:3px}
.ld-terms a:hover{text-decoration-color:var(--gold-hi)}
.ld-terms .ld-fine{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:.92rem;color:var(--mist)}

/* narrower screens: the Included text moves under its row instead of being squeezed or lost */
@media (min-width:821px) and (max-width:1180px){
  .ld-table,.ld-table thead,.ld-table tbody{display:block}
  .ld-table tr{display:grid;grid-template-columns:30% 14% 12% minmax(0,1fr) auto;column-gap:0;align-items:baseline}
  .ld-table thead th{width:auto!important}
  .ld-table thead th:nth-child(5){display:none}
  .ld-table thead th:nth-child(4){grid-column:4/-1}
  .ld-table thead th:nth-child(6){display:none}
  .ld-table thead tr{border-bottom:1px solid var(--line2)}.ld-table thead th{border-bottom:0}
  .ld-table tbody tr{padding:26px 0;border-bottom:1px solid var(--line)}
  .ld-table tbody tr:last-child{border-bottom:0}
  .ld-table tbody th,.ld-table td{display:block;padding:0 18px 0 0;border:0}
  .ld-inc{grid-column:1/-1;grid-row:2;margin-top:14px;max-width:44rem}
}
@media (max-width:820px){
  .ld-sheet{padding:30px 24px 28px}
  .ld-effort{justify-content:flex-start;margin-bottom:6px}.ld-effort legend{float:none;width:100%;line-height:1.4;margin:0 0 2px}.ld-effort span{padding:0 18px 0 0}
  .ld-table,.ld-table tbody,.ld-table tr,.ld-table td,.ld-table tbody th{display:block;width:100%}
  .ld-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ld-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding:24px 0;border-bottom:1px solid var(--line)}
  .ld-table tbody tr:last-child{border-bottom:0;padding-bottom:6px}
  .ld-table tbody th,.ld-table td{padding:0;border:0}
  .ld-table tbody th{grid-column:1;grid-row:1}
  .ld-price{grid-column:2;grid-row:1;text-align:right!important}
  .ld-price b{font-size:2.2rem}
  .ld-credits{grid-column:1/-1;margin-top:16px;font:300 .97rem/1.4 var(--sans);color:var(--mist)}
  .ld-credits::after{content:" credits a month"}
  .ld-buys{grid-column:1/-1;margin-top:6px}
  .ld-inc{display:block;grid-column:1/-1;margin-top:12px}
  .ld-act{grid-column:1/-1;margin-top:14px;text-align:left!important}
  .ld-act .btn{width:100%}
  .ld-terms{margin-left:0}
}