/* Museum TLDR: text grows naturally; adjust width, paper minimum height and artwork height. */
.blog-tldr{--tldr-width:780px;--tldr-paper-min:0px;--tldr-art-height:205px;--tldr-padding:35px;--tldr-paper-color:#faf7ee;--tldr-texture:.09;--tldr-frame-opacity:.24;--tldr-frame-inset:18px;--tldr-tooth:3.6px;--tldr-gap:14px;--tldr-side:48px;--tldr-bottom:35px;max-width:var(--tldr-width);margin:30px auto 34px;color:#30382d;font-family:inherit;isolation:isolate}
.blog-tldr .tldr-paper{position:relative;z-index:1;box-sizing:border-box;min-height:var(--tldr-paper-min);padding:var(--tldr-padding) var(--tldr-side) var(--tldr-bottom);background-color:var(--tldr-paper-color);mask:radial-gradient(circle at calc(var(--tldr-gap)/2) 0,transparent var(--tldr-tooth),#000 calc(var(--tldr-tooth) + .4px)) 0 0/var(--tldr-gap) 100% repeat-x,radial-gradient(circle at 0 calc(var(--tldr-gap)/2),transparent var(--tldr-tooth),#000 calc(var(--tldr-tooth) + .4px)) 0 0/100% var(--tldr-gap) repeat-y,radial-gradient(circle at 100% calc(var(--tldr-gap)/2),transparent var(--tldr-tooth),#000 calc(var(--tldr-tooth) + .4px)) 0 0/100% var(--tldr-gap) repeat-y;mask-composite:intersect}

.blog-tldr .tldr-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--tldr-texture);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.48 .65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeDiffuseLighting surfaceScale='1.4' diffuseConstant='.7' lighting-color='%239c8863'%3E%3CfeDistantLight azimuth='45' elevation='60'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Cpath fill='%239c8863' opacity='1' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(115deg,#faf5e455,#dfd0ab22)}
.blog-tldr .tldr-paper p{position:relative;z-index:1}
.blog-tldr .tldr-paper::after{content:"";position:absolute;inset:var(--tldr-frame-inset);border:1px solid #877c55;opacity:var(--tldr-frame-opacity);pointer-events:none}
.blog-tldr p{margin:0!important;font-size:16px;line-height:2;letter-spacing:.2px}
.blog-tldr .tldr-prefix{color:#364e3c;font:500 20px/1.6 Georgia,"Times New Roman",serif;letter-spacing:1px;margin-right:7px}
.blog-tldr strong{font-weight:650}.blog-tldr .blog-good{color:#45603d}
.blog-tldr .tldr-landscape{display:block;width:100%;height:var(--tldr-art-height);max-width:none;object-fit:cover;object-position:center 50%;margin:0!important;border:0;border-radius:0;box-shadow:none}
.blog-focus{color:#ad4941;font-weight:650}.blog-good{color:#486b45;font-weight:650}.blog-muted{color:#788078}.blog-underline{text-decoration:underline;text-decoration-color:#91a58a;text-underline-offset:5px;text-decoration-thickness:1px}
@media(max-width:600px){.blog-tldr{--tldr-art-height:170px;--tldr-padding:32px;--tldr-side:27px;--tldr-bottom:34px;margin:24px 0 28px}.blog-tldr p{font-size:15px;line-height:1.9}}