#page-rhythm .pj-sec{ max-width:1360px; margin:26px auto 0; padding:0 40px; box-sizing:border-box; }
#page-rhythm .pj-sec *{ box-sizing:border-box; }
#page-rhythm .pj-head{ margin-bottom:16px; }
#page-rhythm .pj-h{ font-family:Georgia,serif; font-size:clamp(1.5rem,2.6vw,2rem); font-weight:700; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin:0; }
#page-rhythm .pj-sub{ font-size:0.95rem; line-height:1.65; color:#687383 !important; -webkit-text-fill-color:#687383 !important; margin:7px 0 0; max-width:62ch; }
#page-rhythm .pj-actions{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 18px; }
#page-rhythm .pj-act{ display:inline-flex; align-items:center; gap:8px; border:1px solid #E8E4DC; background:#fff; border-radius:50px; padding:11px 18px; font-family:inherit; font-size:0.83rem; font-weight:800; color:#20354B !important; -webkit-text-fill-color:#20354B !important; cursor:pointer; min-height:46px; transition:.15s; }
#page-rhythm .pj-act:hover{ border-color:#B9CDB4; background:#FBFAF7; }
#page-rhythm .pj-act svg{ width:16px; height:16px; color:#6F9272; }
#page-rhythm .pj-act.is-primary{ background:#6F9272; border-color:#6F9272; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#page-rhythm .pj-act.is-primary svg{ color:#fff; }
#page-rhythm .pj-filters{ display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
#page-rhythm .pj-chips{ display:flex; flex-wrap:wrap; gap:7px; }
#page-rhythm .pj-chip{ border:1px solid #E8E4DC; background:#fff; border-radius:50px; padding:8px 14px; font-family:inherit; font-size:0.78rem; font-weight:700; color:#687383 !important; -webkit-text-fill-color:#687383 !important; cursor:pointer; min-height:40px; transition:.15s; }
#page-rhythm .pj-chip:hover{ border-color:#cfc9bd; }
#page-rhythm .pj-chip.is-on{ border-color:#B9CDB4; background:#DCE7D7; color:#31503a !important; -webkit-text-fill-color:#31503a !important; }
#page-rhythm .pj-search{ position:relative; max-width:420px; }
#page-rhythm .pj-search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:#a2a8b0; }
#page-rhythm .pj-search input{ width:100%; border:1px solid #E8E4DC; background:#fff; border-radius:50px; padding:11px 16px 11px 40px; font-family:inherit; font-size:0.85rem; color:#20354B !important; -webkit-text-fill-color:#20354B !important; outline:none; min-height:46px; }
#page-rhythm .pj-search input:focus{ border-color:#6F9272; }
#page-rhythm .pj-list{ display:flex; flex-direction:column; gap:14px; }
#page-rhythm .pj-item{ background:#fff; border:1px solid #E8E4DC; border-radius:24px; padding:20px 22px; }
#page-rhythm .pj-item-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#page-rhythm .pj-badge{ display:inline-flex; align-items:center; gap:6px; background:#DCE7D7; color:#31503a !important; -webkit-text-fill-color:#31503a !important; border-radius:50px; padding:5px 12px; font-size:0.66rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; }
#page-rhythm .pj-when{ font-size:0.76rem; color:#8b929b !important; -webkit-text-fill-color:#8b929b !important; }
#page-rhythm .pj-item-h{ font-family:Georgia,serif; font-size:1.1rem; font-weight:700; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin:12px 0 0; }
#page-rhythm .pj-summary{ font-size:0.9rem; line-height:1.65; color:#5a626c !important; -webkit-text-fill-color:#5a626c !important; margin:7px 0 0; max-width:70ch; }
#page-rhythm .pj-meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:11px; }
#page-rhythm .pj-pill{ background:#F6F4EF; border-radius:50px; padding:4px 11px; font-size:0.72rem; font-weight:700; color:#687383 !important; -webkit-text-fill-color:#687383 !important; }
#page-rhythm .pj-pill.is-priv{ background:#EFF1F4; }
#page-rhythm .pj-thumbs{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
#page-rhythm .pj-thumb{ width:64px; height:48px; border-radius:12px; overflow:hidden; background:#F1EEE8; border:1px solid #E8E4DC; }
#page-rhythm .pj-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
#page-rhythm .pj-item-foot{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; border-top:1px solid #F1EEE8; margin-top:15px; padding-top:13px; }
#page-rhythm .pj-link{ display:inline-flex; align-items:center; gap:6px; background:none; border:none; font-family:inherit; font-size:0.77rem; font-weight:800; color:#4d6a50 !important; -webkit-text-fill-color:#4d6a50 !important; cursor:pointer; padding:8px 0; min-height:40px; }
#page-rhythm .pj-link svg{ width:14px; height:14px; }
#page-rhythm .pj-link.is-quiet{ color:#8b929b !important; -webkit-text-fill-color:#8b929b !important; margin-left:auto; }
#page-rhythm .pj-unavail{ font-size:0.75rem; color:#9c7a4a !important; -webkit-text-fill-color:#9c7a4a !important; background:#FBF3E6; border-radius:50px; padding:4px 11px; font-weight:700; }
#page-rhythm .pj-empty{ background:#fff; border:1px dashed #DDD8CE; border-radius:26px; padding:46px 26px; text-align:center; }
#page-rhythm .pj-empty-h{ font-family:Georgia,serif; font-size:1.1rem; font-weight:700; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin:12px 0 0; }
#page-rhythm .pj-empty-p{ font-size:0.88rem; line-height:1.7; color:#687383 !important; -webkit-text-fill-color:#687383 !important; margin:8px auto 0; max-width:52ch; }
#page-rhythm .pj-empty svg{ width:28px; height:28px; color:#B9CDB4; }
#page-rhythm .pj-how{ margin-top:20px; }
@media (max-width:860px){
  #page-rhythm .pj-sec{ padding:0 20px; }
  #page-rhythm .pj-item{ padding:16px; }
  #page-rhythm .pj-search{ max-width:100%; }
}