/* Philip Mead Portal v5.4 — edição, retenção e recirculação.
   Recomendações discretas, sem pop-up ou barra de publicidade invasiva. */
.portal-home .home-reading-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(260px,.8fr);gap:30px;align-items:start;margin-top:30px}
.portal-home .home-reading-grid .frontpage-feed-head{margin-top:0}
.portal-home .home-reading-grid .frontpage-feed{grid-template-columns:1fr;gap:0}
.portal-home .home-reading-grid .frontpage-feed-item{grid-template-columns:122px minmax(0,1fr);min-height:118px;padding:13px 0}
.portal-home .home-reading-grid .frontpage-feed-image{width:122px;height:94px}
.portal-home .home-reading-grid .frontpage-feed-copy h3{font-size:clamp(18px,1.4vw,22px);line-height:1.28}
.portal-home .home-popular{background:#fffdf8;border:1px solid #ddd5c7;border-top:4px solid #171716;padding:22px 23px 20px;min-width:0;position:relative}
.portal-home .home-popular-header{display:flex;align-items:start;gap:12px;padding-bottom:13px;border-bottom:1px solid #d9d2c6}
.portal-home .home-popular-header .frontpage-pip{margin-top:9px}
.portal-home .home-popular-header h2{font:800 25px/1.15 var(--font-headline),Arial,sans-serif;letter-spacing:-.035em;margin:0;color:#201d19;text-transform:none}
.portal-home .home-popular-header p{font:700 10px/1.5 var(--font-reading),Arial,sans-serif;color:#7d7262;letter-spacing:.08em;margin:8px 0 0}
.portal-home .home-popular-list{list-style:none;padding:0;margin:3px 0 0}
.portal-home .home-popular-list li{margin:0;border-bottom:1px solid #e8e2d8}
.portal-home .popular-story{display:flex;gap:13px;align-items:start;padding:18px 0 17px;color:#171716;text-decoration:none}
.portal-home .popular-story:hover strong{text-decoration:underline;text-decoration-color:#ab853d;text-underline-offset:3px}
.portal-home .popular-rank{font:800 31px/1 var(--font-display),Arial,sans-serif;color:#b68b3c;min-width:35px}
.portal-home .popular-detail{display:block;min-width:0;flex:1}
.portal-home .popular-detail small{display:block;font:800 10px/1.3 var(--font-reading),Arial,sans-serif;letter-spacing:.09em;color:#876d42;margin-bottom:6px;text-transform:uppercase}
.portal-home .popular-detail strong{display:block;font:800 15px/1.35 var(--font-headline),Arial,sans-serif;letter-spacing:-.018em;overflow-wrap:anywhere}
.portal-home .popular-arrow{font:700 17px/1 Arial,sans-serif;color:#9a7338}
.portal-home .popular-all{display:inline-block;color:#171716;font:800 11px/1.4 var(--font-reading),Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;letter-spacing:.03em;margin-top:17px}
@media(max-width:900px){.portal-home .home-reading-grid{grid-template-columns:minmax(0,1fr) minmax(235px,.8fr);gap:18px}.portal-home .home-popular{padding:18px}.portal-home .home-reading-grid .frontpage-feed-item{grid-template-columns:88px minmax(0,1fr)}.portal-home .home-reading-grid .frontpage-feed-image{width:88px;height:88px}}
@media(max-width:700px){.portal-home .home-reading-grid{grid-template-columns:1fr;gap:27px;margin-top:26px}.portal-home .home-popular{margin-bottom:4px}.portal-home .home-reading-grid .frontpage-feed-item{grid-template-columns:100px minmax(0,1fr)}.portal-home .home-reading-grid .frontpage-feed-image{width:100px;height:91px}.portal-home .home-popular-list{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.portal-home .home-popular-list li:last-child{grid-column:auto}}
@media(max-width:460px){.portal-home .home-popular-list{grid-template-columns:1fr}.portal-home .home-popular-header h2{font-size:24px}}
/* Article: reading progress, human-scale navigation and latest stories at foot. */
.pm-read-progress{position:fixed;top:0;left:0;right:0;height:4px;background:transparent;z-index:9999;pointer-events:none}
.pm-read-progress span{display:block;width:100%;height:100%;background:#e9b44c;transform:scaleX(0);transform-origin:left center;transition:transform .16s linear}
body.portal-v4 .article-reading-tools{max-width:720px;margin:11px 0 23px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#6a6257;font:600 12px/1.5 var(--font-reading),Arial,sans-serif}
body.portal-v4 .article-reading-tools button{border:0;background:none;color:#6a5734;font:800 12px/1.4 var(--font-reading),Arial,sans-serif;cursor:pointer;padding:3px 0;text-decoration:underline;text-underline-offset:4px}
body.portal-v4 .article-reading-tools button:hover{color:#171716}
body.portal-v4 .retention-zone{border-top:4px solid #191919;margin-top:57px;padding-top:24px;max-width:900px}
body.portal-v4 .retention-kicker{font:800 11px/1.4 var(--font-reading),Arial,sans-serif;letter-spacing:.13em;color:#997239;text-transform:uppercase}
body.portal-v4 .retention-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 19px}
body.portal-v4 .retention-heading h2{font:800 clamp(24px,3vw,30px)/1.2 var(--font-headline),Arial,sans-serif;letter-spacing:-.03em;margin:7px 0 0;color:#171716}
body.portal-v4 .retention-heading a{font:800 12px/1.4 var(--font-reading),Arial,sans-serif;color:#6f5734;text-decoration:underline;text-underline-offset:4px}
body.portal-v4 .retention-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 29px}
body.portal-v4 .retention-card{display:block;text-decoration:none;color:#191919;border-bottom:1px solid #dcd3c4;padding-bottom:14px;min-width:0}
body.portal-v4 .retention-card:hover .retention-title{text-decoration:underline;text-decoration-color:#bc9250;text-underline-offset:4px}
body.portal-v4 .retention-thumb{height:142px;display:block;overflow:hidden;background:linear-gradient(135deg,#44423c,#b59a6b);margin:0 0 12px}
body.portal-v4 .retention-thumb img{display:block;width:100%;height:100%;object-fit:cover}
body.portal-v4 .retention-card small{display:block;font:800 10px/1.4 var(--font-reading),Arial,sans-serif;color:#9a7741;letter-spacing:.08em;margin:0 0 6px}
body.portal-v4 .retention-title{display:block;font:800 16px/1.37 var(--font-headline),Arial,sans-serif;letter-spacing:-.02em;overflow-wrap:break-word}
body.portal-v4 .retention-fresh{background:#f3eee5;padding:24px 25px;margin-top:23px}
body.portal-v4 .retention-fresh ul{padding:0;margin:7px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:27px}
body.portal-v4 .retention-fresh li{border-bottom:1px solid #d8cfc1;margin:0}
body.portal-v4 .retention-fresh li a{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;align-items:center;padding:14px 0;text-decoration:none;color:#191919;font:700 13px/1.45 var(--font-headline),Arial,sans-serif}
body.portal-v4 .retention-fresh li a:hover{text-decoration:underline;text-decoration-color:#a27c40;text-underline-offset:4px}
body.portal-v4 .retention-fresh .number{font:800 25px/1 var(--font-display),Arial,sans-serif;color:#bd934d}
body.portal-v4 .retention-bridge{display:block;margin-top:24px;border-top:1px solid #ded6c9;padding:18px 0 0;font:800 13px/1.4 var(--font-reading),Arial,sans-serif;color:#766043;text-decoration:none}
body.portal-v4 .retention-bridge:hover{text-decoration:underline}
@media(max-width:720px){body.portal-v4 .retention-cards{grid-template-columns:1fr 1fr;gap:15px}body.portal-v4 .retention-card:last-child:nth-child(odd){grid-column:span 2}body.portal-v4 .retention-thumb{height:135px}body.portal-v4 .retention-fresh ul{grid-template-columns:1fr}}
@media(max-width:450px){body.portal-v4 .retention-cards{grid-template-columns:1fr}body.portal-v4 .retention-card:last-child:nth-child(odd){grid-column:span 1}body.portal-v4 .retention-thumb{height:180px}body.portal-v4 .retention-fresh{padding:19px}}
@media(prefers-reduced-motion:reduce){.pm-read-progress span{transition:none}}
