#lh-pages .tips-heading{padding:40px 4% 26px;border-bottom:1px solid var(--rule)}
#lh-pages .tips-heading p{max-width:65ch;font-size:16px;margin-bottom:0}
#lh-pages .tips-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;padding:28px 0}
#lh-pages .tip-link{text-decoration:none;display:block;min-width:0}
#lh-pages .tip-link img{aspect-ratio:4/5;object-fit:contain;background:var(--dark)}
#lh-pages .tip-link h2{font-size:22px;margin:16px 0 8px;overflow-wrap:anywhere}
#lh-pages .tip-link p{font-size:15px;margin-bottom:8px}
#lh-pages .tip-link:hover h2{color:var(--accent)}
#lh-pages .tips-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;flex-wrap:wrap}
#lh-pages .tips-button{min-height:44px;padding:10px 18px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:inherit;cursor:pointer}
#lh-pages .tips-button:hover:not(:disabled){border-color:var(--accent)}
#lh-pages .tips-button:disabled{opacity:.45;cursor:default}
#lh-pages .tips-reader{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:44px;align-items:start;margin:25px 0 45px}
#lh-pages .tips-reader>*{min-width:0}
#lh-pages .tips-viewer{margin:0}
#lh-pages .tips-viewer img{width:100%;height:min(76svh,850px);object-fit:contain;background:var(--dark);touch-action:pan-y}
#lh-pages .tips-viewer figcaption{margin:12px 0;color:var(--muted);font-size:14px}
#lh-pages .tips-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px}
#lh-pages .tips-controls output{font-variant-numeric:tabular-nums;white-space:nowrap}
#lh-pages .tips-copy{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
#lh-pages .tips-copy h1{font-size:clamp(28px,3vw,40px)}
#lh-pages .tips-copy h2{font-size:23px;margin-top:28px}
#lh-pages .tips-copy ul{padding-left:22px;color:var(--muted)}
#lh-pages .tips-copy details{padding:16px 0;border-top:1px solid var(--rule);margin-top:24px}
#lh-pages .tips-copy summary{cursor:pointer;min-height:44px}
#lh-pages .tips-copy .tips-body{white-space:pre-wrap}
#lh-pages .tips-sources a{display:block;padding:8px 0;overflow-wrap:anywhere}
#lh-pages .tips-error{padding:24px 0}
#lh-pages ::selection{background:var(--accent);color:var(--paper)}
@media(max-width:900px){#lh-pages .tips-reader{grid-template-columns:1fr;gap:24px}#lh-pages .tips-copy{max-width:75ch}#lh-pages .tips-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}}
@media(max-width:500px){#lh-pages .tips-heading{padding:28px 4% 20px}#lh-pages .tips-list{grid-template-columns:1fr;gap:30px}#lh-pages .tip-link h2{font-size:22px}#lh-pages .tips-reader{margin-top:10px}#lh-pages .tips-viewer img{height:auto;aspect-ratio:4/5}#lh-pages .tips-copy h1{font-size:28px}}