/* Line Tape for the reading pages (privacy, support, pricing), layered on landing.css. */
.top nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--tomato); }

.doc { max-width: 800px; margin: 0 auto; padding: 8px var(--gutter) 56px; }
.doc-sheet { background: var(--porcelain); border: 1px solid var(--rule); border-radius: var(--radius); padding: clamp(24px, 5vw, 56px); }
.doc-head { margin-bottom: 28px; }
.doc-head .eyebrow { margin-bottom: 12px; }
.doc-head h1 { font-size: clamp(48px, 9vw, 80px); }
.doc-head .lead { margin-top: 14px; max-width: 52ch; color: var(--ink-soft); font-size: clamp(18px, 2vw, 20px); }

.doc h2 { font-size: clamp(28px, 4vw, 34px); margin: 44px 0 12px; }
.doc h3 { font: 600 19px/1.3 var(--font-body); text-transform: none; margin: 26px 0 6px; }
.doc p, .doc li { max-width: 68ch; }
.doc p + p { margin-top: 12px; }
.doc ul { margin: 10px 0 0; padding-left: 22px; }
.doc li { margin-bottom: 6px; }
.doc li::marker { color: var(--tomato); }
.doc a { color: var(--tomato); }

.note { margin: 24px 0; padding: 18px 20px; background: var(--ticket); border: 1px dashed var(--ticket-rule); border-radius: var(--radius);
 font: 400 15px/1.6 var(--font-ticket); }
.note .tape { margin: -30px 0 10px -6px; font-size: 17px; }
.note h3 { margin-top: 0; font-family: var(--font-ticket); font-size: 15px; letter-spacing: .6px; text-transform: uppercase; }

.tiers { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 8px 0 0; }
@media (min-width: 640px) { .tiers { grid-template-columns: 1fr 1fr; } }
.tier { display: flex; flex-direction: column; gap: 6px; padding: 22px 22px 14px; background: var(--steel); border: 1px solid var(--rule);
 border-top: 4px solid var(--herb); border-radius: var(--radius); }
.tier.planned { border-top-color: var(--tomato); }
.tier-name { font: 500 13px/1.3 var(--font-ticket); letter-spacing: 1.4px; text-transform: uppercase; color: var(--herb); }
.tier.planned .tier-name { color: var(--tomato); }
.tier-price { font: 800 52px/1 var(--font-display); }
.tier-price small { font: 600 20px/1 var(--font-display); color: var(--ink-soft); text-transform: uppercase; }
.tier-alt { color: var(--ink-soft); font-size: 15px; }
.doc .tier ul { list-style: none; margin: 10px 0 0; padding: 0; }
.tier li { position: relative; margin: 0; padding: 9px 0 9px 26px; border-top: 1px solid var(--rule); font-size: 16px; }
.tier li::before { content: "\2713"; position: absolute; left: 2px; color: var(--herb); font-weight: 700; }
.tier.planned li::before { color: var(--tomato); }
.tier li.no { color: var(--ink-soft); }
.tier li.no::before { content: "\2013"; color: var(--ink-soft); }

.updated { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--rule); font: 400 13px/1.5 var(--font-ticket); color: var(--ink-soft); }