/* Étape 36.3 — CMS 26 : proportions de la maquette éditoriale fournie.
   Header, hauteur du hero, services et newsletter utilisent le thème. */
.osl-univers-home {--guide-ink:#3e4640;--guide-muted:#69716b;--guide-sand:#f4f1ec;--guide-line:#e7e5df;--guide-copper:#7a5140;font-size:14px;line-height:1.65}
.osl-univers-home :is(h2,h3) {letter-spacing:-.035em}
.osl-univers-home h2 {font-size:34px;line-height:1.2}
.osl-univers-home h3 {font-size:25px;line-height:1.3}
.osl-univers-home .osl-guide-kicker {font-size:10px;letter-spacing:.19em}
.osl-univers-home .osl-guide-hero h1 {max-width:680px;font-size:clamp(34px,4.6vw,58px);margin:16px 0 22px}
.osl-univers-home .osl-guide-hero__inner {max-width:760px;padding:52px 3.2% 58px}
.osl-univers-home .osl-guide-hero .osl-guide-kicker {margin:0;letter-spacing:.16em}
.osl-univers-home .osl-guide-hero__intro {max-width:575px;line-height:1.75;margin:0}
.osl-univers-home .osl-guide-hero .osl-guide-link {margin-top:26px;gap:25px;letter-spacing:.11em}
.osl-univers-home .osl-guide-breadcrumb {padding-inline:3.2%}
.osl-univers-home .osl-guide-nav {padding:0 3.2%;gap:0 25px}
.osl-univers-home .osl-guide-nav a {font-size:11px;min-height:58px;padding:21px 0 18px;line-height:1.45}
.osl-univers-home .osl-guide-editorial {grid-template-columns:160px minmax(0,1fr);gap:48px;max-width:970px;padding:65px 6% 55px}
.osl-univers-home .osl-guide-editorial>* {min-width:0}
.osl-univers-home .osl-guide-toc {position:static;padding-top:16px}
.osl-univers-home .osl-guide-toc .osl-guide-kicker {margin:0 0 8px}
.osl-univers-home .osl-guide-toc a {margin:0;padding:9px 0;line-height:1.55}
.osl-univers-home .osl-guide-toc__note {margin-top:27px;padding-top:16px;font-size:11px}
.osl-univers-home .osl-guide-article section {scroll-margin-top:30px}
.osl-univers-home .osl-guide-article section+section {margin-top:40px}
.osl-univers-home .osl-guide-article h2 {margin:11px 0 20px}
.osl-univers-home .osl-guide-article h3 {margin:0 0 14px}
.osl-univers-home .osl-guide-article p {margin:0 0 15px;font-size:14px;line-height:1.85}
.osl-univers-home .osl-guide-article .osl-guide-intro {font-size:17px;line-height:1.8}
.osl-univers-home .osl-guide-article .osl-guide-note {font-size:11px;line-height:1.7;color:var(--guide-muted)}
.osl-univers-home .osl-guide-inset .osl-guide-kicker {display:block;margin-bottom:11px}
.osl-univers-home .osl-guide-inset p:last-child {margin:0}
.osl-univers-home .osl-guide-article .osl-guide-link {text-decoration:none;margin-top:6px}
.osl-univers-home .osl-guide-story,.osl-univers-home .osl-guide-story__photo {min-height:400px}
.osl-univers-home .osl-guide-story__photo img {inset:0;object-position:65% 67%}
.osl-univers-home .osl-guide-story__copy {padding:50px 13%}
.osl-univers-home .osl-guide-story__copy .osl-guide-kicker {margin:0}
.osl-univers-home .osl-guide-story__quote {font:400 35px/1.22 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:20px 0;padding:0;border:0}
.osl-univers-home .osl-guide-story__copy>p {font-size:13px;line-height:1.9;margin:0 0 15px}
.osl-univers-home .osl-guide-questions {max-width:790px;padding:62px 6%}
.osl-univers-home .osl-guide-questions .osl-guide-kicker {margin:0}
.osl-univers-home .osl-guide-questions h2 {margin:10px 0 25px}
.osl-univers-home .osl-guide-questions summary {gap:20px;font-size:14px}
.osl-univers-home .osl-guide-questions details p {padding:0 28px 22px 0;font-size:13px}
.osl-univers-home .osl-guide-faq-more {align-items:flex-start;gap:0 22px;margin-top:24px;color:#60655d}
.osl-univers-home .osl-guide-faq-more>span {padding-top:10px}
.osl-univers-home .osl-guide-faq-more a {color:var(--guide-ink);border-color:var(--guide-copper)}
.osl-univers-home .osl-guide-collection {max-width:1220px;padding:18px 6% 64px}
.osl-univers-home .osl-guide-section-head {gap:20px;margin-bottom:25px}
.osl-univers-home .osl-guide-section-head h2 {margin:8px 0 0}
.osl-univers-home .osl-guide-section-head .osl-guide-kicker {margin:0}
.osl-univers-home .osl-guide-collection-grid {gap:24px}
.osl-univers-home .osl-guide-card h3 {padding-top:16px;font-size:19px;line-height:1.3;margin:0}
.osl-univers-home .osl-guide-card p {font-size:11px;padding:7px 0 17px}
.osl-univers-home .osl-guide-related {padding:49px 6% 52px}
.osl-univers-home .osl-guide-related__inner {max-width:none}
.osl-univers-home .osl-guide-related .osl-guide-kicker {margin:0}
.osl-univers-home .osl-guide-related h2 {margin:0}
.osl-univers-home .osl-guide-related-grid {gap:30px;margin-top:30px}
.osl-univers-home .osl-guide-related-card {padding-top:18px}
.osl-univers-home .osl-guide-related-card h3 {font-size:25px;margin:12px 0 20px}
.osl-univers-home .osl-guide-related-description {font-size:12px;line-height:1.7;margin:-8px 0 20px;color:#60655d}
.osl-univers-home .osl-guide-related-bottom {font-size:11px}
@media(max-width:1023px) {
 .osl-univers-home .osl-guide-editorial {grid-template-columns:1fr;gap:27px;max-width:850px;padding:44px 6% 48px}
 .osl-univers-home .osl-guide-toc {padding:16px 0 14px;border-bottom:1px solid var(--guide-line)}
 .osl-univers-home #osl-toc-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 18px}
 .osl-univers-home .osl-guide-toc a {display:flex;align-items:center;min-height:44px;font-size:12px}
}
@media(max-width:900px) {
 .osl-univers-home .osl-guide-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;padding:6px 5%}
 .osl-univers-home .osl-guide-nav a {min-width:0;min-height:50px;padding:11px 5px;font-size:12px;line-height:1.5}
 .osl-univers-home .osl-guide-nav a:last-child {grid-column:2/4}
 .osl-univers-home .osl-guide-collection-grid {gap:28px 24px}
 .osl-univers-home .osl-guide-card h3 {font-size:20px}
 .osl-univers-home .osl-guide-card__discover {transform:translateY(0);font-size:12px;line-height:1.5;padding:12px 8px}
 .osl-univers-home .osl-guide-related-grid {gap:26px;margin-top:28px}
 .osl-univers-home .osl-guide-related-card {padding-top:20px}
 .osl-univers-home .osl-guide-related-card h3 {font-size:27px;margin:9px 0 19px}
 .osl-univers-home .osl-guide-related-description {max-width:560px;font-size:13px}
}
@media(max-width:767px) {
 .osl-univers-home .osl-guide-hero__inner {padding:46px 24px 55px}
 .osl-univers-home .osl-guide-hero h1 {max-width:100%;font-size:clamp(32px,7.2vw,42px);line-height:1.12}
 .osl-univers-home .osl-guide-hero__intro {max-width:540px;font-size:14px;line-height:1.75}
 .osl-univers-home .osl-guide-hero .osl-guide-link {margin-top:20px}
 .osl-univers-home .osl-guide-breadcrumb {padding:13px 24px;font-size:11px;line-height:1.65}
 .osl-univers-home #osl-toc-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
 .osl-univers-home .osl-guide-story {grid-template-columns:1fr}
 .osl-univers-home .osl-guide-story__photo {min-height:0;aspect-ratio:4/3}
 .osl-univers-home .osl-guide-story__copy {padding:35px 7% 42px}
 .osl-univers-home .osl-guide-story__quote {font-size:32px}
 .osl-univers-home .osl-guide-story__copy>p {font-size:14px;max-width:600px}
 .osl-univers-home .osl-guide-article p {font-size:15px;line-height:1.8}
 .osl-univers-home .osl-guide-article .osl-guide-intro {font-size:17px}
 .osl-univers-home .osl-guide-article .osl-guide-note {font-size:12px}
 .osl-univers-home .osl-guide-collection {padding:12px 6% 46px}
 .osl-univers-home .osl-guide-collection-grid {gap:26px 18px}
 .osl-univers-home .osl-guide-card h3 {font-size:18px}
 .osl-univers-home .osl-guide-card p {font-size:12px}
}
@media(max-width:450px) {
 .osl-univers-home .osl-guide-hero__inner {padding:38px 20px 46px}
 .osl-univers-home .osl-guide-breadcrumb {padding:13px 20px}
 .osl-univers-home .osl-guide-nav {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:7px 20px}
 .osl-univers-home .osl-guide-nav a:last-child {grid-column:1/-1}
 .osl-univers-home .osl-guide-editorial {padding:32px 20px 40px}
 .osl-univers-home .osl-guide-article h2 {font-size:28px}
 .osl-univers-home .osl-guide-inset {padding:22px 20px}
 .osl-univers-home .osl-guide-questions {padding:39px 20px}
 .osl-univers-home .osl-guide-questions summary {font-size:15px;line-height:1.55;gap:14px}
 .osl-univers-home .osl-guide-questions details p {padding-right:10px;font-size:14px}
 .osl-univers-home .osl-guide-collection {padding:5px 20px 40px}
 .osl-univers-home .osl-guide-collection-grid {gap:24px 14px}
 .osl-univers-home .osl-guide-card__discover {font-size:11px;padding:10px 6px}
 .osl-univers-home .osl-guide-card h3 {font-size:17px;line-height:1.35}
 .osl-univers-home .osl-guide-related {padding:36px 20px}
}