body{background:#253d2b;color:#36412c;font:16px/1.6 Georgia,serif;background-image:radial-gradient(#c2b67823 1px,transparent 1px);background-size:8px 8px}
main{max-width:1250px;margin:35px auto;padding:0 25px}
h1,h2,p{margin:0}
.fern-shell{background:#e8e5cf;border:1px solid #a8ae84;outline:1px solid #abb891;outline-offset:7px;padding:28px 35px;box-shadow:15px 15px #11221860;background-image:repeating-linear-gradient(0deg,transparent 0 7px,#464a2404 7px 8px)}
.fern-mast{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:15px;align-items:end;border-bottom:3px double #6d7956;padding-bottom:25px}
.fern-mast h1{font:italic 65px/.9 Georgia;text-align:center;letter-spacing:-3px}
.fern-mast>span{font:9px/1.6 monospace;letter-spacing:.05em}
.fern-mast>span:last-child{text-align:right}
.fern-columns{display:grid;grid-template-columns:180px 1.2fr 1fr;margin-top:35px;gap:25px}
.fern-margin{border-right:1px solid #83916e;padding-right:20px;font-size:13px}
.fern-margin h2{font:italic 22px Georgia;margin-bottom:20px}
.fern-margin nav{display:grid;gap:14px;font-size:12px}
.fern-margin a{text-underline-offset:4px}
.fern-margin>p{margin-top:40px;line-height:1.8}
.fern-pencil{font:italic 23px/1.1 Georgia;transform:rotate(-7deg);margin:50px 0 40px;color:#7b663e}
.fern-margin>span{font:8px monospace;display:block}
.fern-drawing{align-self:center;position:relative}
.fern-drawing img{height:590px;width:100%;object-fit:contain;filter:saturate(.7)}
.fern-drawing>span{font:italic 12px/1.5 Georgia;position:absolute;bottom:15px;left:25px}
.fern-tabs{display:flex;gap:0;border-bottom:1px solid #83916e;margin-bottom:25px}
.fern-tabs button{background:none;border:0;padding:8px 13px;font:italic 15px Georgia;color:#697255}
.fern-tabs button[aria-pressed=true]{background:#3d5433;color:#e8e5cf}
.fern-entry article>span{font:9px monospace;color:#7b663e}
.fern-entry h2{font:italic 42px/1.05 Georgia;letter-spacing:-1px;margin:20px 0}
.fern-entry p{font-size:14px;line-height:1.75}
.fern-entry dl{font:10px/1.7 monospace;display:grid;grid-template-columns:65px 1fr;margin:25px 0}
.fern-entry dt,.fern-entry dd{border-top:1px solid #879573;padding:8px 0;margin:0}
.fern-walk{border-top:3px double #6d7956;padding-top:20px;margin-top:30px}
.fern-walk h2{font:italic 23px/1.3 Georgia;margin-bottom:15px}
.fern-walk p{font-size:13px;line-height:1.9}
.fern-walk details{font:11px/1.7 monospace;margin-top:20px}
.fern-walk summary{cursor:pointer;text-decoration:underline}
.fern-walk details p{padding-top:15px;font:12px/1.7 Georgia}
.fern-neighbors{border-top:3px double #6d7956;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:11px Georgia}
.fern-neighbors>span{font:9px monospace;width:100%;margin-bottom:5px}
.ring{margin-top:25px;color:#d3d8b8;border-bottom:1px solid #abb891}
.mock-note{color:#b8c0a3;text-align:center}
@media(max-width:900px){.fern-columns{grid-template-columns:130px 1fr 1fr;gap:18px}
.fern-drawing img{height:470px}
.fern-entry h2{font-size:34px}
.fern-mast h1{font-size:48px}
.fern-shell{padding:25px}
}
@media(max-width:650px){main{padding:0 18px;margin-top:25px}
.fern-shell{padding:22px 18px}
.fern-mast{grid-template-columns:1fr;text-align:center;gap:15px}
.fern-mast h1{font-size:53px;grid-row:2}
.fern-mast>span:last-child{text-align:center}
.fern-columns{grid-template-columns:1fr}
.fern-margin{border:0;padding:0;border-bottom:1px solid #83916e;padding-bottom:20px}
.fern-margin nav{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}
.fern-margin h2{margin-bottom:12px}
.fern-margin>p,.fern-pencil,.fern-margin>span{display:none}
.fern-drawing img{height:330px}
.fern-drawing>span{bottom:5px;left:10px}
.fern-entry h2{font-size:42px}
.fern-tabs{justify-content:center}
.fern-neighbors{font-size:12px}
}