:root{--yb3-linen:#f3efe7;--yb3-sheet:#faf8f3;--yb3-warmgrey:#8c857b;--yb3-moss:#556b4a;--yb3-amber:#d9a15b;--yb3-graphite:#2a2a28;--yb3-rule:#d8d1c4;--yb3-body:#3d3a35;--yb3-amberpale:#f1dcbb}
html{background:var(--yb3-linen)}
body.yb3-sheet{margin:0;padding:2rem 1rem 3rem;font-family:'Mako',Verdana,sans-serif;font-size:1.08rem;line-height:1.78;color:var(--yb3-graphite);background:var(--yb3-linen)}
.yb3-sheet a{color:var(--yb3-moss);text-decoration-thickness:1px;text-underline-offset:0.2em}
.yb3-sheet a:hover{color:var(--yb3-graphite)}
.yb3-sheet h1,.yb3-sheet h2{font-family:'Linden Hill',Georgia,serif;font-weight:400;margin:0}
.yb3-sheet p{margin:0 0 1.15rem}
.yb3-mast{max-width:680px;margin:0 auto 1.6rem;padding:0 0 1.2rem;border-bottom:2px solid var(--yb3-graphite);text-align:center}
.yb3-name{font-family:'Linden Hill',Georgia,serif;font-style:italic;font-size:2.1rem;line-height:1.1;color:var(--yb3-graphite);text-decoration:none;display:inline-block}
.yb3-name:hover{color:var(--yb3-moss)}
.yb3-tag{margin:0.5rem auto 0.9rem;max-width:34em;font-size:0.88rem;color:var(--yb3-warmgrey)}
.yb3-ways{display:flex;flex-wrap:wrap;justify-content:center;gap:0.3rem 1.3rem;font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase}
.yb3-ways a{color:var(--yb3-moss);text-decoration:none;border-bottom:1px solid var(--yb3-amber);padding-bottom:1px}
.yb3-ways a:hover{color:var(--yb3-graphite);border-bottom-color:var(--yb3-graphite)}
.yb3-paper{position:relative;max-width:680px;margin:0 auto;padding:2.4rem 2.6rem 2.2rem;background:var(--yb3-sheet);border:1px solid var(--yb3-rule);box-shadow:0 1px 0 var(--yb3-rule),0 10px 24px rgba(42,42,40,0.06)}
.yb3-postmark{position:absolute;top:1.2rem;right:1.4rem;width:64px;height:64px}
.yb3-paper h1{font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.18;margin-bottom:1.1rem;max-width:18em}
.yb3-paper h1 em{font-style:italic;color:var(--yb3-moss)}
.yb3-lead{font-size:1.1rem;color:var(--yb3-body);margin-bottom:1.8rem}
.yb3-pile{list-style:none;margin:0 0 1.6rem;padding:0;border-top:1px solid var(--yb3-rule)}
.yb3-pile li{padding:1.3rem 0 1.1rem 3.4rem;border-bottom:1px solid var(--yb3-rule);position:relative}
.yb3-pile li::before{content:attr(data-ordinal);position:absolute;left:0;top:1.25rem;font-family:'Linden Hill',Georgia,serif;font-style:italic;font-size:2rem;line-height:1;color:var(--yb3-amber)}
.yb3-pile h2{font-size:1.45rem;line-height:1.25;margin-bottom:0.35rem}
.yb3-pile h2 a{color:var(--yb3-graphite);text-decoration:none}
.yb3-pile h2 a:hover{color:var(--yb3-moss)}
.yb3-pile p{margin:0 0 0.5rem;color:var(--yb3-body)}
.yb3-pile .yb3-open{font-size:0.84rem;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--yb3-amber)}
.yb3-word{margin-top:0.4rem;padding:1.2rem 1.4rem;background:var(--yb3-linen);border-left:3px solid var(--yb3-moss)}
.yb3-word h2{font-size:1.25rem;margin-bottom:0.5rem}
.yb3-word p{margin:0;color:var(--yb3-body);font-size:0.98rem}
.yb3-which{font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--yb3-warmgrey);margin-bottom:0.6rem}
.yb3-enclosed{margin:0 0 1.6rem;padding:0}
.yb3-enclosed img{display:block;width:100%;height:auto;border:1px solid var(--yb3-rule)}
.yb3-enclosed figcaption{font-size:0.84rem;font-style:italic;color:var(--yb3-warmgrey);margin-top:0.5rem}
.yb3-dear{font-family:'Linden Hill',Georgia,serif;font-size:1.3rem;margin-bottom:1.2rem}
.yb3-letter p{color:var(--yb3-body)}
.yb3-letter .yb3-dear,.yb3-letter .yb3-signoff{color:var(--yb3-graphite)}
.yb3-signoff{font-family:'Linden Hill',Georgia,serif;font-size:1.2rem;line-height:1.5;margin:1.8rem 0 0.4rem}
.yb3-signoff span{display:block;font-style:italic;color:var(--yb3-moss)}
.yb3-next{margin-top:2rem;padding-top:1.2rem;border-top:1px dashed var(--yb3-rule);font-size:0.95rem;color:var(--yb3-warmgrey)}
.yb3-next a{font-family:'Linden Hill',Georgia,serif;font-size:1.15rem;color:var(--yb3-graphite)}
.yb3-note h2{font-size:1.4rem;margin:1.6rem 0 0.6rem;padding-top:1.2rem;border-top:1px dashed var(--yb3-rule)}
.yb3-note h2:first-of-type{margin-top:0.6rem;padding-top:0;border-top:0}
.yb3-note p{color:var(--yb3-body)}
.yb3-note .yb3-reach{font-family:'Linden Hill',Georgia,serif;font-size:1.15rem;line-height:1.6;color:var(--yb3-graphite)}
.yb3-stamped{font-size:0.84rem;color:var(--yb3-warmgrey);margin-top:1.6rem;padding-top:0.8rem;border-top:1px solid var(--yb3-rule)}
.yb3-foot{max-width:680px;margin:2rem auto 0;padding:1.4rem 0 0;border-top:1px solid var(--yb3-rule);font-size:0.8rem;line-height:1.7;color:var(--yb3-warmgrey)}
.yb3-foot p{margin:0 0 0.5rem}
.yb3-fda{font-style:italic}
.yb3-foot-ways{display:flex;flex-wrap:wrap;gap:0.2rem 1.2rem}
.yb3-foot a{color:var(--yb3-moss)}
@media (max-width:1012px){
body.yb3-sheet{padding-top:1.5rem}
.yb3-paper{padding:2rem 2rem 1.8rem}
}
@media (max-width:676px){
body.yb3-sheet{font-size:1.02rem;padding:1.2rem 0.75rem 2.4rem}
.yb3-name{font-size:1.7rem}
.yb3-paper{padding:1.5rem 1.1rem 1.4rem}
.yb3-postmark{width:46px;height:46px;top:0.8rem;right:0.9rem}
.yb3-pile li{padding-left:2.6rem}
.yb3-pile li::before{font-size:1.6rem}
.yb3-word{padding:1rem 1rem}
}