
.ported-page{--paper:#f3eee5;--paper2:#e9e0d3;--ink:#171512;--muted:#746b61;--wine:#6e211d;--line:rgba(23,21,18,.16)}
.ported-page *{box-sizing:border-box}
.ported-page{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.ported-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,rgba(60,40,22,.09) 0,rgba(60,40,22,.09) 1px,transparent 1px,transparent 3px)}
.ported-page .wrap{max-width:1240px;margin:auto;padding:0 38px}
.ported-page h1, .ported-page h2, .ported-page h3, .ported-page .brand, .ported-page .intro, .ported-page .feature-title, .ported-page .filter-option{font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif}
.ported-page header{padding-top:20px} .ported-page .top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}
.ported-page .brandrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:21px 0 16px}
.ported-page .brandcenter{display:flex;gap:13px;align-items:center} .ported-page .brandcenter img{width:50px;height:50px;border-radius:50%}
.ported-page .brand{font-size:34px;letter-spacing:.08em} .ported-page .side{font-family:Baskerville,serif;font-style:italic;font-size:14px;color:var(--muted)} .ported-page .side.r{text-align:right}
.ported-page nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .ported-page .navin{height:52px;display:flex;gap:34px;justify-content:center;align-items:center}
.ported-page nav a{text-decoration:none;color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.16em} .ported-page nav a.active, .ported-page nav a.private{color:var(--wine);font-weight:700}

.ported-page .pagehead{padding:58px 0 38px} .ported-page .headgrid{display:grid;grid-template-columns:1fr .92fr;gap:65px;align-items:end}
.ported-page .kicker{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--wine);font-weight:700;margin-bottom:15px}
.ported-page h1{font-size:72px;line-height:.9;font-weight:400;margin:0} .ported-page .intro{font-size:20px;line-height:1.5;color:#5c554d;margin:0}

.ported-page .feature-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}
.ported-page .feature{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.ported-page .feature-img{aspect-ratio:16/10;overflow:hidden} .ported-page .feature-img img{width:100%;height:100%;object-fit:cover;display:block}
.ported-page .feature-label{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--wine);font-weight:700}
.ported-page .feature-title{font-size:48px;line-height:1;font-weight:400;margin:15px 0 17px}
.ported-page .feature-excerpt{font-family:Baskerville,serif;font-size:20px;line-height:1.5;color:#5d554d}
.ported-page .feature-meta{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:20px}
.ported-page .feature-link{display:inline-block;margin-top:20px;color:var(--wine);text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--wine);padding-bottom:4px}

.ported-page .searchbar{padding:23px 0;border-bottom:1px solid var(--line)} .ported-page .search{height:52px;display:flex;align-items:center;background:#ebe3d7;border:1px solid var(--line)}
.ported-page .search span{padding-left:17px;color:var(--wine);font-size:18px} .ported-page .search input{width:100%;height:100%;border:0;background:transparent;outline:0;padding:0 15px;font-family:Baskerville,serif;font-size:18px;color:var(--ink)}

.ported-page .main{display:grid;grid-template-columns:235px 1fr;gap:46px;padding:43px 0 78px}
.ported-page .sidebar{border-right:1px solid var(--line);padding-right:28px} .ported-page .filter-group{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.ported-page .filter-group h4{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 13px}
.ported-page .filter-option{display:block;width:100%;border:0;background:none;text-align:left;padding:5px 0;font-size:16px;color:var(--ink);cursor:pointer}
.ported-page .filter-option:before{content:"";display:inline-block;width:8px;height:8px;border:1px solid #9b8e80;margin-right:9px;vertical-align:1px}
.ported-page .filter-option.on{color:var(--wine)} .ported-page .filter-option.on:before{background:var(--wine);border-color:var(--wine)}

.ported-page .summary{display:none;background:var(--paper2);border-left:2px solid var(--wine);padding:12px 13px;font-size:11px;margin-bottom:22px} .ported-page .summary.show{display:block}
.ported-page .results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px} .ported-page .results-head h2{font-size:38px;font-weight:400;margin:0}
.ported-page .results-head span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}

.ported-page .article-list{border-top:1px solid var(--line)}
.ported-page .article-row{display:grid;grid-template-columns:205px minmax(0,1fr) 150px;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}
.ported-page .article-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#1b1714} .ported-page .article-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}
.ported-page .article-row:hover .article-image img{transform:scale(1.025)}
.ported-page .micro{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--wine);margin:2px 0 8px}
.ported-page .article-copy h3{font-size:29px;line-height:1.02;font-weight:400;margin:0 0 9px} .ported-page .article-copy h3 a{color:inherit;text-decoration:none}
.ported-page .article-copy p{font-family:Baskerville,serif;font-size:16px;line-height:1.43;color:#5f574e;margin:0 0 10px}
.ported-page .byline{font-size:9px;color:var(--muted);line-height:1.5} .ported-page .byline span{margin:0 4px;color:#a79c90}
.ported-page .article-tags{font-size:8px;line-height:1.6;text-transform:uppercase;letter-spacing:.1em;color:#8b8176;text-align:right;padding-top:3px}
.ported-page .hidden{display:none!important} .ported-page .empty{display:none;padding:40px 0;font-family:Baskerville,serif;font-size:24px;color:var(--muted)} .ported-page .empty.show{display:block}

.ported-page footer{background:#12100e;color:#aaa095;padding:42px 0 25px} .ported-page .foot{display:flex;justify-content:space-between;align-items:center}
.ported-page .footbrand{display:flex;gap:13px;align-items:center} .ported-page .footbrand img{width:46px;height:46px;border-radius:50%}
.ported-page .footbrand b{font-family:Baskerville,serif;color:#eee4d7;font-size:25px;font-weight:400} .ported-page footer span{font-size:9px;text-transform:uppercase;letter-spacing:.14em}

@media (max-width:950px){.ported-page .wrap{padding:0 21px}.ported-page .brandrow{grid-template-columns:1fr}.ported-page .side{display:none}.ported-page .navin{justify-content:flex-start;overflow:auto;gap:22px}
.ported-page .headgrid, .ported-page .feature, .ported-page .main{grid-template-columns:1fr}.ported-page .sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}
.ported-page .article-row{grid-template-columns:180px 1fr}.ported-page .article-tags{display:none}.ported-page h1{font-size:58px}}
@media (max-width:650px){.ported-page .article-row{grid-template-columns:1fr}.ported-page .article-image{max-width:100%}.ported-page .feature-title{font-size:39px}}

/* V5.11 — l'article à la une est cliquable par son titre */
.ported-page .feature-title a{color:inherit;text-decoration:none}.ported-page .feature-title a:hover{color:var(--wine)}
