.record-posts-page{--rp-bg:#f5f6f1;--rp-paper:#fffefa;--rp-ink:#303b2f;--rp-muted:#677060;--rp-line:#dfe4d6;--rp-accent:#526e37;--rp-soft:#eef1e6;--rp-grid:#6f845c17;background:var(--rp-bg);min-height:100dvh;color:var(--rp-ink)}.record-posts-page>main{max-width:1180px;margin:auto;padding:30px 28px 110px}.record-posts-board{border:1px solid var(--rp-line);background-color:var(--rp-soft);background-image:linear-gradient(var(--rp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--rp-grid) 1px,transparent 1px);background-size:26px 26px;border-radius:22px;padding:38px}.record-posts-paper{background:var(--rp-paper);border:1px solid var(--rp-line);min-width:0;padding:34px 36px}.records-hero{padding:8px 0 30px}.records-hero small{color:var(--rp-accent);font-weight:650}.records-hero h1{letter-spacing:-.035em;margin:10px 0;font-size:34px}.records-hero p{color:var(--rp-muted);margin:0;font-size:14px;line-height:1.7}.record-posts-toolbar{border-bottom:1px solid var(--rp-line);grid-template-columns:1fr auto;gap:14px;padding-bottom:22px;display:grid}.record-posts-search{border:1px solid var(--rp-line);border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.record-posts-toolbar svg{width:18px;height:18px;color:var(--rp-muted);flex-shrink:0}.record-posts-toolbar input{font:inherit;width:100%;min-width:0;color:inherit;background:0 0;border:0;min-height:44px;font-size:16px}.record-source-filters{flex-wrap:wrap;gap:6px;display:flex}.record-source-filters button,.record-posts-toolbar select,.record-posts-state button{font:inherit;color:var(--rp-muted);background:var(--rp-paper);border:1px solid var(--rp-line);cursor:pointer;border-radius:7px;min-height:44px;padding:8px 12px;font-size:13px}.record-source-filters button.active{background:var(--rp-soft);color:var(--rp-accent);border-color:var(--rp-accent)}.record-posts-sort{min-height:44px;color:var(--rp-muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.record-posts-sort>svg{width:16px;height:16px}.record-posts-sort select{min-width:84px}.record-posts-grid{display:grid}.record-posts-grid article{border-bottom:1px solid var(--rp-line);min-width:0;padding:24px 0}.record-posts-grid article.has-thumbnail{grid-template-columns:110px minmax(0,1fr);gap:20px;display:grid}.record-post-thumbnail{aspect-ratio:4/3;background:50%/cover no-repeat;border-radius:5px;align-self:start}.record-post-copy{grid-template-columns:1fr auto;gap:8px 16px;min-width:0;display:grid}.record-post-copy header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.record-posts-page .record-source,.record-posts-page .record-status{color:var(--rp-accent);background:var(--rp-soft);border-radius:4px;padding:4px 7px;font-size:12px}.record-post-copy time{color:var(--rp-muted);font-variant-numeric:tabular-nums;align-self:center;font-size:12px}.record-post-copy h2{overflow-wrap:anywhere;letter-spacing:-.02em;grid-column:1/-1;margin:3px 0;font-size:19px;line-height:1.6}.record-post-copy p{color:var(--rp-muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:14px;line-height:1.7}.record-post-copy>a{width:max-content;min-height:32px;color:var(--rp-accent);text-underline-offset:4px;align-items:center;gap:5px;font-size:13px;display:inline-flex}.record-post-copy>a svg{width:14px;height:14px}.record-post-unavailable{color:var(--rp-muted);grid-column:1/-1;font-size:13px}.record-posts-state{text-align:center;color:var(--rp-muted);padding:64px 12px;line-height:1.8}.record-posts-state strong{color:var(--rp-ink)}.record-posts-state p{font-size:14px}.record-posts-page :is(button,a,input,select):focus-visible{outline:2px solid var(--rp-accent);outline-offset:3px}html[data-theme=dark] .record-posts-page{--rp-bg:#181e1b;--rp-paper:#252c26;--rp-ink:#e6eadf;--rp-muted:#b2bcaa;--rp-line:#414b3c;--rp-accent:#bad198;--rp-soft:#222b21;--rp-grid:#9eb78217}@media (min-width:1500px){.record-posts-page>main{padding-top:40px}}@media (max-width:850px){.record-posts-page>main{padding:22px 20px 110px}.record-posts-board{padding:22px}.record-posts-paper{padding:28px 24px}.record-post-copy{grid-template-columns:1fr}.record-post-copy h2{font-size:18px}}@media (max-width:600px){.record-posts-page>main{padding:16px 12px 80px}.record-posts-board{background-size:22px 22px;border-radius:14px;padding:18px 10px}.record-posts-paper{padding:24px 16px}.records-hero h1{font-size:28px}.record-posts-toolbar{grid-template-columns:1fr}.record-posts-toolbar>label{grid-column:auto}.record-posts-toolbar select{width:100%}.record-posts-grid article.has-thumbnail{grid-template-columns:72px minmax(0,1fr);gap:12px}.record-post-copy h2{font-size:16px}}