/* A reading desk for real letters. Styles stay on the dedicated newsletter page. */
.newsletter-page{--paper:#f3f1e9;--line:#d7d5ca;background:var(--paper)}
.nl-hero{padding-top:28px}.nl-masthead{display:flex;justify-content:space-between;gap:25px;font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#66685c}.nl-masthead>p{display:flex;gap:10px;align-items:center}.nl-masthead>p:before{content:'';width:7px;height:7px;border-radius:50%;border:1px solid #696d5b}.nl-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;padding-block:52px 45px}.nl-hero h1{font-family:var(--serif);font-weight:400;line-height:1;letter-spacing:-2.8px}.nl-hero h1>span{font-size:clamp(48px,5.5vw,78px);display:block}.nl-hero h1>em{font-size:clamp(90px,10vw,142px);font-weight:400;display:block;line-height:1.06;letter-spacing:-5.5px;margin-top:3px}.nl-title-note{font:400 18px/1.8 'Nothing You Could Do',cursive;color:#666c58;transform:rotate(-3deg);transform-origin:left;margin-top:16px}.nl-welcome{padding-top:14px;max-width:420px}.nl-welcome>p:first-child{font-size:18px;line-height:1.7;color:#40443a}.nl-welcome>p+p{font-size:12px;line-height:1.85;color:#626657;margin-top:18px;max-width:350px}.nl-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:#24291f;color:#fffdf7;font-size:12px;min-height:46px;border:1px solid #24291f;transition:background .2s ease}.nl-button:hover{background:#444d3a}.nl-welcome .nl-button{margin-top:25px}.nl-text-link{display:inline-block;font-size:11px;border-bottom:1px solid #7f8271;padding-bottom:3px}.nl-welcome .nl-text-link{margin-left:20px}.nl-subjects{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a9ad9a;border-bottom:1px solid #a9ad9a;padding-block:16px;font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#626657}.nl-subjects>span+span:before{content:'·';margin-right:32px;color:#a4aa96}
.nl-desk{padding-top:66px;padding-bottom:64px;scroll-margin-top:30px}.nl-desk-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.nl-desk-heading .eyebrow{font-size:9px;color:#626657;margin-bottom:12px}.nl-desk-heading h2{font:400 43px/1.1 var(--serif);letter-spacing:-1.3px}.nl-random{background:transparent;border:0;border-bottom:1px solid #8c907e;padding:6px 0;font-size:10px;margin-bottom:4px}.nl-random:hover{color:#5c694b;border-color:#5c694b}.nl-desk-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.65fr);gap:50px;align-items:start}.nl-tabs{display:flex;flex-direction:column;gap:11px;min-width:0}.nl-tab{position:relative;background:#eae8df;border:1px solid #d1d1c3;padding:21px 23px 19px;display:block;min-height:157px;transition:background .2s ease,border-color .2s ease;scroll-margin-top:22px}.nl-tab-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;font:8px/1.65 var(--mono);text-transform:uppercase;color:#626657}.nl-tab-meta>span{max-width:130px}.nl-tab-meta>time{white-space:nowrap}.nl-tab>strong{display:block;font:400 25px/1.13 var(--serif);letter-spacing:-.55px;max-width:255px;margin-top:15px}.nl-tab-state{display:block;font:8px/1.7 var(--mono);color:#626657;margin-top:17px}.nl-tab:hover{background:#f1f0e8;border-color:#a7ac99}.nl-tab.is-selected{background:#e0e6d4;border-color:#a7b298}.nl-tab.is-selected .nl-tab-state{color:#38482c}.nl-tab.is-selected:after{content:'';position:absolute;right:0;top:0;border-top:15px solid #f3f1e9;border-left:15px solid #b9c5a7}.nl-desk-note{font:400 17px/1.6 'Nothing You Could Do',cursive;color:#626657;transform:rotate(-5deg);align-self:center;margin-top:11px}.nl-panels{position:relative;min-width:0;isolation:isolate}.nl-panels:before,.nl-panels:after{content:'';position:absolute;inset:12px 0 -7px 6px;border:1px solid #d5d1c5;background:#ede9df;transform:rotate(-1.2deg);z-index:-1;pointer-events:none}.nl-panels:after{inset:7px 1px -4px 4px;transform:rotate(.7deg);background:#f9f6ef}.nl-paper{position:relative;background:#fffdf6;border:1px solid #d3cfc2;box-shadow:0 10px 25px -20px #37362970;padding:31px 39px 35px;min-height:573px;animation:nl-letter-arrive .22s ease-out;scroll-margin-top:24px}.nl-paper:focus-visible{outline:2px solid #6d7b5b;outline-offset:5px}.nl-paper-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #dedbce;font:8px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#6e7064}.nl-topic-stamp{border:1px solid #aeb69d;color:#596b47;padding:6px 10px;white-space:nowrap;font-size:8px;background:#e8eddf55}.nl-letter-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font:8px/1.7 var(--mono);color:#626657;margin-top:25px}.nl-letter-meta strong{font-weight:400;color:#626757;margin-left:8px}.nl-letter-meta>time{white-space:nowrap}.nl-paper h3{font:400 clamp(32px,3vw,43px)/1.12 var(--serif);letter-spacing:-1px;margin-top:24px;max-width:590px}.nl-preview-label{font:8px/1.7 var(--mono);text-transform:uppercase;color:#626657;margin-top:16px}.nl-letter-summary{font-size:14px;line-height:1.85;color:#575b4c;max-width:580px;margin-top:22px}.nl-letter-inside{margin-top:25px;padding-top:20px;border-top:1px solid #e6e2d5}.nl-letter-inside h4{font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;font-weight:400;color:#6b735d;margin:0 0 14px}.nl-letter-inside ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.nl-letter-inside li{position:relative;padding-left:17px;font-size:12px;line-height:1.8;color:#686d5c;max-width:560px}.nl-letter-inside li:before{content:'—';position:absolute;left:0;color:#a8ad9c}.nl-letter-bottom{margin-top:27px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding-top:22px;border-top:1px solid #dedbce}.nl-full-letter{font-size:11px;border-bottom:1px solid #747e64;padding-bottom:3px;white-space:nowrap}.nl-full-letter:hover{color:#556d3c}.nl-letter-bottom>span{font:7px/1.8 var(--mono);color:#626657;max-width:160px;text-align:right}.nl-archive-notice{margin-top:19px;padding:11px 14px;background:#efeadc;color:#696047;font-size:11px;line-height:1.8}.nl-archive-link{display:flex;justify-content:space-between;gap:20px;margin-top:39px;font:9px/1.8 var(--mono);color:#626657}.nl-archive-link>a{color:#545d48;border-bottom:1px solid #a0a68f;padding-bottom:2px;white-space:nowrap}.nl-nojs{font-size:12px;color:#686d5c;margin-top:20px}.nl-subscribe{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;background:#2b3225;color:#f8f7ec;padding:43px 47px 47px;margin-bottom:60px}.nl-subscribe .eyebrow{font-size:9px;color:#b6c3a6;margin-bottom:21px}.nl-subscribe h2{font:400 43px/1.13 var(--serif);letter-spacing:-1.2px;max-width:570px}.nl-subscribe>div:last-child>p{font-size:13px;line-height:1.85;color:#bdc8af;max-width:340px}.nl-subscribe .nl-button-paper{color:#2b3225;background:#f0f1e5;border-color:#f0f1e5;margin-top:22px}.nl-subscribe .nl-button-paper:hover{background:#dce5cb}.nl-subscribe-note{display:block;font:7px/1.8 var(--mono);color:#a1ad93;margin-top:13px}
@keyframes nl-letter-arrive{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.nl-hero-grid{gap:45px;grid-template-columns:1.3fr 1fr}.nl-hero h1>span{font-size:55px;letter-spacing:-2px}.nl-hero h1>em{font-size:109px;letter-spacing:-4px}.nl-welcome>p:first-child{font-size:15px}.nl-welcome>p+p{font-size:11px}.nl-welcome .nl-text-link{display:block;width:max-content;margin-left:0;margin-top:15px}.nl-desk-grid{gap:29px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr)}.nl-tab{padding:18px 19px;min-height:155px}.nl-tab>strong{font-size:24px}.nl-tab-meta{flex-wrap:wrap;gap:5px;font-size:7px}.nl-paper{padding:26px 28px 29px;min-height:562px}.nl-paper-top{gap:15px;font-size:7px}.nl-topic-stamp{font-size:7px;padding:5px 8px}.nl-letter-meta{font-size:7px;flex-wrap:wrap;gap:8px}.nl-paper h3{font-size:33px;letter-spacing:-.9px}.nl-letter-summary{font-size:12px}.nl-letter-inside li{font-size:11px}.nl-letter-bottom{flex-wrap:wrap;gap:13px}.nl-letter-bottom>span{text-align:left;max-width:none}.nl-subscribe{gap:40px;padding:37px}.nl-subscribe h2{font-size:37px}.nl-subscribe>div:last-child>p{font-size:12px}.nl-subjects{font-size:8px}.nl-subjects>span+span:before{margin-right:15px}}
@media(max-width:760px){.nl-hero{padding-top:22px}.nl-masthead{font-size:7px;gap:15px}.nl-masthead>span{text-align:right;max-width:115px}.nl-masthead>p{gap:7px}.nl-masthead>p:before{width:5px;height:5px}.nl-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:33px 31px}.nl-hero h1>span{font-size:55px;letter-spacing:-2.4px}.nl-hero h1>em{font-size:109px;letter-spacing:-4.5px;line-height:1.03}.nl-title-note{font-size:15px;margin-top:13px}.nl-welcome{padding:0;max-width:450px}.nl-welcome>p:first-child{font-size:15px;line-height:1.8;max-width:350px}.nl-welcome>p+p{font-size:12px;max-width:380px;margin-top:14px}.nl-welcome .nl-button{margin-top:20px;padding:12px 21px;font-size:11px;min-height:43px}.nl-welcome .nl-text-link{display:inline-block;margin-left:19px;margin-top:0;font-size:10px}.nl-subjects{font-size:7px;gap:13px;justify-content:flex-start;flex-wrap:wrap;padding-block:13px;letter-spacing:.03em}.nl-subjects>span+span:before{display:none}.nl-desk{padding-top:39px;padding-bottom:39px;scroll-margin-top:24px}.nl-desk-heading{margin-bottom:24px;gap:18px}.nl-desk-heading .eyebrow{font-size:7px;margin-bottom:11px}.nl-desk-heading h2{font-size:37px;letter-spacing:-1px}.nl-random{font-size:9px;margin-bottom:2px;white-space:nowrap}.nl-desk-grid{grid-template-columns:1fr;gap:25px}.nl-tabs{display:flex;flex-direction:row;overflow-x:auto;gap:10px;padding:0 0 10px;scrollbar-width:thin;scrollbar-color:#bdc5ad transparent;scroll-snap-type:x proximity}.nl-tab{flex:0 0 207px;min-height:157px;padding:17px 18px 16px;scroll-snap-align:start}.nl-tab-meta{font-size:7px;flex-direction:column;gap:4px}.nl-tab-meta>span{max-width:none}.nl-tab>strong{font-size:24px;margin-top:13px;max-width:180px}.nl-tab-state{font-size:7px;margin-top:14px}.nl-desk-note{display:none}.nl-paper{padding:23px 23px 26px;min-height:0;scroll-margin-top:24px}.nl-paper-top{padding-bottom:19px;gap:13px;font-size:6px}.nl-topic-stamp{font-size:6px;padding:5px 7px}.nl-letter-meta{margin-top:21px;font-size:7px;gap:8px}.nl-letter-meta strong{margin-left:5px}.nl-paper h3{font-size:33px;letter-spacing:-.95px;margin-top:20px}.nl-preview-label{font-size:7px;margin-top:14px}.nl-letter-summary{font-size:12px;line-height:1.9;margin-top:20px}.nl-letter-inside{margin-top:21px;padding-top:17px}.nl-letter-inside h4{font-size:8px;margin-bottom:12px}.nl-letter-inside ul{gap:10px}.nl-letter-inside li{font-size:11px;padding-left:15px}.nl-letter-bottom{margin-top:23px;padding-top:20px;display:block}.nl-full-letter{font-size:11px}.nl-letter-bottom>span{display:block;font-size:7px;margin-top:13px;text-align:left}.nl-archive-notice{font-size:10px;margin-top:17px;padding:10px 12px}.nl-archive-link{font-size:8px;margin-top:29px;display:block}.nl-archive-link>a{display:inline-block;margin-top:12px;white-space:normal}.nl-subscribe{grid-template-columns:1fr;gap:25px;padding:29px 26px 31px;margin-bottom:42px}.nl-subscribe .eyebrow{font-size:8px;margin-bottom:18px}.nl-subscribe h2{font-size:35px;letter-spacing:-1px}.nl-subscribe>div:last-child>p{font-size:12px;max-width:360px}.nl-subscribe .nl-button-paper{font-size:11px;padding:12px 21px;margin-top:21px}.nl-subscribe-note{font-size:7px}}
@media(max-width:380px){.nl-masthead{font-size:6px}.nl-hero h1>span{font-size:clamp(41px,12.8vw,47px);letter-spacing:-2.1px}.nl-hero h1>em{font-size:clamp(84px,25.6vw,96px);letter-spacing:-4px}.nl-welcome .nl-text-link{font-size:9px;margin-left:15px}.nl-button{font-size:10px}.nl-desk-heading h2{font-size:34px}.nl-random{font-size:8px}.nl-paper{padding-inline:20px}.nl-paper h3{font-size:30px}.nl-subscribe h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.nl-paper{animation:none}.nl-tab,.nl-button{transition:none}.nl-tabs{scroll-behavior:auto;scroll-snap-type:none}}

/* Native provider signup stays inside the personal site. */
.newsletter-page .nl-subscribe{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;scroll-margin-top:30px}
.newsletter-page .nl-subscribe>div{min-width:0}
.newsletter-page .nl-subscribe:focus-visible{outline:2px solid #687a57;outline-offset:6px}
.newsletter-page .nl-signup-intro{font-size:14px;line-height:1.9;color:#e1e7d8;margin-top:22px;max-width:370px}
.newsletter-page .nl-signup-consent{font-size:12px;line-height:1.8;color:#c3cfb7;margin-top:13px;max-width:360px}
.newsletter-page .nl-signup-provider{background:#f4f2eb;color:#20241c;min-height:230px;width:100%}
.newsletter-page .nl-signup-provider iframe{display:block;max-width:100%;border:0}
.newsletter-page .nl-signup-provider noscript p{padding:24px;font-size:14px;line-height:1.8}
.newsletter-page .nl-signup-provider noscript a{text-decoration:underline}
.newsletter-page .nl-signup-area>.nl-signup-fallback{font-size:11px;line-height:1.8;color:#c3cfb7;margin-top:14px;max-width:none}
.newsletter-page .nl-signup-fallback>a{color:#f8f7ec;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.newsletter-page .nl-subscribe{grid-template-columns:1fr;gap:27px}.newsletter-page .nl-signup-intro{font-size:14px}.newsletter-page .nl-signup-provider{min-height:250px}}
