.friends-page .forest-mail{
--bg:#f7f8f0;--paper:#fffef8;--ink:#303b2c;--muted:#626d58;--rule:#dce1d1;--sage:#55714b;--wash:#e9eddc;--wood:#74523a;--cream:#f4e2b9;--gold:#d8ad59;
--leaf:var(--wash);--mist:var(--paper);--kraft:var(--paper);--shadow:color-mix(in srgb,var(--ink) 6%,transparent);--fiber:color-mix(in srgb,var(--ink) 3%,transparent);
--serif:"Songti SC","STSong",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--hand:"Kaiti SC","STKaiti",serif;--mono:"SFMono-Regular",Consolas,monospace;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;
--t10:10px;--t11:11px;--t12:12px;--t13:13px;--t14:14px;--t15:15px;--t16:16px;--t18:18px;--t20:20px;--t24:24px;--t28:28px;--t32:32px;--t40:40px;--t48:48px;
--radius:3px;--radius-lg:6px;--page-width:1184px;--side-width:264px;--hero-side:312px;--control:44px;--bell-label:100px;--portrait:40px;
font:var(--t14)/1.8 var(--sans);}
html[data-mode=dark] .friends-page .forest-mail{--bg:#0d1117;--paper:#161e23;--ink:#e6edf3;--muted:#a7b2b6;--rule:#354149;--sage:#a8c496;--wash:#23322c;--wood:#c5a481;--cream:#35412c;--gold:#dab874;--leaf:#1c2923;--mist:#1b2830;--kraft:#302a22;color-scheme:dark;}
.friends-page .forest-mail *{box-sizing:border-box}
.friends-page .forest-mail button,.friends-page .forest-mail input{font:inherit}
.friends-page .forest-mail button,.friends-page .forest-mail a,.friends-page .forest-mail input{-webkit-tap-highlight-color:transparent}
.friends-page .forest-mail button{color:inherit;cursor:pointer}
.friends-page .forest-mail button:disabled{cursor:default;opacity:.45}
.friends-page .forest-mail a{color:inherit;text-underline-offset:var(--s1)}
.friends-page .forest-mail button:focus-visible,.friends-page .forest-mail a:focus-visible,.friends-page .forest-mail input:focus-visible{outline:2px solid var(--sage);outline-offset:var(--s1)}
.friends-page .forest-mail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.friends-page .forest-mail h1,.friends-page .forest-mail h2,.friends-page .forest-mail h3,.friends-page .forest-mail p{margin:0}
.friends-page .forest-mail h1,.friends-page .forest-mail h2,.friends-page .forest-mail h3{font-family:var(--serif);font-weight:500;text-wrap:balance}
.friends-page .forest-mail button{border:0;background:none}
.friends-page .forest-mail .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.friends-page .forest-mail .icon-button{width:var(--control);height:var(--control);display:grid;place-items:center;border-radius:var(--radius);font-size:var(--t28)}
.friends-page .forest-mail .icon-button:hover{background:var(--wash)}
.friends-page .forest-mail .eyebrow{font:var(--t10)/1.6 var(--mono);color:var(--muted);letter-spacing:.12em}
.friends-page .forest-mail .text-button{font-size:var(--t12);display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--control);color:var(--sage);padding:0}
.friends-page .forest-mail .text-button:hover{text-decoration:underline}
.friends-page .forest-mail .mailbox-touch{position:absolute;left:17%;top:77%;width:8%;height:17%;z-index:3;border-radius:var(--radius)}
.friends-page .forest-mail .mailbox-touch:hover{background:color-mix(in srgb,var(--sage) 12%,transparent)}
.friends-page .forest-mail .mailbox-flag{position:absolute;left:70%;top:-12%;width:20px;height:16px;background:var(--sage);border-radius:1px;box-shadow:-2px 0 0 var(--wood)}
.friends-page .forest-mail .mailbox-flag:before{content:'';position:absolute;left:-2px;top:0;width:2px;height:28px;background:var(--wood)}
.friends-page .forest-mail .portrait{position:relative;display:block;flex:none;width:var(--portrait);height:var(--portrait);overflow:hidden;background:var(--wash);border-radius:50%}
.friends-page .forest-mail .portrait img{position:absolute;left:var(--portrait-x,0);top:var(--portrait-y,0);width:100%;height:100%;max-width:none;object-fit:fill;transform:scale(var(--portrait-scale,1));transform-origin:0 0;image-rendering:pixelated}
.friends-page .forest-mail .slip-top .portrait{--portrait:64px}
.friends-page .forest-mail .slip-bottom .save-button{padding-inline:0}
.friends-page .forest-mail .hand-note{font:var(--t13)/1.8 var(--hand);color:var(--muted);text-align:center;margin-top:var(--s3)}
.friends-page .forest-mail .mailbox-bar{margin-top:var(--s10);display:flex;justify-content:space-between;align-items:center;gap:var(--s6);padding:var(--s5) var(--s6);background:var(--wash);border-radius:var(--radius)}
.friends-page .forest-mail .mailbox-message{display:flex;gap:var(--s4);align-items:center}
.friends-page .forest-mail .mailbox-message>svg{width:32px;height:32px;color:var(--sage)}
.friends-page .forest-mail .mailbox-message strong{font:var(--t18) var(--serif);font-weight:500}
.friends-page .forest-mail .mailbox-message p{font-size:var(--t12);color:var(--muted);margin-top:var(--s1)}
.friends-page .forest-mail .ink-button{display:flex;align-items:center;justify-content:center;gap:var(--s6);background:var(--sage);color:var(--bg);min-height:var(--control);padding:var(--s2) var(--s5);text-decoration:none;border-radius:var(--radius);white-space:nowrap;font-size:var(--t13)}
.friends-page .forest-mail .ink-button:hover{filter:brightness(.9)}
.friends-page .forest-mail .letters-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--s6);padding-bottom:var(--s8)}
.friends-page .forest-mail .letters-heading h2{font-size:var(--t32);line-height:1.35;margin-top:var(--s3)}
.friends-page .forest-mail .letters-heading p:not(.eyebrow){font-size:var(--t13);color:var(--muted);margin-top:var(--s3)}
.friends-page .forest-mail .sync-date{font:var(--t10)/1.8 var(--mono);color:var(--muted);white-space:nowrap;margin-bottom:var(--s1)}
.friends-page .forest-mail .reading-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--side-width);gap:var(--s12);align-items:start}
.friends-page .forest-mail .letters-main{min-width:0}
.friends-page .forest-mail .inbox-tabs{display:flex;gap:var(--s6);border-bottom:1px solid var(--rule);padding-bottom:var(--s4)}
.friends-page .forest-mail .inbox-tabs button{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);min-height:var(--control);font-size:var(--t14);color:var(--muted);border-radius:var(--radius)}
.friends-page .forest-mail .inbox-tabs button:first-child{margin-left:calc(-1 * var(--s3))}
.friends-page .forest-mail .inbox-tabs button[aria-pressed=true]{background:var(--wash);color:var(--ink);font-weight:600}
.friends-page .forest-mail .tab-number{font:var(--t10) var(--mono);color:var(--muted)}
.friends-page .forest-mail .filters{display:flex;gap:var(--s4);justify-content:space-between;align-items:center;padding-top:var(--s5)}
.friends-page .forest-mail .periods{display:flex;gap:var(--s1);flex:none}
.friends-page .forest-mail .periods button{font-size:var(--t11);color:var(--muted);padding:var(--s2) var(--s3);min-height:var(--control);border-radius:var(--radius)}
.friends-page .forest-mail .periods button[aria-pressed=true]{color:var(--sage);background:var(--wash)}
.friends-page .forest-mail .periods button[aria-pressed=true]:before{content:'✓';margin-right:var(--s1)}
.friends-page .forest-mail .search-box{display:flex;align-items:center;gap:var(--s2);border-bottom:1px solid var(--rule);max-width:224px;min-width:0;flex:1;color:var(--muted)}
.friends-page .forest-mail .search-box svg{width:16px;height:16px}
.friends-page .forest-mail .search-box input{border:0;background:none;min-width:0;width:100%;min-height:var(--control);font-size:var(--t12);color:var(--ink);padding:var(--s2) 0}
.friends-page .forest-mail .search-box input::placeholder{color:var(--muted)}
.friends-page .forest-mail .result-note{font-size:var(--t11);color:var(--muted);padding-block:var(--s4)}
.friends-page .forest-mail .letter-author .portrait{--portrait:28px}
.friends-page .forest-mail .save-button{color:var(--muted);display:flex;gap:var(--s1);align-items:center;min-height:var(--control);font-size:var(--t11);white-space:nowrap}
.friends-page .forest-mail .save-button svg{width:16px;height:16px}
.friends-page .forest-mail .save-button[aria-pressed=true]{color:var(--sage)}
.friends-page .forest-mail .save-button[aria-pressed=true] svg{fill:var(--wash)}
.friends-page .forest-mail .empty-state{padding:var(--s12) var(--s6);background:var(--paper);text-align:center;color:var(--muted);border-block:1px solid var(--rule)}
.friends-page .forest-mail .empty-state h3{font-size:var(--t24);color:var(--ink);margin-bottom:var(--s3)}
.friends-page .forest-mail .empty-state button{min-height:var(--control);text-decoration:underline;color:var(--sage);margin-top:var(--s4)}
.friends-page .forest-mail .pagination{border-top:1px solid var(--rule);padding-top:var(--s5);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:var(--t12)}
.friends-page .forest-mail .pagination button{min-height:var(--control);padding-inline:var(--s3);color:var(--sage);border-radius:var(--radius)}
.friends-page .forest-mail .pagination button:not(:disabled):hover{background:var(--wash)}
.friends-page .forest-mail .pagination span{font:var(--t11) var(--mono);color:var(--muted)}
.friends-page .forest-mail .source-note{font-size:var(--t11);color:var(--muted);margin-top:var(--s4)}
.friends-page .forest-mail .reading-aside{display:grid;gap:var(--s6)}
.friends-page .forest-mail .walk-card{padding:var(--s6);background:var(--leaf);border-radius:var(--radius);position:relative}
.friends-page .forest-mail .route-map{width:100%;height:84px;color:var(--sage);margin-block:var(--s4) var(--s2);stroke-width:1.25}
.friends-page .forest-mail .route-map circle{fill:var(--paper)}
.friends-page .forest-mail .walk-card h3{font-size:var(--t20);line-height:1.4}
.friends-page .forest-mail .walk-card>p:not(.eyebrow){font-size:var(--t12);color:var(--muted);margin-top:var(--s3)}
.friends-page .forest-mail .walk-button{display:flex;width:100%;gap:var(--s4);justify-content:space-between;align-items:center;min-height:var(--control);font-size:var(--t12);color:var(--sage);border-top:1px solid var(--rule);margin-top:var(--s5);padding-top:var(--s2)}
.friends-page .forest-mail .old-letter-card{padding:var(--s6);background:var(--paper);border:1px solid var(--rule);position:relative;box-shadow:0 6px 16px var(--shadow);background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--fiber) 3px 4px)}
.friends-page .forest-mail .old-postmark{position:absolute;right:var(--s5);top:var(--s12);border:1px dashed var(--muted);border-radius:50%;width:56px;height:56px;font:var(--t11)/1.5 var(--hand);text-align:center;display:grid;align-content:center;transform:rotate(-12deg);color:var(--muted);opacity:.7}
.friends-page .forest-mail .old-postmark b{font:var(--t10) var(--mono)}
.friends-page .forest-mail .old-caption{font:var(--t24)/1.6 var(--hand);margin-block:var(--s6) var(--s4)}
.friends-page .forest-mail .old-letter-card>a{font-size:var(--t13);color:var(--sage);text-decoration:none;display:block;max-width:100%;overflow-wrap:anywhere}
.friends-page .forest-mail .old-letter-card>a:hover{text-decoration:underline}
.friends-page .forest-mail .old-author{font:var(--t10)/1.7 var(--mono);color:var(--muted);margin-top:var(--s2)}
.friends-page .forest-mail .small-note{display:block;font-size:var(--t10);color:var(--muted);line-height:1.8;margin-top:var(--s3)}
.friends-page .forest-mail .passport{padding:var(--s6);border:1px dashed var(--rule);border-radius:var(--radius)}
.friends-page .forest-mail .passport header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.friends-page .forest-mail .passport h3{font-size:var(--t18)}
.friends-page .forest-mail .passport header span{font:var(--t11) var(--mono);color:var(--muted)}
.friends-page .forest-mail .passport-stamps{display:flex;gap:var(--s2);flex-wrap:wrap;margin-block:var(--s5) var(--s4)}
.friends-page .forest-mail .empty-stamp{width:48px;height:48px;border:1px dashed var(--rule);border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.friends-page .forest-mail .empty-stamp svg{width:16px;height:16px;opacity:.6}
.friends-page .forest-mail .passport-stamps .portrait{--portrait:48px;border:1px dashed var(--muted);padding:2px}
.friends-page .forest-mail .passport p{font-size:var(--t12);color:var(--muted)}
.friends-page .forest-mail .under-tree p:not(.eyebrow){font-size:var(--t12);color:var(--muted);margin-top:var(--s3)}
.friends-page .forest-mail dialog{margin:auto;border:1px solid var(--rule);padding:var(--s8);background:var(--paper);color:var(--ink);width:min(640px,calc(100% - 32px));max-height:85dvh;border-radius:var(--radius-lg);box-shadow:0 20px 80px color-mix(in srgb,var(--ink) 10%,transparent)}
.friends-page .forest-mail dialog::backdrop{background:color-mix(in srgb,var(--bg) 80%,transparent)}
.friends-page .forest-mail .dialog-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}
.friends-page .forest-mail .dialog-header h2{font-size:var(--t28);margin-top:var(--s2)}
.friends-page .forest-mail .dialog-intro{color:var(--muted);font-size:var(--t13);margin-top:var(--s3);margin-bottom:var(--s5)}
.friends-page .forest-mail .walk-stop{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--s4);padding-block:var(--s5);border-top:1px solid var(--rule)}
.friends-page .forest-mail .walk-stop>.stop-number{font:var(--t18) var(--mono);color:var(--sage)}
.friends-page .forest-mail .walk-stop h3{font:var(--t20)/1.5 var(--serif);margin-block:var(--s2)}
.friends-page .forest-mail .walk-stop h3 a{text-decoration:none}
.friends-page .forest-mail .walk-stop h3 a:hover{color:var(--sage)}
.friends-page .forest-mail .walk-stop p{font-size:var(--t11);color:var(--muted)}
@media(max-width:1000px){.friends-page .forest-mail .reading-layout{gap:var(--s8);grid-template-columns:minmax(0,1fr) 224px}
.friends-page .forest-mail .filters{flex-wrap:wrap}
.friends-page .forest-mail .search-box{max-width:none;flex-basis:100%}
}
@media(max-width:900px){.friends-page .forest-mail .friend-panel .hand-note{grid-column:2;margin-top:calc(-1 * var(--s4))}
.friends-page .forest-mail .reading-layout{grid-template-columns:minmax(0,1fr)}
.friends-page .forest-mail .reading-aside{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--s8);gap:var(--s4)}
.friends-page .forest-mail .reading-aside section{padding:var(--s5)}
.friends-page .forest-mail .letters-heading{align-items:start}
.friends-page .forest-mail .sync-date{padding-top:var(--s3)}
.friends-page .forest-mail .filters{flex-wrap:nowrap}
.friends-page .forest-mail .search-box{max-width:260px;flex-basis:auto}
}
@media(max-width:640px){.friends-page .forest-mail .site-header .icon-button{width:var(--control);flex:none}
.friends-page .forest-mail .forest-heading .eyebrow{font-size:var(--t10);letter-spacing:.02em}
.friends-page .forest-mail .mailbox-flag{width:12px;height:10px}
.friends-page .forest-mail .mailbox-flag:before{height:20px}
.friends-page .forest-mail .slip-top .portrait{--portrait:56px}
.friends-page .forest-mail .hand-note{margin-top:var(--s3)!important}
.friends-page .forest-mail .mailbox-bar{margin-top:var(--s6);padding:var(--s4);gap:var(--s3)}
.friends-page .forest-mail .mailbox-message{gap:var(--s2)}
.friends-page .forest-mail .mailbox-message>svg{width:24px;height:24px}
.friends-page .forest-mail .mailbox-message strong{font-size:var(--t16)}
.friends-page .forest-mail .mailbox-message p{font-size:var(--t10)}
.friends-page .forest-mail .ink-button{gap:var(--s2);font-size:var(--t12);padding-inline:var(--s3)}
.friends-page .forest-mail .letters-heading{display:block;padding-bottom:var(--s6)}
.friends-page .forest-mail .letters-heading h2{font-size:var(--t28)}
.friends-page .forest-mail .letters-heading>span{display:block;margin-top:var(--s4);padding:0}
.friends-page .forest-mail .letters-heading p:not(.eyebrow){font-size:var(--t12)}
.friends-page .forest-mail .inbox-tabs{gap:var(--s2);padding-bottom:var(--s3)}
.friends-page .forest-mail .inbox-tabs button{font-size:var(--t12);padding-inline:var(--s3)}
.friends-page .forest-mail .filters{display:block;padding-top:var(--s3)}
.friends-page .forest-mail .periods{gap:var(--s1)}
.friends-page .forest-mail .search-box{max-width:none;margin-top:var(--s2)}
.friends-page .forest-mail .reading-aside{grid-template-columns:minmax(0,1fr);margin-top:var(--s10);gap:var(--s5)}
.friends-page .forest-mail .reading-aside section{padding:var(--s6)}
.friends-page .forest-mail .route-map{height:64px}
.friends-page .forest-mail .old-caption{font-size:var(--t28)}
.friends-page .forest-mail .old-postmark{right:var(--s8)}
.friends-page .forest-mail dialog{padding:var(--s6)}
}
.friends-page .forest-mail .letters-heading h2{font-size:var(--t32)}
.friends-page .forest-mail .letters-heading p:not(.eyebrow){font-size:var(--t14)}
.friends-page .forest-mail .inbox-tabs button{font-size:var(--t14)}
.friends-page .forest-mail .periods button,.friends-page .forest-mail .search-box input{font-size:var(--t12)}
.friends-page .forest-mail .result-note{font-size:var(--t12)}
.friends-page .forest-mail .option-row{min-width:0}
.friends-page .forest-mail .option-author{display:flex;align-items:center;gap:var(--s3)}
.friends-page .forest-mail .option-author .portrait{--portrait:40px}
.friends-page .forest-mail .option-author-info{min-width:0;flex:1}
.friends-page .forest-mail .option-author-info>a{display:block;text-decoration:none;font-size:var(--t13);font-weight:500;overflow-wrap:anywhere}
.friends-page .forest-mail .option-author-info>a:hover{color:var(--sage)}
.friends-page .forest-mail .option-author-info>span{display:block;font:var(--t10)/1.7 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.friends-page .forest-mail .option-author time{font:var(--t10) var(--mono);color:var(--muted);white-space:nowrap}
.friends-page .forest-mail .option-title{font:var(--t22)/1.45 var(--serif);font-weight:500;letter-spacing:.015em;text-wrap:pretty;overflow-wrap:anywhere}
.friends-page .forest-mail .option-title a{text-decoration:none}
.friends-page .forest-mail .option-title a:hover{color:var(--sage)}
.friends-page .forest-mail .option-note{font:var(--t16)/1.85 var(--serif);color:var(--ink)}
.friends-page .forest-mail .option-note-label{font:var(--t10)/1.6 var(--sans);color:var(--sage);display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}
.friends-page .forest-mail .option-note-label svg{width:14px;height:14px}
.friends-page .forest-mail .option-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s5)}
.friends-page .forest-mail .option-actions>a{font-size:var(--t12);color:var(--sage);text-decoration:none;min-height:var(--control);display:inline-flex;align-items:center;white-space:nowrap}
.friends-page .forest-mail .option-actions>a:hover{text-decoration:underline}
.friends-page .forest-mail .option-actions .save-button{font-size:var(--t12)}
.friends-page .forest-mail .option-actions svg{width:16px;height:16px}
.friends-page .forest-mail .option-domain{font:var(--t10)/1.7 var(--mono);color:var(--muted)}
.friends-page .forest-mail .option-excerpt{font:var(--t14)/1.85 var(--sans);color:var(--muted)}
.friends-page .forest-mail .option-row{display:flex;flex-direction:column;position:relative;background:var(--paper);border:1px solid var(--rule);box-shadow:0 6px 18px var(--shadow);padding:var(--s6);border-radius:var(--radius);background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--fiber-soft) 3px 4px)}
.friends-page .forest-mail .option-row:nth-child(3n+2){background-color:var(--cream-paper)}
.friends-page .forest-mail .option-row:nth-child(3n){background-color:var(--leaf-paper)}
.friends-page .forest-mail .option-author{align-items:start;min-height:56px}
.friends-page .forest-mail .option-author>.portrait{--portrait:48px;border-radius:var(--radius);border:1px dashed var(--muted)}
.friends-page .forest-mail .option-author time{position:absolute;right:var(--s6);top:var(--s6);font-size:var(--t10);padding:var(--s1) 0;border-top:1px solid var(--rule)}
.friends-page .forest-mail .option-author-info{padding-top:var(--s1);padding-right:var(--s8)}
.friends-page .forest-mail .option-author-info>a{font-size:var(--t12)}
.friends-page .forest-mail .option-author-info>span{display:none}
.friends-page .forest-mail .option-title{margin-top:var(--s5);margin-bottom:var(--s4)}
.friends-page .forest-mail .option-note{font-size:var(--t15);line-height:1.85;padding-top:var(--s3);border-top:1px dashed var(--rule)}
.friends-page .forest-mail .option-note-label{font-size:var(--t10)}
.friends-page .forest-mail .option-excerpt{margin-bottom:var(--s4);font-size:var(--t13);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.friends-page .forest-mail .option-actions{padding-top:var(--s3);margin-top:auto;border-top:1px solid var(--rule)}
.friends-page .forest-mail .option-row:after{content:'';position:absolute;bottom:var(--s4);right:var(--s6);width:var(--s12);height:var(--s4);border-top:1px solid var(--rule);pointer-events:none;opacity:.4}
.friends-page .forest-mail .option-actions>a{position:relative;z-index:1;background:inherit;padding-left:var(--s2)}
.friends-page .forest-mail .pagination{margin-top:var(--s6)}
.friends-page .forest-mail #letter-list .empty-state{grid-column:1/-1}
.friends-page .forest-mail .registration-heading p:not(.eyebrow){font-size:var(--t14);color:var(--muted);margin-top:var(--s3)}
.friends-page .forest-mail .avatar-current .portrait{--portrait:56px;border-radius:var(--radius)}
.friends-page .forest-mail .registration-avatar-options .portrait{--portrait:40px;border-radius:var(--radius)}
.friends-page .forest-mail .registration-actions .ink-button{border:0;font-size:var(--t13)}
.friends-page .forest-mail .registration-preview .portrait{--portrait:56px;float:right}
.friends-page .forest-mail .registration-preview .small-note{font-size:var(--t11)}
.friends-page .forest-mail .echo-comment header .portrait{--portrait:36px}
@media(max-width:1100px){.friends-page .forest-mail .reading-layout{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:641px) and (max-width:1100px){.friends-page .forest-mail .reading-aside{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--s8)}
}
@media(max-width:640px){.friends-page .forest-mail .letters-heading h2{font-size:var(--t28)}
.friends-page .forest-mail .letters-heading p:not(.eyebrow){font-size:var(--t13)}
.friends-page .forest-mail .option-row{padding:var(--s6)}
.friends-page .forest-mail .option-title{font-size:var(--t24)}
.friends-page .forest-mail .option-note{font-size:var(--t16)}
.friends-page .forest-mail .registration-heading p:not(.eyebrow){font-size:var(--t12)}
}
.friends-page .forest-mail{margin-top:32px}.friends-page .forest-mail #letters{padding:64px 0 0}.friends-page .forest-mail #letter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.friends-page .forest-mail .option-row{padding:24px}.friends-page .forest-mail dialog{border:1px solid var(--rule);background:var(--paper);color:var(--ink);max-width:640px;width:calc(100% - 32px);padding:32px}.friends-page .forest-mail dialog::backdrop{background:#11182088}.friends-page .forest-mail .portrait{--portrait:40px}.friends-page .forest-mail .sync-date{white-space:nowrap}.friends-page .forest-mail .option-author time{white-space:nowrap}@media(max-width:640px){.friends-page .forest-mail #letter-list{grid-template-columns:1fr}.friends-page .forest-mail .option-row{padding:24px}.friends-page .forest-mail #letters{padding-top:48px}.friends-page .forest-mail dialog{padding:20px}}

.friends-page .forest-mail .option-title{font:400 22px/1.5 var(--serif);margin:0}.friends-page .forest-mail .option-title a{font:inherit;text-decoration:none}.friends-page .forest-mail .option-author .portrait{--portrait:48px}.friends-page .forest-mail h2,.friends-page .forest-mail h3{font-family:var(--serif);font-weight:400}.friends-page .forest-mail .option-row:nth-child(3n+2){background-color:color-mix(in srgb,var(--paper) 92%,var(--wash))}