/* Prévia local: não publicada. Segue as cores e tipografia do Politano Aprova. */
.margin-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:96px 0 92px}
.margin-hero:before{content:"";position:absolute;right:-190px;top:-275px;width:650px;height:650px;border:1px solid #d5af3740;border-radius:50%;box-shadow:0 0 0 100px #d5af3708,0 0 0 200px #d5af3705}
.margin-hero .container{position:relative;z-index:1}
.margin-hero h1{margin:0;max-width:830px;font-size:clamp(3.1rem,6vw,5.6rem);line-height:1.1;letter-spacing:-.04em}
.margin-hero h1 em{color:var(--gold);font-style:normal}
.margin-hero .margin-intro{max-width:640px;color:#ffffffbd;font-size:1.1rem;line-height:1.7;margin:23px 0 0}
.margin-rule{width:70px;height:2px;background:var(--gold);margin:0 0 22px}
.margin-collection{padding:75px 0 110px;background:var(--cream)}
.margin-collection-heading{max-width:720px;margin-bottom:36px}
.margin-collection-heading h2{font-size:clamp(2rem,3.8vw,3.2rem);color:var(--navy);line-height:1.18;margin:0 0 9px}
.margin-collection-heading p:not(.eyebrow){color:var(--muted);margin:0}
.margin-entry{border:1px solid var(--line);border-left:4px solid var(--gold);background:#fff;display:grid;grid-template-columns:175px minmax(0,1fr);box-shadow:0 16px 45px #0b1f380c}
.margin-entry-rail{padding:34px 20px 34px 29px;border-right:1px solid var(--line)}
.margin-entry-rail .margin-issue{display:block;color:#8a6b10;font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.margin-entry-rail .margin-date{display:block;color:var(--muted);font-size:.86rem;margin-top:12px}
.margin-entry-body{padding:42px clamp(26px,5vw,75px) 48px}
.margin-demo-label{display:inline-block;color:#765807;background:#fff3d1;border:1px solid #d5af3770;border-radius:3px;font-size:.72rem;letter-spacing:.1em;font-weight:800;padding:4px 9px;text-transform:uppercase}
.margin-quote{font-family:Georgia,'Times New Roman',serif;color:var(--navy);font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.3;letter-spacing:-.025em;max-width:760px;margin:24px 0 17px;padding:0;border:0}
.margin-quote:before{content:'“';color:var(--gold);font-size:1.35em;margin-right:2px}
.margin-quote:after{content:'”';color:var(--gold);font-size:1.35em;margin-left:2px}
.margin-source{font-size:.84rem;color:var(--muted);margin:0 0 25px}
.margin-source strong{color:#8a6b10}
.margin-comment{border-top:1px solid var(--line);padding-top:21px;max-width:680px}
.margin-comment .eyebrow{margin-bottom:7px}
.margin-comment p:last-child{color:var(--graphite);margin:0;font-size:1rem;line-height:1.8}
.margin-footnote{color:var(--muted);font-size:.8rem;margin:22px 0 0}
.margin-home{background:#f3f1ea;padding:74px 0 78px;scroll-margin-top:78px}
.margin-home-layout{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr);gap:65px;align-items:center}
.margin-home-kicker h2{font-size:clamp(2rem,3.2vw,3rem);color:var(--navy);line-height:1.13;margin:0 0 15px}
.margin-home-kicker p:not(.eyebrow){color:var(--muted);margin:0}
.margin-home .margin-quote{font-size:clamp(1.6rem,2.5vw,2.25rem);margin:0 0 12px}
.margin-home .margin-source{margin:0 0 18px}
.margin-home-card{border-left:3px solid var(--gold);padding-left:35px}
.margin-home-card .margin-demo-label{margin-bottom:12px}
@media(max-width:720px){.margin-hero{padding:72px 0}.margin-home-layout,.margin-entry{grid-template-columns:1fr;gap:20px}.margin-entry-rail{border-right:0;border-bottom:1px solid var(--line);padding:20px 25px}.margin-entry-body{padding:25px}.margin-home{padding:55px 0}.margin-home-card{padding-left:20px}.margin-home .margin-quote{font-size:1.7rem}}

/* Home: keep the library CTA below its text on tablet widths. */
@media (min-width:601px) and (max-width:1050px){
  .materials-layout{flex-direction:column;align-items:flex-start;gap:28px}
  .materials-layout>div{width:100%;min-width:0}
  .materials-layout .button{width:auto;max-width:100%;min-height:48px;white-space:normal}
}