.tips-shelf,.tips-reader{max-width:58rem;overflow-wrap:anywhere}
.tips-shelf h1,.tips-reader h1{font:clamp(2rem,5vw,3rem)/1.45 var(--serif);margin:12px 0 20px}
.tips-list{list-style:none;padding:0;margin:32px 0}
.tips-item{border-top:1px solid var(--line);padding:24px 0}
.tips-item h2{font:clamp(1.3125rem,3vw,1.6875rem)/1.6 var(--serif);margin:8px 0}
.tips-item h2 a{display:inline-flex;min-height:44px;align-items:center}
.tips-item p,.tips-date,.tips-credit,.tips-deck{margin:8px 0}
.tips-credit{font-weight:700}
.tips-copy{line-height:1.9;margin:36px 0 48px}
.tips-copy h2{font:clamp(1.5625rem,3vw,2rem)/1.5 var(--serif);margin:50px 0 16px}
.tips-copy h3{font:1.375rem/1.5 var(--serif);margin:36px 0 12px}
.tips-copy p,.tips-copy ul{margin:0 0 20px}
.tips-copy ul{padding-left:1.5em}
.tips-copy li{margin:6px 0}
.tips-copy ul ul{margin:8px 0}
.tips-copy figure{margin:28px 0}
.tips-copy figure img{width:auto;max-width:100%;height:auto;display:block}
.tips-copy blockquote{border-left:3px solid var(--gold);padding:12px 20px;margin:24px 0;background:var(--paper)}
html[data-reading-theme="dark"] .tips-copy blockquote{background:#223145;color:var(--ink)}
.tips-copy code{white-space:normal;overflow-wrap:anywhere}
.tips-table{max-width:100%;overflow-x:auto;margin:24px 0}
.tips-table table{border-collapse:collapse;min-width:36rem;width:100%}
.tips-table th,.tips-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.tips-entry{border-top:1px solid var(--line);padding:24px 0;margin-top:30px}
.tips-entry h2{font:1.75rem/1.5 var(--serif)}
@media(max-width:600px){.tips-copy{font-size:1.125rem}.tips-table table{font-size:1rem}}
.tips-copy pre{max-width:100%;overflow:auto;padding:16px;background:#171923;color:#f7f4ed;border-radius:8px;line-height:1.55}
.tips-copy pre code{white-space:pre;font-size:.88em;overflow-wrap:normal}