/* afk. weekly: product preview, clear comparison and an explicit signup journey. */
.weekly-page { padding:60px 0 64px; }
.weekly-page > .container { max-width:1140px; }
.weekly-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; align-items:start; }
.weekly-pitch h1 { font:800 clamp(42px,5.2vw,66px)/1.06 Manrope,Arial,sans-serif; letter-spacing:-.055em; margin:20px 0 24px; }
.weekly-pitch h1 em { font-style:normal; color:var(--muted); }
.weekly-deck { font-size:20px; line-height:1.65; max-width:510px; }
.weekly-meta { font-size:13px; color:var(--muted); margin:24px 0 36px; }
.weekly-signup { padding:28px 0; border-top:1px solid var(--line); scroll-margin-top:100px; }
.weekly-signup h2 { font-size:23px; margin:0 0 8px; letter-spacing:-.03em; }
.newsletter-form { margin-top:22px; }
.newsletter-form > label { display:block; margin-bottom:8px; font-size:14px; font-weight:600; }
.newsletter-entry { display:flex; gap:8px; }
.newsletter-entry input { min-width:0; flex:1; box-sizing:border-box; min-height:54px; padding:14px; border:1px solid var(--line); border-radius:4px; background:var(--paper); color:var(--ink); font:inherit; font-size:16px; }
.newsletter-button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:54px; padding:14px 23px; border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:var(--paper); font:inherit; font-weight:600; text-decoration:none; text-align:center; cursor:pointer; }
.newsletter-button:hover:not(:disabled) { background:var(--paper); color:var(--ink); }
.newsletter-button:disabled { cursor:default; opacity:.65; }
.newsletter-entry:has(input:read-only) .newsletter-button { opacity:1; }
.newsletter-note { color:var(--muted); font-size:13px; line-height:1.65; }
.newsletter-note a { text-decoration:underline; text-underline-offset:3px; }
.newsletter-message { margin:16px 0; font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.newsletter-message:empty { margin:0; }
.newsletter-next { margin-top:24px; border-left:3px solid var(--ink); padding:0 0 0 22px; }
.newsletter-next h3 { font:700 32px/1.15 Manrope,Arial,sans-serif; letter-spacing:-.04em; margin:12px 0; }
.newsletter-next p { line-height:1.65; }
.newsletter-edit { display:block; padding:8px 0; border:0; background:none; color:var(--ink); font:inherit; font-size:14px; text-decoration:underline; cursor:pointer; }
.newsletter-next .text-link { display:inline-block; margin-top:18px; }
.weekly-preview { background:#242622; padding:22px; color:#f3f0e9; border-radius:6px; }
.preview-top { display:flex; justify-content:space-between; gap:16px; font-size:10px; letter-spacing:.12em; padding:2px 0 20px; }
.preview-paper { background:#f3f0e9; color:#20221f; padding:30px; box-shadow:0 8px 20px #0003; }
.preview-masthead { font:800 56px/1 Manrope,Arial,sans-serif; letter-spacing:-.07em; border-bottom:2px solid #20221f; padding-bottom:18px; }
.preview-masthead span { font-size:23px; font-weight:500; letter-spacing:-.04em; margin-left:10px; }
.preview-label { font-size:10px; color:#5f625b; margin:12px 0 28px; }
.preview-kicker,.preview-briefs span,.preview-watch > span { font-size:10px; font-weight:700; letter-spacing:.1em; }
.preview-paper h2 { font:800 32px/1.12 Manrope,Arial,sans-serif; letter-spacing:-.045em; margin:14px 0; }
.preview-paper > p:not([class]) { font-size:14px; line-height:1.65; }
.preview-briefs { border-top:1px solid #c8c7bd; border-bottom:1px solid #c8c7bd; margin:22px 0; padding:8px 0; font-size:12px; line-height:1.55; }
.preview-watch { background:#e4e1d5; padding:14px; }
.preview-watch p { font-size:12px; line-height:1.6; margin:6px 0 0; }
.preview-signoff { font-size:12px; line-height:1.65; margin-bottom:0; }
.preview-caption { font-size:12px; line-height:1.6; margin:20px 0 0; color:#d3d4cb; }
.weekly-comparison { margin:76px 0 56px; }
.weekly-comparison h2,.weekly-close h2 { font:800 clamp(30px,4vw,44px)/1.12 Manrope,Arial,sans-serif; letter-spacing:-.045em; margin:14px 0 20px; }
.weekly-comparison > p { line-height:1.65; color:var(--muted); }
.weekly-comparison table { width:100%; border-collapse:collapse; table-layout:fixed; margin-top:30px; font-size:15px; }
.weekly-comparison th,.weekly-comparison td { padding:18px 16px; border-bottom:1px solid var(--line); vertical-align:middle; }
.weekly-comparison th:first-child { width:50%; text-align:left; font-weight:500; }
.weekly-comparison td,.weekly-comparison thead th:not(:first-child) { text-align:center; }
.weekly-comparison th:last-child,.weekly-comparison td:last-child { background:var(--surface); }
.weekly-comparison thead th { font-size:19px; border-top:1px solid var(--line); }
.weekly-comparison small { display:block; font-size:11px; font-weight:400; line-height:1.5; margin-top:5px; color:var(--muted); }
.weekly-comparison td > span { font-size:24px; }
.weekly-close { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:36px 0; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.weekly-close p { line-height:1.7; color:var(--muted); }
.weekly-close .newsletter-button { flex-shrink:0; }
.weekly-smallprint { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:24px; font-size:13px; color:var(--muted); line-height:1.7; }
.weekly-smallprint strong { display:block; color:var(--ink); }
.newsletter-confirm-page { max-width:760px; padding-top:60px; padding-bottom:80px; }
.confirmation-card { padding:40px; background:var(--surface); border:1px solid var(--line); }
.confirmation-mark { font:800 64px/1 Manrope,Arial,sans-serif; letter-spacing:-.07em; margin:28px 0; }
.newsletter-confirm-page h1 { font:800 clamp(36px,6vw,56px)/1.08 Manrope,Arial,sans-serif; letter-spacing:-.05em; margin:24px 0; }
.newsletter-confirm-page p { line-height:1.7; }
.newsletter-confirm-page .newsletter-button { margin:14px 0; }
#newsletterWelcome { border-top:1px solid var(--line); margin-top:30px; padding-top:24px; }
#newsletterWelcome h2 { font-size:25px; line-height:1.2; letter-spacing:-.03em; }
#newsletterWelcome .text-link { display:block; margin:12px 0; }
.weekly-page :is(input,button,a):focus-visible,.newsletter-confirm-page :is(button,a):focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
@media(max-width:850px) { .weekly-hero { grid-template-columns:1fr; gap:28px; } .weekly-pitch { max-width:640px; } .weekly-preview { max-width:500px; margin:auto; width:100%; box-sizing:border-box; } .weekly-close { align-items:flex-start; flex-direction:column; } }
@media(max-width:480px) { .weekly-page { padding-top:30px; } .newsletter-entry { flex-direction:column; } .weekly-preview { padding:16px; } .preview-paper { padding:23px; } .weekly-comparison th,.weekly-comparison td { padding:14px 8px; } .weekly-comparison th:first-child { width:44%; } .weekly-comparison table { font-size:13px; } .weekly-comparison thead th { font-size:15px; } .weekly-smallprint { grid-template-columns:1fr; gap:0; } .confirmation-card { padding:24px; } .newsletter-confirm-page { padding-top:30px; } .newsletter-confirm-page .newsletter-button,.weekly-close .newsletter-button { width:100%; } }