.ported-page{
 --paper:#f3eee5; --paper2:#e8dfd2; --ink:#171512; --muted:#746b61;
 --wine:#6d211d; --line:rgba(23,21,18,.16); --dark:#15120f;
}
.ported-page *{box-sizing:border-box}
.ported-page{scroll-behavior:smooth}
.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 .dek, .ported-page .article-body, .ported-page .triptych, .ported-page .portrait-caption, .ported-page .next-title{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 .breadcrumb{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#a99f93;margin-bottom:42px}
.ported-page .breadcrumb a{color:#cfc3b5;text-decoration:none}

.ported-page .article-hero{
  color:#f2e9dc;
  padding:34px 0 0;
  width:calc(100% - 104px);
  max-width:1326px;
  margin:18px auto 0;
  position:relative;
  background:transparent;
}
.ported-page .article-hero:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 425px 0;
  background:
    radial-gradient(circle at 76% 24%, rgba(105,42,34,.18), transparent 34%),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.035), transparent 30%),
    #1b1917;
}
.ported-page .article-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  left:0; right:0;
  bottom:425px;
  height:1px;
  background:rgba(255,255,255,.08);
}
.ported-page .hero-text{position:relative;z-index:2}
.ported-page .kicker{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#c5a184;font-weight:700;margin-bottom:16px}

.ported-page h1{
  font-size:58px;
  line-height:.98;
  font-weight:400;
  margin:0;
  letter-spacing:-.015em;
  color:#f4ece1;
  max-width:930px;
}
.ported-page h1 em{font-weight:400}
.ported-page .partno{
  font-size:.48em;
  font-style:normal;
  font-weight:400;
  letter-spacing:.02em;
  color:#c8b9aa;
  white-space:nowrap;
  vertical-align:.16em;
}

.ported-page .hero-rule{
  height:1px;
  width:70%;
  max-width:760px;
  background:rgba(240,229,215,.55);
  margin:19px 0 30px;
}

.ported-page .subtitle{
  font-family:Baskerville,serif;
  color:#f1e7da;
  font-size:28px;
  line-height:1.18;
  font-weight:600;
  max-width:820px;
}

.ported-page .dek{
  font-size:19px;
  line-height:1.48;
  color:#d7cdc1;
  margin:18px 0 17px;
  max-width:840px;
}

.ported-page .byline{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:#a99f93
}

.ported-page .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}
.ported-page .tag{
  border:1px solid rgba(238,228,214,.22);
  color:#d9cec1;
  padding:7px 9px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em
}

.ported-page .hero-image{
  width:min(850px,78vw);
  margin:52px 0 0;
  position:relative;
  z-index:3;
}
.ported-page .hero-image img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center 42%;
  display:block;
  filter:none;
  border:6px solid #f3eee5;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.ported-page .hero-image figcaption{
  margin-top:7px;
  color:#877d73;
  font-family:Baskerville,serif;
  font-size:13px;
  font-style:italic;
}


