/* v288 — «Партнёрская экономика», внутренняя страница. Общие стили сайта — styles.v85.css; здесь только раскладка отчёта. */
.pf288-page{padding:1.5rem 0 3rem}
.pf288-head h1{margin:.3rem 0 .4rem;font:600 clamp(1.7rem,3vw,2.6rem)/1.05 Newsreader,serif}
.pf288-note{margin:.2rem 0 .8rem;color:var(--muted);font-size:.88rem;max-width:80ch}
.pf288-empty{color:var(--muted);margin:.5rem 0}
.pf288-panel{border:1px solid var(--line);background:var(--paper);padding:1.4rem;display:grid;gap:.8rem;justify-items:start;margin-top:1rem}
.pf288-panel h2{margin:0;font:600 1.3rem/1.2 Newsreader,serif}
.pf288-section{margin-top:2rem}
.pf288-section h2{font:600 1.35rem/1.2 Newsreader,serif;margin:0 0 .6rem}
.pf288-section h3{font:600 1.05rem/1.2 Newsreader,serif;margin:1.2rem 0 .5rem}
.pf288-currency h3{font:600 .8rem/1 IBM Plex Mono,monospace;letter-spacing:.08em;margin:.8rem 0 .5rem;color:var(--teal-600)}
.pf288-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}
.pf288-stats--wide{margin-top:.8rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.pf288-stat{border:1px solid var(--line);background:var(--paper);padding:.8rem .9rem;display:grid;gap:.25rem;min-width:0}
.pf288-stat span{font-size:.78rem;color:var(--muted)}
.pf288-stat strong{font:600 1.15rem/1.2 IBM Plex Sans,sans-serif;overflow-wrap:anywhere}
.pf288-stat small{font-size:.75rem;color:var(--muted)}
.pf288-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--paper);max-width:100%}
.pf288-table{width:100%;border-collapse:collapse;font-size:.85rem}
.pf288-table th,.pf288-table td{padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}
.pf288-table th{font:600 .7rem/1.2 IBM Plex Mono,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#f3f1ec}
.pf288-table tr.is-reversal td{color:#8a3b2f}
.pf288-table tr.is-selected td{background:#e3ece5}
.pf288-table code,.pf288-detail code{font:500 .8rem IBM Plex Mono,monospace}
.pf288-ref{display:inline-block;max-width:18ch;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.pf288-link{border:0;background:none;padding:0;color:var(--teal-600);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.pf288-off{color:#8a3b2f}
.pf288-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:.2rem 0 .6rem}
.pf288-filters label{display:grid;gap:.2rem;font-size:.75rem;color:var(--muted)}
.pf288-filters select,.pf288-filters input{font:inherit;font-size:.85rem;padding:.4rem .5rem;border:1px solid var(--line);background:#fff;min-width:9rem}
.pf288-detail{border:1px solid var(--line);background:#fbfaf7;padding:1rem}
.pf288-detail-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
@media(max-width:640px){
 .pf288-page{padding:.9rem 0 2rem}
 .pf288-scroll{border:0;background:none;overflow:visible}
 .pf288-table thead{display:none}
 .pf288-table,.pf288-table tbody,.pf288-table tr,.pf288-table td{display:block;width:100%}
 .pf288-table tr{border:1px solid var(--line);background:var(--paper);margin-bottom:.6rem;padding:.3rem 0}
 .pf288-table td{display:grid;grid-template-columns:8.5rem 1fr;gap:.6rem;border:0;padding:.3rem .8rem;white-space:normal;overflow-wrap:anywhere}
 .pf288-table td::before{content:attr(data-l);font-size:.72rem;color:var(--muted)}
 .pf288-table td[colspan]{grid-template-columns:1fr}
 .pf288-table td[colspan]::before{content:none}
 .pf288-ref{max-width:100%}
 .pf288-filters label{flex:1 1 45%}
 .pf288-filters select,.pf288-filters input{min-width:0;width:100%}
}
