/* Caderno do Sul — journal-deux-col, rhabillage situé. */
:root{--paper:#f6f7f2;--ink:#202721;--muted:#5d655c;--blue:#173bc7;--terra:#af4934;--line:#c7ccbf;--olive:#596448;--serif:Palatino,"Palatino Linotype","Book Antiqua",Georgia,serif;--sans:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--mono:Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--blue)}img{max-width:100%;display:block;height:auto}figure{margin:0}p{margin:0 0 1.25em}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.09;text-wrap:balance}h1{font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.045em;margin:0 0 .45em}h2{font-size:2.2rem;letter-spacing:-.03em}h3{font-size:1.55rem;letter-spacing:-.025em}button,summary{font:inherit}::selection{background:#d7e0ff}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.cs-skip{position:fixed;top:-100px;background:var(--blue);color:white;padding:12px;z-index:99}.cs-skip:focus{top:8px}.cs-page{max-width:1376px;margin:auto;padding:0 40px}.cs-edition{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.13em;padding:15px 0;border-bottom:1px solid var(--line)}.cs-masthead{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 0 22px}.cs-brand{font-family:var(--serif);font-size:clamp(2.5rem,5.65vw,5.25rem);line-height:.95;letter-spacing:-.075em;text-decoration:none;color:var(--blue);white-space:nowrap}.cs-brand span{font-style:italic}.cs-mark{width:64px;height:64px;color:var(--terra)}.cs-motto{max-width:170px;font-size:12px;line-height:1.5;margin:0;color:var(--muted)}.cs-nav{border-top:3px solid var(--blue);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cs-nav ul{display:flex;gap:30px;padding:14px 0;margin:0;list-style:none;flex-wrap:wrap}.cs-nav a{font-size:12px;text-decoration:none;font-weight:600;letter-spacing:.06em}.cs-nav a[aria-current]{color:var(--blue)}.cs-nav details{display:none}.cs-main{padding-top:38px;padding-bottom:70px}.cs-grille{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:38px}.cs-tribune{min-width:0}.cs-marge{border-left:1px solid var(--line);padding-left:25px;min-width:0}.cs-label{font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--terra);display:block;margin-bottom:14px}.cs-intro{font-size:19px;max-width:70ch;line-height:1.6}.cs-hero{margin-bottom:34px;display:grid;grid-template-columns:.8fr 1.25fr;gap:30px;align-items:start}.cs-hero h1{font-size:clamp(2.7rem,4.1vw,4.2rem)}.cs-hero p{font-size:15px;line-height:1.7}.cs-hero figure img{aspect-ratio:1.27;object-fit:cover}.cs-caption,figcaption{font:10px/1.6 var(--sans);color:var(--muted);margin-top:9px}.cs-caption a,figcaption a{color:inherit}.cs-leadlink{display:inline-block;margin-top:3px;font-size:12px;color:var(--blue);font-weight:600;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:4px}.cs-sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--ink);padding:16px 0 0;margin-top:30px}.cs-sectionhead h2{margin:0 0 20px;font-size:1.9rem}.cs-sectionhead a{font-size:11px;color:var(--blue)}.cs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.cs-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px}.cs-card figure{margin:0 0 14px}.cs-card img{width:100%;aspect-ratio:1.4;object-fit:cover}.cs-card h3{margin:9px 0 10px}.cs-card h3 a{text-decoration:none}.cs-card p{font-size:13px;line-height:1.65;margin-bottom:10px}.cs-card time{font:10px var(--mono);color:var(--muted)}.cs-card .cs-label{font-size:9px;margin:0}.cs-marge h2{font-size:1.45rem;margin:0 0 18px}.cs-index{list-style:none;margin:0;padding:0}.cs-index li{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:16px;align-items:start}.cs-index span{font:11px var(--mono);color:var(--terra);padding-top:4px}.cs-index a{font-family:var(--serif);font-size:20px;line-height:1.3;text-decoration:none}.cs-note{background:#e9edde;padding:21px;margin-top:30px}.cs-note p{font-size:13px;line-height:1.6;margin-bottom:0}.cs-note h3{margin:0 0 12px}.cs-band{background:var(--blue);color:var(--paper);padding:30px;margin:40px 0}.cs-band h2{font-size:2.2rem;margin-top:0}.cs-band a:hover{color:white}.cs-breadcrumb ol{list-style:none;display:flex;gap:12px;padding:0;flex-wrap:wrap;margin:0 0 26px;font-size:11px;color:var(--muted)}.cs-breadcrumb li+li:before{content:"/";margin-right:12px}.cs-articlehead{max-width:1020px;margin:0 auto 35px}.cs-articlehead h1{max-width:20ch}.cs-byline{font:11px var(--sans);border-top:1px solid var(--line);padding-top:14px;display:flex;gap:20px;flex-wrap:wrap}.cs-articlefigure{margin-bottom:40px}.cs-articlefigure img{width:100%;max-height:610px;object-fit:cover}.cs-articlelayout{display:grid;grid-template-columns:200px minmax(0,700px);gap:60px;max-width:960px;margin:auto}.cs-articleaside{font-size:12px;line-height:1.7}.cs-articleaside h2{font-size:1.3rem}.cs-prose{font-family:var(--serif);font-size:19px;line-height:1.85;min-width:0}.cs-prose h2{font-size:1.9rem;margin:1.6em 0 .6em}.cs-prose h3{font-size:1.5rem;margin:1.4em 0 .6em}.cs-prose a{color:var(--blue)}.cs-prose ul,.cs-prose ol{padding-left:1.2em}.cs-prose li{margin-bottom:.6em}.cs-prose table{width:100%;border-collapse:collapse;font:14px/1.6 var(--sans)}.cs-prose th,.cs-prose td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}.cs-defilant{overflow-x:auto}.cs-prose blockquote{margin:30px 0;padding:0 0 0 24px;border-left:3px solid var(--terra);color:var(--olive)}.cs-hubintro{max-width:820px}.cs-hubbody{margin-top:40px;max-width:800px}.cs-footer{border-top:3px solid var(--blue);padding:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.cs-footer .cs-brand{font-size:37px}.cs-footer ul{display:flex;gap:16px;flex-wrap:wrap;list-style:none;padding:0;font-size:12px}.cs-footer p{font-size:11px;color:var(--muted)}.cs-footer a{font-size:inherit}.cs-copyright{font:10px var(--mono);border-top:1px solid var(--line);padding:16px 0 25px;color:var(--muted)}
@media(max-width:1100px){.cs-page{padding:0 28px}.cs-grille{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.cs-hero{grid-template-columns:1fr}.cs-hero figure img{aspect-ratio:1.7}.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-articlelayout{gap:30px;grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:760px){.cs-page{padding:0 20px}.cs-edition{font-size:8px;letter-spacing:.04em}.cs-masthead{padding:25px 0}.cs-brand{font-size:45px;white-space:normal}.cs-motto,.cs-mark{display:none}.cs-nav>ul{display:none}.cs-nav details{display:block;width:100%}.cs-nav summary{padding:12px 0;cursor:pointer;font-size:12px}.cs-nav details ul{display:flex;flex-direction:column;gap:15px;padding:10px 0 22px}.cs-main{padding-top:28px}.cs-grille{display:block}.cs-marge{border-left:0;border-top:1px solid var(--ink);padding:25px 0 0;margin-top:35px}.cs-hero{gap:20px}.cs-hero h1{font-size:43px}.cs-hero figure img{aspect-ratio:1.35}.cs-cards{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-card h3{font-size:21px}.cs-card p{font-size:12px}.cs-card figure img{aspect-ratio:1}.cs-articlelayout{display:flex;flex-direction:column-reverse;gap:30px}.cs-articlehead h1{font-size:42px}.cs-prose{font-size:18px}.cs-prose h2{font-size:29px}.cs-intro{font-size:17px}.cs-footer{grid-template-columns:1fr}.cs-index{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.cs-byline{gap:10px}.cs-articlefigure img{min-height:230px}.cs-sectionhead{margin-top:24px}.cs-sectionhead h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.cs-nav,.cs-marge,.cs-footer,.cs-articleaside{display:none}.cs-page{padding:0;max-width:none}.cs-articlelayout,.cs-grille{display:block}body{background:white;color:black}a{color:black}}

.cs-cards:has(>.cs-card:only-child){grid-template-columns:1fr}.cs-card:only-child{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.cs-card:only-child figure{grid-row:1/6}.cs-card:only-child h3{font-size:32px}.cs-card:only-child .cs-label{align-self:end}@media(max-width:760px){.cs-card:only-child{display:block}.cs-card:only-child h3{font-size:28px}.cs-card:only-child figure img{aspect-ratio:1.6}}

.cs-toggle{position:absolute;opacity:0;pointer-events:none}.cs-handle{display:none}.cs-toggle:focus-visible+.cs-handle{outline:3px solid var(--blue);outline-offset:3px}.cs-nav>.cs-toggle~ul{display:flex}@media(max-width:760px){.cs-nav{display:block}.cs-handle{display:block;padding:12px 0;cursor:pointer;font-size:12px}.cs-nav>.cs-toggle~ul{display:none}.cs-nav>.cs-toggle:checked~ul{display:grid;gap:15px;padding:8px 0 20px}}

.cs-hero figure img{aspect-ratio:1.65}.cs-band p{max-width:65ch}.cs-band p:last-child{margin-bottom:0}@media(max-width:760px){.cs-hero figure img{aspect-ratio:1.35}}

/* Accrochage photographique : couverture composée sans marge. */
.cs-exposition{display:block}.cs-exposition .cs-hero{position:relative;display:block;min-height:390px;margin-bottom:26px}.cs-exposition .cs-hero>div:first-child{position:absolute;z-index:1;right:0;bottom:20px;width:43%;background:var(--paper);padding:25px 0 0 35px;border-top:3px solid var(--blue)}.cs-exposition .cs-hero>div:last-child{width:72%}.cs-exposition .cs-hero figure img{aspect-ratio:2.5;object-fit:cover}.cs-exposition .cs-hero h1{font-size:clamp(42px,4vw,58px);max-width:16ch}.cs-exposition .cs-hero p{max-width:42ch}.cs-exposition .cs-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.cs-exposition .cs-card:nth-child(6n+1){grid-column:span 2}.cs-exposition .cs-card:nth-child(6n+1) img{aspect-ratio:1.8}.cs-exposition .cs-card img{aspect-ratio:1.2}.cs-exposition .cs-card:nth-child(6n+1) h3{font-size:32px}.cs-exposition .cs-card:only-child{display:grid;grid-column:span 4;grid-template-columns:1fr 1fr;column-gap:35px}.cs-exposition .cs-card:only-child figure{grid-row:1/6}.cs-exposition .cs-band{padding:35px 42px;columns:2;column-gap:50px}.cs-exposition .cs-band p{break-inside:avoid}
@media(max-width:1100px){.cs-exposition .cs-hero{min-height:350px}.cs-exposition .cs-hero>div:first-child{width:47%;padding-left:26px}.cs-exposition .cs-hero h1{font-size:42px}.cs-exposition .cs-hero>div:last-child{width:74%}.cs-exposition .cs-hero figure img{aspect-ratio:1.85}.cs-exposition .cs-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-exposition .cs-card:only-child{grid-column:span 3}}
@media(max-width:760px){.cs-exposition .cs-hero{display:flex;flex-direction:column-reverse;gap:0;min-height:0}.cs-exposition .cs-hero>div:last-child{width:100%}.cs-exposition .cs-hero>div:first-child{position:relative;right:auto;bottom:auto;margin:-12px 0 0 20px;padding:20px 0 0 20px;width:calc(100% - 20px)}.cs-exposition .cs-hero figure img{aspect-ratio:1.55}.cs-exposition .cs-hero figcaption{max-width:100%;margin-top:8px;font-size:9px}.cs-exposition .cs-hero h1{font-size:40px}.cs-exposition .cs-hero>div:first-child{margin-top:12px}.cs-exposition .cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.cs-exposition .cs-card:nth-child(6n+1){grid-column:span 2}.cs-exposition .cs-card:only-child{display:block;grid-column:span 2}.cs-exposition .cs-band{columns:1;padding:25px}.cs-exposition .cs-card:nth-child(6n+1) h3{font-size:30px}}

@media(min-width:1101px){.cs-motto{max-width:230px;font-size:11px}.cs-masthead{padding:20px 0 18px}.cs-main{padding-top:25px}.cs-exposition .cs-hero{min-height:350px}.cs-exposition .cs-hero figure img{aspect-ratio:3}.cs-exposition .cs-hero h1{font-size:52px}.cs-exposition .cs-hero>div:first-child{bottom:6px;padding-top:20px}}

@media(min-width:1101px){.cs-exposition .cs-hero{min-height:380px}.cs-exposition .cs-hero>div:last-child{width:100%}.cs-exposition .cs-hero figure img{aspect-ratio:3.7}.cs-exposition .cs-hero>div:first-child{width:57%;bottom:-5px;padding:22px 0 10px 35px}.cs-exposition .cs-hero h1{font-size:46px;max-width:none}.cs-exposition .cs-hero p{max-width:57ch;margin-bottom:14px}.cs-exposition .cs-hero figcaption{max-width:41%}}

@media(min-width:1101px){.cs-exposition .cs-hero{min-height:350px}.cs-exposition .cs-hero figure img{width:100%;aspect-ratio:4.2}}
