.plogs-friends{--pf-ink:#343b31;--pf-muted:#787e71;--pf-accent:#58744f;--pf-paper:#f4f3ec;--pf-line:#dedfd4;color:var(--pf-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;width:min(1120px,calc(100% - 40px));margin:0 auto 100px}
.plogs-friends *{box-sizing:border-box}.plogs-friends a{text-decoration:none}.pf-hero{padding:clamp(70px,10vw,140px) 0 clamp(64px,8vw,110px);border-bottom:1px solid var(--pf-line)}.pf-eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--pf-accent)}.plogs-friends .pf-hero h1{font-size:clamp(42px,6vw,80px);line-height:1.14;letter-spacing:-.05em;margin:24px 0!important;font-weight:740;color:var(--pf-ink)}.pf-hero h1 em{font-style:normal;color:var(--pf-accent)}.pf-hero p,.pf-heading p{color:var(--pf-muted);font-size:15px;line-height:1.9;margin:0;max-width:550px}.pf-jump{display:inline-flex;gap:22px;margin-top:32px;color:var(--pf-accent)!important;font-weight:700;font-size:14px}.pf-section{padding-top:clamp(72px,9vw,110px)}.pf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.plogs-friends .pf-heading h2{color:var(--pf-ink);font-size:clamp(29px,3.4vw,42px);letter-spacing:-.04em;margin:12px 0 8px!important;line-height:1.2}.pf-number{color:var(--pf-muted);font-size:13px;white-space:nowrap}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-card{display:flex;flex-direction:column;min-width:0;min-height:210px;padding:24px;border-radius:18px;background:var(--pf-paper);border:1px solid transparent;color:var(--pf-ink)!important;transition:transform .2s,border-color .2s,background .2s}.pf-card:hover,.pf-card:focus-visible{transform:translateY(-3px);border-color:var(--pf-accent)}.pf-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.pf-initial{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e1e8da;color:#58744f;font-size:19px;font-weight:700}.pf-arrow{color:var(--pf-accent);font-size:22px;line-height:1}.pf-card strong{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.pf-domain{font-size:12px;color:var(--pf-muted);margin-top:5px;overflow-wrap:anywhere}.pf-count{color:var(--pf-accent);font-size:12px;font-weight:650;margin-top:auto;padding-top:15px}.pf-links{border-top:1px solid var(--pf-line)}.pf-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 2px;border-bottom:1px solid var(--pf-line);color:var(--pf-ink)!important}.pf-link strong,.pf-link small{display:block}.pf-link strong{font-size:17px}.pf-link small{font-size:13px;color:var(--pf-muted);margin-top:6px}.pf-link:hover strong{text-decoration:underline}.pf-empty{padding:25px;color:var(--pf-muted);background:var(--pf-paper);border-radius:16px;font-size:14px}.plogs-friends a:focus-visible{outline:2px solid var(--pf-accent);outline-offset:4px}html[data-plogs-theme=dark] .plogs-friends{--pf-ink:#e5e8de;--pf-muted:#a1aa9b;--pf-accent:#a8c99b;--pf-paper:#232d25;--pf-line:#39453a}html[data-plogs-theme=dark] .pf-initial{background:#384a39;color:#c4d8bc}@media(max-width:680px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pf-card{padding:18px;min-height:190px}.pf-card-top{margin-bottom:20px}.pf-card strong{font-size:16px}.pf-heading{align-items:start}.pf-number{padding-top:4px}.pf-hero{padding-top:64px}.plogs-friends .pf-hero h1{font-size:clamp(38px,10vw,54px)}}@media(max-width:360px){.pf-grid{grid-template-columns:1fr}}
body.plogs-friends-page .wp-block-post-title{display:none}body.plogs-friends-page .entry-content{max-width:none!important;width:100%!important;padding:0!important}body.plogs-friends-page .entry-content>.plogs-friends{max-width:none}
body.plogs-friends-page main.wp-block-group{margin-top:0!important;padding:0!important}body.plogs-friends-page main.wp-block-group>.wp-block-group{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}body.plogs-friends-page .entry-content{margin:0!important}body.plogs-friends-page .entry-content>.plogs-friends{max-width:1120px!important;margin-inline:auto!important}
.pf-initial.has-icon{background-size:cover;background-position:center;background-repeat:no-repeat;font-size:0}.pf-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:12px;color:var(--pf-muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.pf-site-link{display:block;color:var(--pf-ink)!important;min-width:0}.pf-site-link .pf-domain{display:block}.pf-initial{position:relative;overflow:hidden}.pf-initial img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--pf-paper);border-radius:50%}.pf-posts{display:grid;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--pf-line)}.pf-posts-label{font-size:11px;letter-spacing:.06em;color:var(--pf-muted)}.pf-post{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:var(--pf-ink)!important;font-size:13px;line-height:1.5}.pf-post span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pf-post time{flex-shrink:0;color:var(--pf-muted);font-size:11px}.pf-post:hover span{text-decoration:underline}.pf-card .pf-count{display:block}
.pf-initial img{background:#fff}.pf-posts{grid-template-columns:minmax(0,1fr);min-width:0}.pf-post{min-width:0;max-width:100%}@media(max-width:900px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.pf-post{display:block}.pf-post span{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pf-post time{display:block;margin-top:2px}}@media(max-width:360px){.pf-grid{grid-template-columns:1fr}}
/* Keep mouse clicks clean while retaining a visible keyboard focus indicator. */
.plogs-friends .pf-site-link:focus,.plogs-friends .pf-post:focus,.plogs-friends .pf-link:focus{outline:none!important;box-shadow:none!important}.plogs-friends .pf-site-link:focus-visible,.plogs-friends .pf-post:focus-visible,.plogs-friends .pf-link:focus-visible{outline:2px solid var(--pf-accent)!important;outline-offset:5px;border-radius:8px}
/* Full-width blog cards on phones. */
@media(max-width:680px){.plogs-friends .pf-grid{grid-template-columns:minmax(0,1fr);gap:14px}}
/* Full-width introductory text on phones. */
@media(max-width:680px){.plogs-friends .pf-heading{display:block}.plogs-friends .pf-heading>div{min-width:0}.plogs-friends .pf-heading p{max-width:none;overflow-wrap:break-word;line-height:1.8}.plogs-friends .pf-number{display:block;margin-top:12px;padding-top:0}}