.ported-page .rule{height:1px;background:var(--line)}
.ported-page .reading{padding:58px 0 80px}
.ported-page .reading-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:75px;justify-content:space-between;align-items:start}
.ported-page .article-body{font-size:19px;line-height:1.72;color:#39342f}
.ported-page .article-body p{margin:0 0 23px}
.ported-page .article-body p:first-of-type:first-letter{float:left;font-size:66px;line-height:.78;padding:10px 8px 0 0;color:var(--wine)}
.ported-page .article-body h2{font-size:37px;line-height:1.08;font-weight:400;margin:56px 0 23px;padding-top:7px}
.ported-page .article-body h3{font-size:29px;line-height:1.08;font-weight:400;margin:44px 0 20px;color:var(--wine)}
.ported-page .article-body em{font-style:italic}
.ported-page .fnref a{color:var(--wine);text-decoration:none;font-size:11px}
.ported-page .presupp-list{list-style:disc;margin:20px 0 28px;padding:0 0 0 27px}
.ported-page .presupp-list li{padding:3px 0 3px 4px;font-size:20px}
.ported-page .presupp-list li::marker{color:var(--wine)}
.ported-page blockquote{margin:30px 0;padding:5px 0 5px 28px;border-left:2px solid var(--wine);font-size:22px;line-height:1.5;color:#4a433c;font-style:italic}
.ported-page .inline-video{margin:32px 0 36px;background:#171411;color:#eee5d8;border-top:3px solid var(--wine)}
.ported-page .inline-video-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 22px}
.ported-page .inline-video .overline{display:block;color:#b59578;font-family:Arial,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px}
.ported-page .inline-video strong{display:block;font-size:20px;font-weight:400}
.ported-page .inline-video-head>a{color:white;text-decoration:none;border-bottom:1px solid #9f8065;padding-bottom:3px;font-family:Arial,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}
.ported-page .inline-player{position:relative;aspect-ratio:16/9;background:#000}
.ported-page .inline-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ported-page .article-signature{margin:52px 0 0;padding-top:24px;border-top:1px solid var(--line);text-align:right}
.ported-page .article-signature span{font-family:Baskerville,serif;font-size:22px;font-style:italic;color:#494139}

.ported-page .aside{position:sticky;top:24px}
.ported-page .aside-block{padding:0 0 27px;margin-bottom:27px;border-bottom:1px solid var(--line)}
.ported-page .aside-title{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:14px}
.ported-page .triptych{font-size:18px;line-height:1.25}
.ported-page .triptych-item{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}
.ported-page .triptych-item:first-of-type{border-top:0}
.ported-page .triptych-item .n{color:var(--wine)}
.ported-page .triptych-item.active strong{color:var(--wine);font-weight:400}
.ported-page .triptych-item.future{color:#978d82}
.ported-page .toc a{display:block;text-decoration:none;color:var(--ink);font-family:Baskerville,serif;font-size:16px;line-height:1.25;padding:6px 0}
.ported-page .toc a.sub{padding-left:15px;color:#61594f}
.ported-page .toc a:hover{color:var(--wine)}
.ported-page .share{display:flex;gap:8px;flex-wrap:wrap}
.ported-page .share button,.ported-page .share a{border:1px solid var(--line);background:none;padding:8px 10px;font-family:Arial,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);text-decoration:none;cursor:pointer}
.ported-page .share button:hover,.ported-page .share a:hover{border-color:var(--wine);color:var(--wine)}
.ported-page .share-feedback{min-height:15px;margin-top:7px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.08em;color:var(--wine)}

.ported-page .footnotes{margin-top:58px;padding-top:28px;border-top:1px solid var(--line)}
.ported-page .footnotes h2{font-size:27px;margin:0 0 18px}
.ported-page .footnotes ol{list-style:none;padding:0;margin:0}
.ported-page .footnotes li{display:grid;grid-template-columns:27px 1fr;gap:10px;font-family:Baskerville,serif;font-size:14px;line-height:1.45;color:#61594f;padding:7px 0}
.ported-page .fn-num{color:var(--wine)} .ported-page .back{color:var(--wine);text-decoration:none}

.ported-page .next{background:var(--paper2);border-top:1px solid var(--line);padding:46px 0}
.ported-page .next-grid{display:grid;grid-template-columns:140px 1fr auto;gap:30px;align-items:center}
.ported-page .next-label{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--wine)}
.ported-page .next-title{font-size:30px;line-height:1.08}
.ported-page .next-status{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}

.ported-page .comments{padding:55px 0 70px}
.ported-page .comments-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:15px}
.ported-page .comments h2{font-size:35px;font-weight:400;margin:0}
.ported-page .comments-head span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.ported-page .comment-box{margin-top:22px;background:#ebe3d7;border-left:2px solid var(--wine);padding:20px 22px;font-family:Baskerville,serif;color:#655d54}
.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 .hero-grid, .ported-page .reading-grid, .ported-page .next-grid{grid-template-columns:1fr}
 .ported-page .hero-image{width:100%;margin:42px 0 0}
 .ported-page .aside{position:static;border-top:1px solid var(--line);padding-top:28px}
 .ported-page h1{font-size:46px}.ported-page .hero-rule{width:100%}.ported-page .article-hero:before{bottom:300px}.ported-page .article-hero:after{bottom:300px}.ported-page .reading{padding-top:55px}
}
@media (max-width:620px){
 .ported-page h1{font-size:39px} .ported-page .article-body{font-size:18px} .ported-page .inline-video-head{align-items:flex-start;flex-direction:column}
}


/* V2.2 — bandeau article aligné sur la largeur intérieure des onglets V13 */
@media(max-width:760px){
  .ported-page .article-hero{
    width:calc(100% - 28px);
    margin-top:10px;
  }
}

/* V5.2 — éditeur riche, ressources et accent « Pour approfondir » */
.ported-page .inline-video .overline{font-size:11px;letter-spacing:.17em;margin-bottom:8px}
.ported-page .article-body figure{margin:34px 0;text-align:center}
.ported-page .article-body figure img{display:block;max-width:100%;height:auto;margin:0 auto}
.ported-page .article-body figcaption{margin-top:9px;color:#7f746a;font-family:Arial,sans-serif;font-size:12px;font-style:italic;line-height:1.4}
.ported-page .article-body blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--wine);font-style:italic;color:#514840}
.ported-page .article-associated-resources{margin:58px 0 20px;padding-top:8px;border-top:1px solid rgba(45,36,29,.16)}
.ported-page .article-associated-resources>h2{margin-top:34px}
.ported-page .resource-card{display:grid;grid-template-columns:180px 1fr;gap:22px;border:1px solid rgba(45,36,29,.15);background:#eee5d9;padding:18px;margin:18px 0}
.ported-page .resource-card:not(:has(.resource-image)){grid-template-columns:1fr}
.ported-page .resource-label{grid-column:1/-1;color:var(--wine);font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.ported-page .resource-image{width:180px;max-height:240px;object-fit:cover;display:block}
.ported-page .resource-copy h3{font-size:27px;font-weight:400;margin:0 0 8px}
.ported-page .resource-copy p{font-size:16px;line-height:1.45;margin:0 0 13px;color:#655b52}
@media(max-width:760px){.ported-page .resource-card{grid-template-columns:1fr}.ported-page .resource-image{width:100%;max-height:none}}

/* V5.4R.3.2 — ressources : bouton lisible */
.ported-page .article-associated-resources .resource-copy .btn.wine{background:var(--wine);border-color:var(--wine);color:#fff!important;box-shadow:none}
.ported-page .article-associated-resources .resource-copy .btn.wine:hover{background:#551815;border-color:#551815;color:#fff!important}

/* V5.9.1 — images éditoriales redimensionnables / habillage du texte */
.ported-page .article-body figure[data-rich-figure]{box-sizing:border-box;max-width:100%}
.ported-page .article-body figure[data-rich-figure] img{width:100%;max-width:100%;height:auto}
.ported-page .article-body:after{content:"";display:block;clear:both}
@media(max-width:760px){
  .ported-page .article-body figure[data-rich-figure]{float:none!important;clear:both!important;width:100%!important;margin:28px auto!important}
}

/* V5.11 — notes de bas de page & petites capitales */
.ported-page .article-body .small-caps{font-variant-caps:small-caps;letter-spacing:.04em}
.ported-page .article-body sup{font-size:.72em;line-height:0;vertical-align:super}.ported-page .article-body sub{font-size:.72em;line-height:0;vertical-align:sub}
.ported-page .article-body .rich-footnote-ref a{color:var(--wine);text-decoration:none}
.ported-page .article-body .rich-footnotes{clear:both;margin:54px 0 20px;padding-top:22px;border-top:1px solid var(--line)}
.ported-page .article-body .rich-footnotes>hr{display:none}.ported-page .article-body .rich-footnotes h2{font-size:28px;font-weight:400;margin:0 0 14px}.ported-page .article-body .rich-footnotes ol{margin:0;padding-left:24px}.ported-page .article-body .rich-footnotes li{font-size:15px;line-height:1.5;color:#61594f;margin:8px 0}.ported-page .article-body .footnote-backref{color:var(--wine);text-decoration:none;margin-left:4px}

/* V5.15 — navigation de série cliquable et appels de notes insécables */
.ported-page .triptych-item a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease}
.ported-page .triptych-item a:hover{color:var(--wine);border-bottom-color:rgba(122,44,39,.35)}
.ported-page .article-body .rich-footnote-ref{display:inline!important;white-space:nowrap!important;margin-left:.02em}
.ported-page .article-body .rich-footnote-ref::before{content:"\2060"}
.ported-page .article-body .numbered-subheading{color:var(--wine)}

/* V5.15.1 — notes de bas de page : largeur normale et retour inline */
.ported-page .article-body [data-rich-footnotes]{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
.ported-page .article-body [data-rich-footnotes] ol{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;list-style:decimal!important;margin:0!important;padding-left:28px!important}
.ported-page .article-body [data-rich-footnotes] li{display:list-item!important;grid-template-columns:none!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;gap:0!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;margin:10px 0!important;white-space:normal!important}
.ported-page .article-body [data-rich-footnotes] .footnote-text{display:inline!important;width:auto!important;max-width:none!important;min-width:0!important;white-space:normal!important}
.ported-page .article-body [data-rich-footnotes] .footnote-backref{display:inline!important;width:auto!important;max-width:none!important;margin-left:.28em!important;white-space:nowrap!important}

/* V5.15.2 — correction robuste du rendu des notes, y compris anciennes notes */
.ported-page .article-body .rich-footnotes,
.ported-page .article-body [data-rich-footnotes],
.ported-page .article-body .rich-footnotes-public{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-column:1 / -1!important;
}
.ported-page .article-body .rich-footnotes ol,
.ported-page .article-body [data-rich-footnotes] ol,
.ported-page .article-body .rich-footnotes-public ol{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  list-style:decimal outside!important;
  margin:0!important;
  padding-left:30px!important;
  columns:auto!important;
  column-count:1!important;
}
.ported-page .article-body .rich-footnotes li,
.ported-page .article-body [data-rich-footnotes] li,
.ported-page .article-body .rich-footnotes-public li{
  display:list-item!important;
  float:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid:none!important;
  grid-template-columns:none!important;
  grid-auto-columns:auto!important;
  grid-auto-flow:row!important;
  gap:0!important;
  white-space:normal!important;
  overflow:visible!important;
  padding:0!important;
  margin:10px 0!important;
}
.ported-page .article-body .rich-footnotes .footnote-text,
.ported-page .article-body [data-rich-footnotes] .footnote-text,
.ported-page .article-body .rich-footnotes-public .footnote-text{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  white-space:normal!important;
}
.ported-page .article-body .rich-footnotes .footnote-backref,
.ported-page .article-body [data-rich-footnotes] .footnote-backref,
.ported-page .article-body .rich-footnotes-public .footnote-backref{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  margin-left:.28em!important;
}