:root {
  --canvas: #f6f5f1;
  --paper: #ffffff;
  --ink: #16171b;
  --muted: #656870;
  --line: #dedfe2;
  --yellow: #f7ce28;
  --yellow-dark: #d8ac00;
  --blue: #112c48;
  --red: #d93e3a;
  --shadow: 0 18px 46px rgba(15, 29, 45, .09);
}

/* Radar du boulodrome: a dedicated live-style editorial page. */
.laboratory-radar-page { width: min(100% - 28px, 1436px); display: grid; gap: 18px; margin: 0 auto; padding: 24px 0 72px; color: #2d211b; }
.radar-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0 4px; color: #79685b; font-size: .76rem; }
.radar-breadcrumb a { color: #8f5e08; text-decoration: none; }
.radar-breadcrumb b { color: #34261e; font-weight: 800; }
.radar-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 30px; min-height: 390px; overflow: hidden; padding: clamp(36px, 6vw, 72px); border: 1px solid #e8bd35; border-radius: 32px; background: linear-gradient(120deg, #fffdf9 0%, #fff3cb 63%, #ffe5a0 100%); box-shadow: 0 16px 28px rgba(104, 67, 20, .09); }
.radar-hero::after { position: absolute; right: -100px; bottom: -150px; width: 370px; height: 370px; border: 1px solid rgba(148, 99, 17, .2); border-radius: 50%; content: ''; }
.radar-hero__copy { position: relative; z-index: 1; max-width: 890px; }
.radar-eyebrow { margin: 0 0 13px; color: #a66c09; font: 800 .72rem/1.2 "Manrope", sans-serif; letter-spacing: .19em; text-transform: uppercase; }
.radar-hero h1 { max-width: 880px; margin: 0; color: #241a15; font: 600 clamp(3.5rem, 6.8vw, 6.5rem)/.88 "Cormorant Garamond", Georgia, serif; letter-spacing: -.045em; }
.radar-hero__copy > p:not(.radar-eyebrow) { max-width: 760px; margin: 22px 0 27px; color: #6a584d; font-size: clamp(1rem, 1.45vw, 1.18rem); line-height: 1.55; }
.radar-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font: 800 .72rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.radar-button:hover { transform: translateY(-2px); box-shadow: 0 10px 18px rgba(71, 42, 13, .15); }
.radar-button--gold { background: #f0b918; color: #2b211a; }
.radar-button--light { border-color: #d7c29d; background: rgba(255,255,255,.75); color: #3a2b21; }
.radar-signal { position: relative; z-index: 1; display: grid; place-items: center; align-self: center; width: 270px; height: 270px; overflow: hidden; border: 1px solid rgba(255,231,166,.24); border-radius: 50%; background: radial-gradient(circle at 50% 50%, #855020 0 2%, transparent 2.5%), repeating-radial-gradient(circle at 50% 50%, transparent 0 34px, rgba(243,192,62,.27) 35px 36px), #2b1d16; box-shadow: 0 22px 30px rgba(60, 36, 17, .22); }
.radar-signal::before { position: absolute; width: 1px; height: 100%; background: rgba(243,192,62,.22); content: ''; }
.radar-signal::after { position: absolute; width: 100%; height: 1px; background: rgba(243,192,62,.22); content: ''; }
.radar-signal span { position: absolute; right: 21%; top: 22%; width: 13px; height: 13px; border: 3px solid #f3c33e; border-radius: 50%; background: #2b1d16; box-shadow: 0 0 0 8px rgba(243,195,62,.14), 0 0 20px #f3c33e; }
.radar-signal i { position: absolute; left: 50%; bottom: 50%; width: 48%; height: 1px; transform: rotate(-38deg); transform-origin: left center; background: linear-gradient(90deg, #f1c238, transparent); content: ''; }
.radar-signal b { position: relative; z-index: 1; margin-top: 9px; color: #fff1c7; font: 400 2.1rem/1 "Bebas Neue", Impact, sans-serif; letter-spacing: .16em; }
.radar-signal small { position: absolute; bottom: 62px; color: #edc15b; font: 800 .57rem/1 "Manrope", sans-serif; letter-spacing: .27em; }
.radar-pulse { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.radar-pulse__card { min-height: 176px; padding: 24px 25px; border: 1px solid #e8dfd4; border-radius: 23px; background: #fffdfa; box-shadow: 0 10px 22px rgba(72, 48, 23, .055); }
.radar-pulse__card > span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 27px; border-radius: 999px; background: #fff0bb; color: #a86d08; font: 800 .68rem/1 "Manrope", sans-serif; }
.radar-pulse__card h2 { margin: 18px 0 8px; color: #34251d; font: 600 clamp(1.65rem, 2.2vw, 2.2rem)/.95 "Cormorant Garamond", Georgia, serif; }
.radar-pulse__card p { max-width: 340px; margin: 0; color: #76665a; font-size: .91rem; line-height: 1.46; }
.radar-reading { padding: 38px; border: 1px solid #e8ded1; border-radius: 29px; background: #fffdfa; }
.radar-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 23px; }
.radar-heading h2 { margin: 0; color: #2b1e18; font: 600 clamp(2.5rem, 4vw, 4.25rem)/.9 "Cormorant Garamond", Georgia, serif; letter-spacing: -.03em; }
.radar-heading > a { color: #a56b08; font: 800 .69rem/1.2 "Manrope", sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.radar-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.radar-post { display: grid; grid-template-rows: 196px minmax(0, 1fr); overflow: hidden; border: 1px solid #e5ddd2; border-radius: 22px; background: #fff; color: #2d211b; text-decoration: none; box-shadow: 0 9px 18px rgba(70, 45, 21, .06); transition: transform .18s ease, box-shadow .18s ease; }
.radar-post:hover { transform: translateY(-4px); box-shadow: 0 16px 27px rgba(70, 45, 21, .12); }
.radar-post > img { width: 100%; height: 196px; object-fit: cover; }
.radar-post > div { display: grid; align-content: start; gap: 10px; padding: 20px; }
.radar-post > div > span { color: #aa710a; font: 800 .65rem/1 "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.radar-post h3 { margin: 0; font: 600 clamp(1.55rem, 2vw, 2rem)/.97 "Cormorant Garamond", Georgia, serif; }
.radar-post b { margin-top: 8px; color: #a66d09; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.radar-bridge { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; padding: 35px 38px; border-radius: 29px; background: linear-gradient(110deg, #211813, #4d2d1f 65%, #825432); color: #fff8eb; }
.radar-bridge .radar-eyebrow { color: #f2c34a; }
.radar-bridge h2 { max-width: 720px; margin: 0 0 10px; color: #fff8ed; font: 600 clamp(2.5rem, 4vw, 4rem)/.91 "Cormorant Garamond", Georgia, serif; }
.radar-bridge p:not(.radar-eyebrow) { max-width: 690px; margin: 0; color: rgba(255,248,235,.78); line-height: 1.5; }
.radar-bridge__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.radar-bridge .radar-button--light { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff8ed; }
.radar-share { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 22px 27px; border: 1px solid #e7c168; border-radius: 23px; background: linear-gradient(110deg, #fffdf7, #ffe9a9); }
.radar-share strong { display: block; max-width: 560px; color: #35271e; font: 800 1rem/1.4 "Manrope", sans-serif; }
.radar-share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.radar-share__link { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 13px; border-radius: 999px; background: #2d211a; color: #fffaf0; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }
.radar-share__link img { width: 17px; height: 17px; }
.radar-share__link--facebook { background: #287ff0; }.radar-share__link--instagram { background: linear-gradient(100deg, #9e38ba, #ff603b); }.radar-share__link--youtube { background: #f1202b; }.radar-share__link--tiktok { box-shadow: -2px 0 #24f4ee, 2px 0 #fe2c55; }
.radar-newsletter { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 23px 27px; border-radius: 23px; background: #2a1c16; color: #fff7e7; text-decoration: none; }
.radar-newsletter span { color: #f2c044; font: 800 .68rem/1.2 "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; }.radar-newsletter strong { font: 800 .95rem/1.35 "Manrope", sans-serif; }.radar-newsletter b { padding: 11px 15px; border-radius: 999px; background: #f1b91b; color: #2d211a; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 950px) { .radar-hero { grid-template-columns: minmax(0, 1fr) 220px; padding: 42px; }.radar-signal { width: 210px; height: 210px; }.radar-pulse, .radar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.radar-pulse__card:last-child, .radar-post:last-child { grid-column: 1 / -1; }.radar-post:last-child { grid-template-columns: 220px minmax(0, 1fr); grid-template-rows: 1fr; }.radar-post:last-child > img { width: 220px; height: 100%; min-height: 180px; } }
@media (max-width: 680px) { .laboratory-radar-page { width: min(100% - 20px, 620px); gap: 12px; padding-top: 14px; }.radar-breadcrumb { font-size: .64rem; }.radar-hero { display: block; min-height: 520px; padding: 31px 24px 240px; border-radius: 24px; }.radar-hero h1 { font-size: clamp(3rem, 14vw, 4.6rem); }.radar-hero__copy > p:not(.radar-eyebrow) { font-size: .96rem; }.radar-signal { position: absolute; right: 24px; bottom: 22px; width: 190px; height: 190px; }.radar-pulse, .radar-grid { grid-template-columns: 1fr; }.radar-pulse__card:last-child, .radar-post:last-child { grid-column: auto; }.radar-reading { padding: 27px 21px; border-radius: 23px; }.radar-heading { align-items: start; flex-direction: column; gap: 13px; }.radar-heading h2 { font-size: 3rem; }.radar-post, .radar-post:last-child { display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: 1fr; }.radar-post > img, .radar-post:last-child > img { width: 112px; height: 100%; min-height: 145px; }.radar-post > div { padding: 17px 15px; }.radar-post h3 { font-size: 1.62rem; }.radar-bridge { grid-template-columns: 1fr; padding: 27px 22px; border-radius: 23px; }.radar-bridge__actions { justify-content: flex-start; }.radar-share { display: grid; grid-template-columns: 1fr; padding: 22px; }.radar-share nav { justify-content: flex-start; }.radar-newsletter { grid-template-columns: 1fr; gap: 10px; padding: 22px; }.radar-newsletter b { justify-self: start; } }

/* CGV: a calm legal layout that stays readable on long pages. */
.cgv-v2 { max-width: 1240px; margin: 0 auto; padding: 24px 0 70px; color: #2a211c; }
.cgv-v2[dir="rtl"] { text-align: right; }
.cgv-v2__crumb { display: flex; gap: 12px; align-items: center; margin: 0 0 24px; color: #887466; font-size: .78rem; }
.cgv-v2__crumb a { color: #95630e; text-decoration: none; }
.cgv-v2__crumb b { color: #4d3b2e; font-weight: 700; }
.cgv-v2__hero { position: relative; display: flex; overflow: hidden; padding: clamp(28px, 4vw, 48px); border: 1px solid #edbd23; border-radius: 30px; background: linear-gradient(120deg, #fffdf9, #ffefb9); box-shadow: 0 10px 25px rgba(80, 55, 21, .06); }
.cgv-v2__hero::after { position: absolute; right: -90px; bottom: -130px; width: 320px; height: 320px; border: 1px solid rgba(145, 100, 19, .18); border-radius: 50%; content: ''; }
.cgv-v2__hero > div { position: relative; z-index: 1; max-width: 1040px; }
.cgv-v2__eyebrow { margin: 0 0 14px; color: #a16a08; font-size: .72rem; font-weight: 900; letter-spacing: .17em; line-height: 1.3; text-transform: uppercase; }
.cgv-v2 h1, .cgv-v2 h2 { font-family: 'Cormorant Garamond', Georgia, serif; }
.cgv-v2 h1 { max-width: 1040px; margin: 0; color: #1e1713; font-size: clamp(3.1rem, 5.6vw, 5.8rem); font-weight: 600; letter-spacing: -.045em; line-height: .9; }
.cgv-v2__intro { max-width: 670px; margin: 26px 0 0; color: #705e51; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.6; }
.cgv-v2__effective { margin: 18px 0 0; color: #8b6a25; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cgv-v2__hero aside { position: relative; z-index: 1; display: grid; align-content: center; justify-items: center; min-width: 145px; min-height: 145px; border: 1px solid rgba(132, 89, 14, .23); border-radius: 50%; background: rgba(255,255,255,.55); }
.cgv-v2__hero aside strong { color: #ad7409; font-family: 'Bebas Neue', Impact, sans-serif; font-size: 4.5rem; line-height: .8; }
.cgv-v2__hero aside span { color: #715b46; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.cgv-v2__hero aside small { margin-top: 11px; color: #806c5b; font-size: .7rem; text-align: center; }
.cgv-v2__notice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin: 20px 0 25px; padding: 20px 25px; border: 1px solid #e9c55c; border-radius: 20px; background: #fff7d8; }
.cgv-v2__notice > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #2f9d5e; color: white; font-weight: 900; }
.cgv-v2__notice strong { display: block; color: #392b20; font-size: 1rem; }
.cgv-v2__notice p { margin: 4px 0 0; color: #765e48; font-size: .9rem; line-height: 1.45; }
.cgv-v2__notice > b { padding: 9px 13px; border-radius: 999px; background: #f4d77a; color: #5b410d; font-size: .72rem; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.cgv-v2__layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 22px; align-items: start; }
.cgv-v2__articles, .cgv-v2__aside, .cgv-v2__footer { border: 1px solid rgba(90, 67, 43, .13); border-radius: 26px; background: rgba(255, 253, 249, .88); box-shadow: 0 11px 28px rgba(78, 55, 26, .06); }
.cgv-v2__articles { padding: clamp(24px, 4vw, 48px); }
.cgv-v2__articles > header { padding-bottom: 23px; border-bottom: 1px solid #eadfd0; }
.cgv-v2__articles > header h2 { margin: 0 0 12px; font-size: clamp(2.1rem, 4vw, 3.5rem); line-height: .95; }
.cgv-v2__articles > header > p:last-child { max-width: 700px; margin: 0; color: #765f50; line-height: 1.55; }
.cgv-v2__article { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; padding: 28px 0; border-bottom: 1px solid #eadfd0; }
.cgv-v2__article:last-child { border-bottom: 0; padding-bottom: 0; }
.cgv-v2__article-number { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #f4d47c; color: #8b5b07; font-size: .75rem; font-weight: 900; }
.cgv-v2__article h2 { margin: 0 0 10px; color: #38271e; font-size: clamp(1.55rem, 2.4vw, 2.1rem); line-height: 1; }
.cgv-v2__article p { margin: 0; color: #655448; font-size: 1rem; line-height: 1.72; }
.cgv-v2__aside { position: sticky; top: 22px; padding: 25px; background: linear-gradient(145deg, #fffdf9, #f9edc6); }
.cgv-v2__aside h2 { margin: 0 0 12px; font-size: 2.2rem; line-height: .95; }
.cgv-v2__aside p:not(.cgv-v2__eyebrow) { margin: 0 0 20px; color: #745f50; font-size: .92rem; line-height: 1.6; }
.cgv-v2__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid #dfc99a; border-radius: 999px; color: #34251c; font-size: .75rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.cgv-v2__button--dark { border-color: #241b17; background: #241b17; color: #fff; }
.cgv-v2__aside nav { display: grid; gap: 9px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e4d6bf; }
.cgv-v2__aside nav a { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(115, 82, 40, .14); color: #79500b; font-size: .8rem; font-weight: 800; text-decoration: none; }
.cgv-v2__aside nav a span { color: #b07a11; }
.cgv-v2__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 22px 26px; background: #241b17; color: #fff; }
.cgv-v2__footer p { margin: 0; color: #e9d8c4; font-size: .9rem; }
.cgv-v2__footer .cgv-v2__button { border-color: #f0bb16; background: #f0bb16; color: #231b16; }
@media (max-width: 900px) {
  .cgv-v2 { padding: 16px 0 45px; }
  .cgv-v2__hero { padding: 32px 24px; }
  .cgv-v2__hero aside { min-width: 110px; min-height: 110px; }
  .cgv-v2__layout { grid-template-columns: 1fr; }
  .cgv-v2__aside { position: static; }
}
@media (max-width: 620px) {
  .cgv-v2__crumb { padding: 0 5px; }
  .cgv-v2__hero { display: block; border-radius: 22px; }
  .cgv-v2 h1 { font-size: clamp(3rem, 14vw, 5rem); }
  .cgv-v2__hero aside { margin-top: 25px; }
  .cgv-v2__notice { grid-template-columns: auto minmax(0, 1fr); padding: 16px; }
  .cgv-v2__notice > b { grid-column: 1 / -1; }
  .cgv-v2__articles { padding: 22px 18px; border-radius: 22px; }
  .cgv-v2__article { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 23px 0; }
  .cgv-v2__article-number { width: 34px; height: 34px; font-size: .65rem; }
  .cgv-v2__article p { font-size: .95rem; line-height: 1.6; }
  .cgv-v2__footer { display: block; padding: 20px; }
  .cgv-v2__footer .cgv-v2__button { margin-top: 14px; }
}

/* Returns and refunds page: clear policy layout with the same editorial language as the CGV. */
.returns-v2 { max-width: 1240px; margin: 0 auto; padding: 24px 0 70px; color: #2a211c; }
.returns-v2[dir="rtl"] { text-align: right; }
.returns-v2__crumb { display: flex; gap: 12px; align-items: center; margin: 0 0 24px; color: #887466; font-size: .78rem; }
.returns-v2__crumb a { color: #95630e; text-decoration: none; }
.returns-v2__crumb b { color: #4d3b2e; font-weight: 700; }
.returns-v2__hero { position: relative; display: flex; overflow: hidden; padding: clamp(28px, 4vw, 48px); border: 1px solid #edbd23; border-radius: 30px; background: linear-gradient(120deg, #fffdf9, #ffefb9); box-shadow: 0 10px 25px rgba(80, 55, 21, .06); }
.returns-v2__hero::after { position: absolute; right: -90px; bottom: -130px; width: 320px; height: 320px; border: 1px solid rgba(145, 100, 19, .18); border-radius: 50%; content: ''; }
.returns-v2__hero > div { position: relative; z-index: 1; max-width: 1040px; }
.returns-v2__eyebrow { margin: 0 0 14px; color: #a16a08; font-size: .72rem; font-weight: 900; letter-spacing: .17em; line-height: 1.3; text-transform: uppercase; }
.returns-v2 h1, .returns-v2 h2 { font-family: 'Cormorant Garamond', Georgia, serif; }
.returns-v2 h1 { max-width: 1040px; margin: 0; color: #1e1713; font-size: clamp(3.1rem, 5.6vw, 5.8rem); font-weight: 600; letter-spacing: -.045em; line-height: .9; }
.returns-v2__intro { max-width: 700px; margin: 26px 0 0; color: #705e51; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.6; }
.returns-v2__hero aside { position: relative; z-index: 1; display: grid; align-content: center; justify-items: center; min-width: 145px; min-height: 145px; border: 1px solid rgba(132, 89, 14, .23); border-radius: 50%; background: rgba(255, 255, 255, .55); }
.returns-v2__hero aside strong { color: #ad7409; font-family: 'Bebas Neue', Impact, sans-serif; font-size: 4.5rem; line-height: .8; }
.returns-v2__hero aside span { color: #715b46; font-size: .67rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.returns-v2__hero aside small { margin-top: 11px; color: #806c5b; font-size: .7rem; text-align: center; }
.returns-v2__notice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin: 20px 0 25px; padding: 20px 25px; border: 1px solid #e9c55c; border-radius: 20px; background: #fff7d8; }
.returns-v2__notice > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #2f9d5e; color: white; font-weight: 900; }
.returns-v2__notice strong { display: block; color: #392b20; font-size: 1rem; }
.returns-v2__notice p { margin: 4px 0 0; color: #765e48; font-size: .9rem; line-height: 1.45; }
.returns-v2__notice > b { padding: 9px 13px; border-radius: 999px; background: #f4d77a; color: #5b410d; font-size: .72rem; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.returns-v2__layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 22px; align-items: start; }
.returns-v2__articles, .returns-v2__aside, .returns-v2__footer { border: 1px solid rgba(90, 67, 43, .13); border-radius: 26px; background: rgba(255, 253, 249, .88); box-shadow: 0 11px 28px rgba(78, 55, 26, .06); }
.returns-v2__articles { padding: clamp(24px, 4vw, 48px); }
.returns-v2__articles > header { padding-bottom: 23px; border-bottom: 1px solid #eadfd0; }
.returns-v2__articles > header h2 { margin: 0 0 12px; font-size: clamp(2.1rem, 4vw, 3.5rem); line-height: .95; }
.returns-v2__articles > header > p:last-child { max-width: 700px; margin: 0; color: #765f50; line-height: 1.55; }
.returns-v2__article { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; padding: 28px 0; border-bottom: 1px solid #eadfd0; }
.returns-v2__article:last-child { border-bottom: 0; padding-bottom: 0; }
.returns-v2__number { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #f4d47c; color: #8b5b07; font-size: .75rem; font-weight: 900; }
.returns-v2__article h2 { margin: 0 0 10px; color: #38271e; font-size: clamp(1.55rem, 2.4vw, 2.1rem); line-height: 1; }
.returns-v2__article p { margin: 0; color: #655448; font-size: 1rem; line-height: 1.72; }
.returns-v2__aside { position: sticky; top: 22px; padding: 25px; background: linear-gradient(145deg, #fffdf9, #f9edc6); }
.returns-v2__aside h2 { margin: 0 0 20px; font-size: 2rem; line-height: 1.05; }
.returns-v2__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid #dfc99a; border-radius: 999px; color: #34251c; font-size: .75rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.returns-v2__button--dark { border-color: #241b17; background: #241b17; color: #fff; }
.returns-v2__aside nav { display: grid; gap: 9px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e4d6bf; }
.returns-v2__aside nav a { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(115, 82, 40, .14); color: #79500b; font-size: .8rem; font-weight: 800; text-decoration: none; }
.returns-v2__aside nav a span { color: #b07a11; }
.returns-v2__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 22px 26px; background: #241b17; color: #fff; }
.returns-v2__footer p { margin: 0; color: #e9d8c4; font-size: .9rem; }
.returns-v2__footer .returns-v2__button { border-color: #f0bb16; background: #f0bb16; color: #231b16; }
@media (max-width: 900px) {
  .returns-v2 { padding: 16px 0 45px; }
  .returns-v2__hero { padding: 32px 24px; }
  .returns-v2__hero aside { min-width: 110px; min-height: 110px; }
  .returns-v2__layout { grid-template-columns: 1fr; }
  .returns-v2__aside { position: static; }
}
@media (max-width: 620px) {
  .returns-v2__crumb { padding: 0 5px; }
  .returns-v2__hero { display: block; border-radius: 22px; }
  .returns-v2 h1 { font-size: clamp(3rem, 14vw, 5rem); }
  .returns-v2__hero aside { margin-top: 25px; }
  .returns-v2__notice { grid-template-columns: auto minmax(0, 1fr); padding: 16px; }
  .returns-v2__notice > b { grid-column: 1 / -1; }
  .returns-v2__articles { padding: 22px 18px; border-radius: 22px; }
  .returns-v2__article { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 23px 0; }
  .returns-v2__number { width: 34px; height: 34px; font-size: .65rem; }
  .returns-v2__article p { font-size: .95rem; line-height: 1.6; }
  .returns-v2__footer { display: block; padding: 20px; }
  .returns-v2__footer .returns-v2__button { margin-top: 14px; }
}

/* Final responsive search placement after the stacked header overrides. */
@media (min-width: 761px) and (max-width: 900px) {
  .site-header > .header-center > .global-search { grid-template-columns: 26px minmax(0, 1fr) 44px !important; }
  .site-header > .header-center > .global-search::before { grid-column: 1 !important; grid-row: 1 !important; align-self: center; justify-self: center; width: 12px; height: 12px; border: 2px solid #9a6e0f; border-radius: 50%; background: linear-gradient(45deg, transparent 46%, #9a6e0f 47% 60%, transparent 61%) 9px 9px / 7px 7px no-repeat; content: ""; }
  .site-header > .header-center > .global-search input { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; min-width: 0 !important; }
  .site-header > .header-center > .global-search button { grid-column: 3 !important; grid-row: 1 !important; width: 44px !important; min-width: 44px !important; margin: 0 !important; }
}
@media (max-width: 760px) {
  .site-header > .header-center > .global-search { grid-template-columns: 26px minmax(0, 1fr) 34px !important; }
  .site-header > .header-center > .global-search::before { grid-column: 1 !important; grid-row: 1 !important; align-self: center; justify-self: center; width: 12px; height: 12px; border: 2px solid #9a6e0f; border-radius: 50%; background: linear-gradient(45deg, transparent 46%, #9a6e0f 47% 60%, transparent 61%) 9px 9px / 7px 7px no-repeat; content: ""; }
  .site-header > .header-center > .global-search input { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; min-width: 0 !important; }
  .site-header > .header-center > .global-search button { grid-column: 3 !important; grid-row: 1 !important; width: 34px !important; min-width: 34px !important; margin: 0 !important; }
}

/* Living clubs directory */
.grounds-directory-page { width: min(100% - 56px, 1510px); margin: 0 auto; padding: 28px 0 70px; color: #2c211b; }
.grounds-directory-page h1, .grounds-directory-page h2 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.035em; }
.grounds-directory-page p { margin: 0; }
.grounds-directory-hero { padding: 28px 30px 22px; border: 1px solid #eccb72; border-bottom: 3px solid #e8b20b; border-radius: 26px; background: linear-gradient(115deg, #fffdfa 0%, #fff4c9 100%); box-shadow: 0 18px 34px rgba(102, 76, 28, .09); }
.grounds-directory-kicker, .grounds-directory-eyebrow { color: #a36600; font-size: .72rem; font-weight: 900; letter-spacing: .19em; text-transform: uppercase; }
.grounds-directory-hero h1 { margin-top: 12px; font-size: clamp(2.65rem, 5vw, 4.8rem); line-height: .98; }
.grounds-directory-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 18px; max-width: 690px; }
.grounds-directory-stats div { min-height: 69px; padding: 11px 12px; border: 1px solid rgba(67, 47, 27, .1); border-radius: 18px; background: rgba(255, 255, 255, .7); }
.grounds-directory-stats strong { display: block; color: #a06b00; font-size: 1.22rem; line-height: 1.1; }
.grounds-directory-stats span { display: block; margin-top: 7px; color: #675b52; font-size: .76rem; line-height: 1.1; }
.grounds-directory-missing, .grounds-directory-list { margin-top: 22px; padding: 36px 38px; border: 1px solid rgba(71, 49, 29, .12); border-radius: 27px; background: #fffdfa; box-shadow: 0 18px 34px rgba(83, 62, 34, .07); }
.grounds-directory-missing h2, .grounds-directory-list h2 { margin-top: 9px; font-size: clamp(2rem, 3.5vw, 3.3rem); line-height: 1.02; }
.grounds-directory-missing > p:not(.grounds-directory-eyebrow) { margin-top: 10px; color: #6d625b; font-size: 1rem; }
.grounds-directory-form { display: grid; grid-template-columns: 1.35fr 1fr .3fr; gap: 14px; margin-top: 22px; }
.grounds-directory-form label, .grounds-directory-filters label { display: grid; gap: 7px; color: #625850; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.grounds-directory-form input, .grounds-directory-filters input, .grounds-directory-filters select { width: 100%; min-height: 56px; padding: 0 15px; border: 1px solid #ded7cf; border-radius: 16px; background: #fff; color: #2d241e; font: inherit; font-size: .95rem; letter-spacing: 0; text-transform: none; }
.grounds-directory-form button { grid-column: 1 / -1; min-height: 56px; border: 0; border-radius: 30px; background: #f0b413; color: #17120f; cursor: pointer; font: inherit; font-size: .78rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; box-shadow: inset 0 -3px 0 rgba(132, 83, 0, .22); }
.grounds-directory-form button:hover, .grounds-directory-show-all:hover { filter: brightness(1.04); transform: translateY(-1px); }
.grounds-directory-notice { margin-bottom: 18px !important; padding: 14px 18px; border: 1px solid #b9dfc0; border-radius: 14px; background: #edf9ee; color: #277044; font-weight: 700; }
.grounds-directory-atlas { display: grid; grid-template-columns: minmax(300px, .95fr) minmax(0, 1.25fr); gap: 30px; align-items: center; margin-top: 22px; padding: 30px; border: 1px solid rgba(71, 49, 29, .1); border-radius: 27px; background: linear-gradient(115deg, #fffdfa 0%, #fff2c4 100%); }
.grounds-directory-map-visual { position: relative; overflow: hidden; min-height: 300px; border-radius: 24px; background: #e9dfca; }
.grounds-directory-map-visual img { display: block; width: 100%; height: 100%; min-height: 300px; object-fit: cover; }
.grounds-directory-map-visual span { position: absolute; right: 16px; bottom: 16px; display: grid; min-width: 74px; padding: 10px 13px; border-radius: 18px; background: #2d211b; color: #fff; text-align: center; }
.grounds-directory-map-visual span strong { color: #f0b413; font-size: 1.5rem; line-height: 1; }
.grounds-directory-map-visual span { font-size: .75rem; }
.grounds-directory-map-copy h2 { max-width: 720px; margin-top: 10px; font-size: clamp(2.2rem, 4vw, 4rem); line-height: .98; }
.grounds-directory-map-copy > p:not(.grounds-directory-eyebrow) { max-width: 720px; margin-top: 16px; color: #6d625b; font-size: 1.08rem; line-height: 1.55; }
.grounds-directory-filters { display: grid; grid-template-columns: 1.35fr .8fr; gap: 14px; margin-top: 20px; }
.grounds-directory-show-all { margin-top: 13px; padding: 11px 17px; border: 1px solid #dfcda9; border-radius: 22px; background: #fffaf0; color: #5b411b; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.grounds-directory-list-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.grounds-directory-list-head > strong { color: #3a3029; font-size: 1rem; font-weight: 500; }
.grounds-directory-table-wrap { overflow-x: auto; margin-top: 20px; }
.grounds-directory-page table { width: 100%; min-width: 650px; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid #e6ddd3; border-radius: 17px; }
.grounds-directory-page th, .grounds-directory-page td { padding: 14px 16px; border-bottom: 1px solid #eee7df; text-align: left; }
.grounds-directory-page th { background: #fdf3cf; color: #8e5c09; font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
.grounds-directory-page td { color: #60554e; font-size: .92rem; }
.grounds-directory-page tbody tr:last-child td { border-bottom: 0; }
.grounds-directory-page tbody tr.is-filtered-out { display: none !important; }
.grounds-directory-page td strong { color: #2e241f; }
.grounds-directory-status { display: inline-block; padding: 6px 10px; border-radius: 20px; background: #fff2c5; color: #8b5d0b; font-size: .72rem; font-weight: 800; }
@media (max-width: 920px) {
  .grounds-directory-page { width: min(100% - 28px, 760px); }
  .grounds-directory-atlas { grid-template-columns: 1fr; }
  .grounds-directory-map-visual { min-height: 260px; }
  .grounds-directory-map-visual img { min-height: 260px; }
}
@media (max-width: 650px) {
  .grounds-directory-page { width: min(100% - 20px, 620px); padding-top: 14px; }
  .grounds-directory-hero, .grounds-directory-missing, .grounds-directory-atlas, .grounds-directory-list { padding: 23px 18px; border-radius: 21px; }
  .grounds-directory-hero h1 { font-size: clamp(2.35rem, 12vw, 3.5rem); }
  .grounds-directory-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grounds-directory-stats div:last-child { grid-column: 1 / -1; }
  .grounds-directory-form, .grounds-directory-filters { grid-template-columns: 1fr; }
  .grounds-directory-form button { grid-column: auto; }
  .grounds-directory-list-head { align-items: start; flex-direction: column; }
  .grounds-directory-map-copy h2 { font-size: 2.35rem; }
}

/* About page: a warmer editorial landing page with clear ways into the site. */
.about-v3 {
  width: min(100% - 48px, 1280px);
  margin: 0 auto;
  padding: 34px 0 70px;
  color: #30231d;
}
.about-v3__crumb {
  display: flex;
  gap: 10px;
  margin-bottom: 22px;
  color: #8d7c70;
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.about-v3__crumb a { color: #916516; text-decoration: none; }
.about-v3__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  min-height: 510px;
  overflow: hidden;
  padding: clamp(32px, 5vw, 72px);
  border: 1px solid rgba(150, 103, 19, .28);
  border-bottom: 4px solid #e2ad12;
  border-radius: 34px;
  background: linear-gradient(120deg, #fffdf8 0%, #fff8df 100%);
  box-shadow: 0 20px 42px rgba(83, 57, 23, .1);
}
.about-v3__hero > div:first-child { position: relative; z-index: 1; max-width: 760px; }
.about-v3__hero-photo {
  position: relative;
  z-index: 1;
  min-height: 390px;
  margin: -22px -22px -22px 8px;
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, .78);
  border-radius: 28px 28px 34px 34px;
  background: #d7c5a4;
  box-shadow: 0 20px 35px rgba(57, 38, 22, .2);
  transform: rotate(2deg);
}
.about-v3__hero-photo::after {
  position: absolute;
  inset: 0;
  content: '';
  background: linear-gradient(180deg, rgba(20, 14, 10, .02) 50%, rgba(20, 14, 10, .62) 100%);
}
.about-v3__hero-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.about-v3__hero-photo span {
  position: absolute;
  right: 20px;
  bottom: 17px;
  left: 20px;
  z-index: 1;
  color: #fff9ec;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.about-v3__eyebrow { margin: 0 0 16px; color: #a66d0d; font-size: .72rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.about-v3 h1, .about-v3 h2, .about-v3 h3 { font-family: 'Cormorant Garamond', Georgia, serif; }
.about-v3 h1 { max-width: 820px; margin: 0; color: #241a15; font-size: clamp(3.5rem, 7vw, 7.2rem); font-weight: 600; letter-spacing: -.045em; line-height: .88; }
.about-v3__lead { max-width: 690px; margin: 28px 0 30px; color: #66564b; font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.55; }
.about-v3__hero nav, .about-v3__social-panel nav { display: flex; flex-wrap: wrap; gap: 11px; }
.about-v3__hero-art { position: absolute; right: 4%; bottom: -80px; width: 360px; height: 360px; border: 1px solid rgba(175, 131, 33, .24); border-radius: 50%; }
.about-v3__hero-art::before, .about-v3__hero-art::after { position: absolute; content: ''; border: 1px solid rgba(175, 131, 33, .22); border-radius: 50%; }
.about-v3__hero-art::before { inset: 42px; }
.about-v3__hero-art::after { inset: 105px; }
.about-v3__hero-art span, .about-v3__hero-art i, .about-v3__hero-art b, .about-v3__hero-art em { position: absolute; display: block; border-radius: 50%; box-shadow: 0 15px 25px rgba(54, 37, 22, .2); }
.about-v3__hero-art span { top: 75px; left: 35px; width: 105px; height: 105px; background: radial-gradient(circle at 32% 27%, #fff 0, #a7a39e 12%, #373432 62%, #111 100%); }
.about-v3__hero-art i { right: 38px; bottom: 68px; width: 164px; height: 164px; background: radial-gradient(circle at 32% 27%, #fff 0, #a8a7a3 10%, #494744 61%, #171616 100%); }
.about-v3__hero-art b { right: 28px; top: 105px; width: 24px; height: 24px; background: #eeb719; box-shadow: none; }
.about-v3__hero-art em { left: 165px; bottom: 37px; width: 16px; height: 16px; background: #eeb719; box-shadow: none; }
.about-v3__story, .about-v3__doors, .about-v3__values, .about-v3__social-panel { margin-top: 24px; padding: clamp(26px, 4vw, 52px); border: 1px solid rgba(82, 61, 36, .13); border-radius: 30px; background: rgba(255, 253, 249, .82); }
.about-v3__story { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: clamp(26px, 7vw, 100px); }
.about-v3 h2 { margin: 0; color: #241a15; font-size: clamp(2.4rem, 4.5vw, 4.6rem); font-weight: 600; letter-spacing: -.035em; line-height: .95; }
.about-v3__story p, .about-v3__social-panel p { margin: 0 0 18px; color: #67574c; font-size: 1.05rem; line-height: 1.72; }
.about-v3__story p:last-child, .about-v3__social-panel p:last-child { margin-bottom: 0; }
.about-v3__story-photo {
  height: 210px;
  margin: 25px 0 0;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 12px 24px rgba(67, 45, 22, .12);
}
.about-v3__story-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.about-v3__doors { background: linear-gradient(135deg, #fffdf9, #f9edc7); }
.about-v3__doors header { display: flex; justify-content: space-between; margin-bottom: 24px; }
.about-v3__door-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.about-v3__door { min-height: 218px; padding: 20px; border: 1px solid rgba(91, 64, 31, .15); border-top: 4px solid #d8a819; border-radius: 20px; background: rgba(255, 255, 255, .72); color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.about-v3__door:hover, .about-v3__social:hover { transform: translateY(-4px); box-shadow: 0 14px 25px rgba(67, 45, 22, .13); }
.about-v3__door--2 { border-top-color: #d46c39; }
.about-v3__door--3 { border-top-color: #7da36c; }
.about-v3__door--4 { border-top-color: #8f70b6; }
.about-v3__door-number { display: block; width: max-content; margin-bottom: 23px; padding: 5px 8px; border-radius: 999px; background: #f3ecd9; color: #9d6a0a; font-size: .65rem; font-weight: 900; letter-spacing: .1em; }
.about-v3__door strong { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.7rem; line-height: .98; }
.about-v3__door p { min-height: 66px; margin: 12px 0 20px; color: #75675c; font-size: .84rem; line-height: 1.45; }
.about-v3__door b { color: #99680d; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.about-v3__values > header { margin-bottom: 17px; }
.about-v3__values > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.about-v3__values article { padding: 24px; border-radius: 20px; background: #f8f4ec; }
.about-v3__values article:nth-child(2) { background: #eef5ed; }
.about-v3__values article:nth-child(3) { background: #fff0be; }
.about-v3__values article > span { color: #b16e0c; font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.about-v3__values h3 { margin: 25px 0 10px; color: #2a201b; font-size: 1.75rem; line-height: .98; }
.about-v3__values p { margin: 0; color: #75675c; font-size: .9rem; line-height: 1.52; }
.about-v3__field-notes {
  margin-top: 24px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgba(82, 61, 36, .13);
  border-radius: 30px;
  background: #fffdf9;
}
.about-v3__field-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.about-v3__field-gallery figure { position: relative; height: 235px; margin: 0; overflow: hidden; border-radius: 20px; background: #e8dbc4; }
.about-v3__field-gallery figure::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, transparent 46%, rgba(24, 17, 12, .68)); }
.about-v3__field-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; }
.about-v3__field-gallery figure:nth-child(1) img { object-position: center 30%; }
.about-v3__field-gallery figure:nth-child(2) img { object-position: center 25%; }
.about-v3__field-gallery figcaption { position: absolute; right: 16px; bottom: 13px; left: 16px; z-index: 1; color: #fffaf0; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.45rem; font-weight: 600; line-height: 1; }
.about-v3__social-panel { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 30px; background: linear-gradient(120deg, #241a15, #5c3822); color: #fffaf0; }
.about-v3__social-panel h2 { color: #fffaf0; }
.about-v3__social-panel p { color: #e2d7ca; }
.about-v3__social-panel .about-v3__eyebrow { color: #f2c247; }
.about-v3__social { display: flex; align-items: center; gap: 12px; min-width: 190px; padding: 13px 14px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; background: rgba(255, 255, 255, .08); color: #fffaf0; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.about-v3__social-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #fff; }
.about-v3__social-icon img { width: 17px; height: 17px; }
.about-v3__social strong, .about-v3__social small { display: block; }
.about-v3__social strong { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.about-v3__social small { margin-top: 3px; color: #d7c7b8; font-size: .68rem; }
.about-v3__social > b { margin-left: auto; color: #f2c247; font-size: 1.2rem; }
@media (max-width: 900px) {
  .about-v3__hero { grid-template-columns: 1fr; }
  .about-v3__hero-photo { min-height: 300px; margin: 12px 0 -12px; transform: rotate(1deg); }
  .about-v3__hero-art { opacity: .55; right: -80px; }
  .about-v3__door-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-v3__social-panel { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .about-v3 { width: min(100% - 24px, 1280px); padding-top: 20px; }
  .about-v3__hero { min-height: 0; padding: 28px 22px 35px; border-radius: 24px; }
  .about-v3 h1 { font-size: clamp(3.15rem, 15vw, 5rem); }
  .about-v3__lead { font-size: .98rem; }
  .about-v3__hero-photo { min-height: 260px; margin: 14px 0 -8px; border-width: 6px; border-radius: 22px; transform: none; }
  .about-v3__hero-art { width: 250px; height: 250px; right: -95px; bottom: -55px; }
  .about-v3__hero-art i { width: 110px; height: 110px; }
  .about-v3__hero-art span { width: 72px; height: 72px; }
  .about-v3__story, .about-v3__doors, .about-v3__values, .about-v3__social-panel { padding: 23px 18px; border-radius: 23px; }
  .about-v3__story { grid-template-columns: 1fr; gap: 22px; }
  .about-v3 h2 { font-size: clamp(2.35rem, 11vw, 3.6rem); }
  .about-v3__door-grid, .about-v3__values > div { grid-template-columns: 1fr; }
  .about-v3__field-notes { padding: 18px; border-radius: 23px; }
  .about-v3__field-gallery { grid-template-columns: 1fr; }
  .about-v3__field-gallery figure { height: 210px; }
  .about-v3__door p { min-height: 0; }
  .about-v3__social { min-width: 0; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.site-body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: linear-gradient(180deg, #fff 0, var(--canvas) 37rem);
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  line-height: 1.55;
}
a { color: inherit; }
img { max-width: 100%; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 20; padding: .7rem 1rem; background: var(--yellow); color: var(--ink); font-weight: 800; }
.skip-link:focus { top: 1rem; }
.site-header { position: relative; z-index: 5; color: #fff; background: var(--ink); border-bottom: 5px solid var(--yellow); }
.site-header__inner { width: min(1440px, calc(100% - 2.5rem)); margin: 0 auto; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.5rem; padding: .9rem 0; }
.site-logo { display: inline-flex; align-items: center; gap: .65rem; color: #fff; text-decoration: none; white-space: nowrap; }
.site-logo__mark { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; color: var(--ink); background: var(--yellow); border-radius: 50%; font-family: Georgia, serif; font-weight: 900; letter-spacing: -.1em; transform: rotate(-8deg); }
.site-logo strong { display: block; font-size: 1.1rem; letter-spacing: -.04em; }
.site-logo small { display: block; color: #c8cbd0; font-size: .69rem; font-weight: 700; letter-spacing: .035em; }
.primary-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: .25rem 1rem; }
.primary-nav a, .site-header__actions > a { color: #f8f8f6; text-decoration: none; font-size: .78rem; font-weight: 800; letter-spacing: .015em; }
.primary-nav a:hover, .site-header__actions > a:hover { color: var(--yellow); }
.site-header__actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: .8rem; padding-top: .55rem; border-top: 1px solid rgba(255, 255, 255, .14); }
.header-shop { padding: .35rem .65rem; color: var(--ink) !important; background: var(--yellow); border-radius: 999px; }
.header-search { display: flex; margin-right: auto; }
.header-search input { width: 11rem; padding: .36rem .55rem; color: var(--ink); background: #fff; border: 0; border-radius: 4px 0 0 4px; font: inherit; font-size: .76rem; }
.header-search button { padding: .36rem .5rem; color: #fff; background: var(--blue); border: 0; border-left: 1px solid #5b6876; border-radius: 0 4px 4px 0; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.site-main { width: min(1240px, calc(100% - 2.5rem)); margin: 0 auto; }
.page { padding: clamp(2rem, 5vw, 4.6rem) 0 5rem; }
.page-header { max-width: 900px; margin-bottom: 2.2rem; }
.page-header h1 { max-width: 18ch; margin: 0 0 .8rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.25rem, 5.5vw, 5rem); line-height: .98; letter-spacing: -.06em; }
.page-header p { max-width: 58rem; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.8vw, 1.2rem); }
.content > section { margin: 0 0 1.5rem; }
.n-hero, .n-cta { position: relative; overflow: hidden; padding: clamp(1.8rem, 5vw, 4.2rem); color: #fff; background: var(--blue); box-shadow: var(--shadow); }
.n-hero::after, .n-cta::after { content: ""; position: absolute; right: -4rem; bottom: -6rem; width: 20rem; height: 20rem; border: 2rem solid rgba(247, 206, 40, .9); border-radius: 50%; }
.n-hero h1, .n-cta h2 { position: relative; z-index: 1; max-width: 15ch; margin: 0 0 .8rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.06em; }
.n-cta h2 { font-size: clamp(1.65rem, 3vw, 2.6rem); }
.n-kicker { margin: 0 0 .7rem; color: var(--red); font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.n-hero .n-kicker, .n-cta .n-kicker { color: var(--yellow); }
.n-lead { position: relative; z-index: 1; max-width: 50rem; margin: 0; color: #d9e4ed; font-size: 1.08rem; }
.n-rich-text { max-width: 55rem; padding: clamp(1.25rem, 3vw, 2.7rem); background: var(--paper); box-shadow: 0 1px 0 var(--line); }
.n-rich-text :is(h2, h3) { font-family: Georgia, "Times New Roman", serif; letter-spacing: -.035em; line-height: 1.1; }
.n-rich-text h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.n-rich-text a, .n-inline-link { color: var(--blue); font-weight: 900; text-decoration-color: var(--yellow-dark); text-decoration-thickness: .16em; text-underline-offset: .16em; }
.n-faq { max-width: 58rem; border-top: 3px solid var(--ink); }
.n-faq details { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.n-faq summary { cursor: pointer; font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; font-weight: 700; }
.n-faq details div { padding-top: .8rem; color: var(--muted); }
.n-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.n-feature-grid article { min-height: 13rem; padding: 1.6rem; background: var(--paper); transition: background .2s ease, transform .2s ease; }
.n-feature-grid article:hover { background: #fffbe7; transform: translateY(-3px); }
.n-feature-grid h2, .n-columns h2, .n-cards h2, .n-downloads h2 { margin: 0 0 .55rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.4rem; line-height: 1.08; letter-spacing: -.035em; }
.n-feature-grid h2 a { text-decoration: none; }
.n-feature-grid p, .n-columns p, .n-cards p, .n-downloads p { color: var(--muted); }
.n-content-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.n-content-card { display: grid; overflow: hidden; min-width: 0; background: var(--paper); border-bottom: 3px solid var(--yellow); box-shadow: 0 1px 0 var(--line); transition: transform .2s ease, box-shadow .2s ease; }
.n-content-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.n-content-card__media { display: block; aspect-ratio: 16 / 10; background: #e7eaec; overflow: hidden; }
.n-content-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.n-content-card:hover .n-content-card__media img { transform: scale(1.04); }
.n-content-card__body { display: grid; align-content: start; gap: .5rem; padding: 1.3rem; }
.n-content-card__body .n-kicker { margin: 0; }
.n-content-card__body h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.4rem; line-height: 1.08; letter-spacing: -.035em; }
.n-content-card__body h2 a { text-decoration: none; }
.n-content-card__body p { margin: 0; color: var(--muted); }
.n-content-card__price { color: var(--blue) !important; font-size: 1.05rem; font-weight: 900; }
.n-feed { display: grid; gap: 1.25rem; }
.n-feed__head { display: grid; gap: .45rem; max-width: 48rem; padding-top: .5rem; border-top: 3px solid var(--ink); }
.n-feed__head .n-kicker, .n-feed__head p { margin: 0; }
.n-feed__head h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; letter-spacing: -.05em; }
.n-feed__head > p:not(.n-kicker) { color: var(--muted); }
.n-product-cover, .n-video-cover { max-width: 48rem; margin: 0; background: var(--paper); }
.n-product-cover img, .n-video-cover img { display: block; width: 100%; height: auto; }
.n-columns, .n-cards, .n-downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.n-columns article, .n-cards article, .n-downloads article { padding: 1.5rem; background: var(--paper); border-top: 4px solid var(--yellow); box-shadow: 0 1px 0 var(--line); }
.n-cards img, .n-image img, .n-article-cover img { display: block; width: 100%; height: auto; border-radius: 0; }
.n-cards img { margin: -1.5rem -1.5rem 1.3rem; width: calc(100% + 3rem); }
.n-image { margin: 0; }
.n-image figcaption { margin-top: .5rem; color: var(--muted); font-size: .86rem; }
.n-table-wrap { overflow-x: auto; background: var(--paper); }
.n-table-wrap table { width: 100%; border-collapse: collapse; }
.n-table-wrap th, .n-table-wrap td { padding: .75rem 1rem; text-align: left; border: 1px solid var(--line); }
.n-table-wrap th { background: #f1f1ed; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
.n-embed { overflow: hidden; aspect-ratio: 16 / 9; background: #111; }
.n-embed iframe { width: 100%; height: 100%; border: 0; }
.n-cta a, .button, button { display: inline-block; padding: .75rem 1rem; color: var(--ink); background: var(--yellow); border: 0; border-radius: 0; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .16); font: inherit; font-weight: 900; text-decoration: none; cursor: pointer; }
.n-cta a { position: relative; z-index: 1; margin-top: 1rem; }
.button-secondary { color: #fff; background: var(--blue); }
  .n-pagination, .news-v2__pagination, .videos-v2__pagination { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .75rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(70, 51, 29, .14); font-size: .76rem; font-weight: 850; }
  .n-pagination a, .n-pagination [aria-disabled="true"], .news-v2__pagination a, .news-v2__pagination [aria-disabled="true"], .videos-v2__pagination a, .videos-v2__pagination [aria-disabled="true"] { display: inline-flex; min-height: 2.45rem; align-items: center; justify-content: center; padding: .45rem .8rem; border: 1px solid rgba(119, 83, 23, .28); border-radius: 999px; background: #fffaf0; color: #78551a; text-decoration: none; }
  .n-pagination a:hover, .news-v2__pagination a:hover, .videos-v2__pagination a:hover { background: #edb71b; color: #221811; }
  .n-pagination b, .news-v2__pagination b, .videos-v2__pagination b { white-space: nowrap; color: #665849; text-align: center; }
  .n-pagination > :last-child, .news-v2__pagination > :last-child, .videos-v2__pagination > :last-child { justify-self: end; }
  .n-pagination [aria-disabled="true"], .news-v2__pagination [aria-disabled="true"], .videos-v2__pagination [aria-disabled="true"] { opacity: .48; cursor: default; }
  @media (max-width: 560px) { .n-pagination, .news-v2__pagination, .videos-v2__pagination { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .5rem; }.n-pagination b, .news-v2__pagination b, .videos-v2__pagination b { grid-column: 1 / -1; grid-row: 1; }.n-pagination > :first-child, .news-v2__pagination > :first-child, .videos-v2__pagination > :first-child { grid-column: 1; grid-row: 2; }.n-pagination > :last-child, .news-v2__pagination > :last-child, .videos-v2__pagination > :last-child { grid-column: 2; grid-row: 2; width: 100%; }.n-pagination a, .n-pagination [aria-disabled="true"], .news-v2__pagination a, .news-v2__pagination [aria-disabled="true"], .videos-v2__pagination a, .videos-v2__pagination [aria-disabled="true"] { width: 100%; box-sizing: border-box; font-size: .67rem; } }
.n-tool { display: grid; gap: 1.25rem; }
.n-tool__setup, .n-tool__scores, .n-tool__ranking { padding: 1.4rem; overflow: hidden; background: var(--paper); border-top: 4px solid var(--yellow); box-shadow: 0 1px 0 var(--line); }
.n-tool h2, .n-tool h3 { margin: 0 0 .75rem; font-family: Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.n-tool__meta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, .4fr); gap: 1rem; }
.n-tool label { display: grid; gap: .4rem; font-weight: 900; }
.n-tool input, .n-tool select, .n-tool textarea { width: 100%; padding: .65rem; color: var(--ink); background: #fff; border: 1px solid #bfc2c7; font: inherit; }
.n-tool textarea { resize: vertical; }
.n-tool__actions, .n-tool__tabs { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.n-tool__tabs button { padding: .45rem .65rem; color: var(--blue); background: #eef1f2; }
.n-tool__tabs button.is-active { color: var(--ink); background: var(--yellow); }
.n-tool__hint, .n-tool__empty { color: var(--muted); }
.n-tool__table { width: 100%; min-width: 55rem; border-collapse: collapse; }
.n-tool__scores, .n-tool__ranking { overflow-x: auto; }
.n-tool__table th, .n-tool__table td { padding: .55rem; text-align: left; border-bottom: 1px solid var(--line); }
.n-tool__table th { font-size: .76rem; letter-spacing: .05em; text-transform: uppercase; }
.n-tool__table input, .n-tool__table select { min-width: 4rem; padding: .4rem; }
.n-tool__danger { color: #fff !important; background: var(--red) !important; }
.n-tool__ticket { display: grid; gap: .7rem; margin-top: 1.25rem; padding: 1rem; background: #fffbe7; border: 1px solid var(--yellow-dark); }
.n-tool__ticket ul { display: grid; gap: .5rem; padding: 0; margin: 0; list-style: none; }
.n-tool__ticket li { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
.n-tool__ticket li span { flex: 1 1 16rem; }
.n-tool__ticket button { padding: .35rem .55rem; }
.n-tool__count, .n-tool__tokens { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: .75rem; margin-top: 1rem; }
.n-tool__score-inputs { display: flex; align-items: center; gap: .35rem; min-width: 9rem; }
.n-tool__score-inputs input { min-width: 3.5rem; }
.n-tool__fixtures { display: grid; gap: .6rem; margin: .75rem 0; }
.n-tool__fixture { display: grid; grid-template-columns: minmax(4rem, .45fr) minmax(8rem, 1fr) 4rem auto 4rem minmax(8rem, 1fr) auto; align-items: center; gap: .45rem; padding: .65rem; background: #f5f6f4; }
.n-tool__fixture button { padding: .4rem .5rem; }
.n-tool__teams { display: grid; gap: .55rem; }
.n-tool__team { display: grid; grid-template-columns: 2.2rem minmax(12rem, 1fr) auto auto; align-items: center; gap: .65rem; padding: .65rem; background: #f5f6f4; }
.n-tool__team strong { display: grid; place-items: center; width: 2rem; height: 2rem; background: var(--yellow); border-radius: 50%; }
.n-tool__team label { display: flex; align-items: center; gap: .35rem; white-space: nowrap; }
.n-tool__team label input { width: auto; }
.n-tool__round { padding: 1rem; margin-top: .85rem; background: #f5f6f4; border-left: 4px solid var(--yellow); }
.n-tool__match { display: grid; grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr); align-items: center; gap: .55rem; margin: .5rem 0; }
.n-tool__match button { min-height: 3rem; color: var(--blue); background: #fff; border: 1px solid var(--line); box-shadow: none; }
.n-tool__match button.is-winner { color: #fff; background: #26703e; border-color: #1b542e; }
.n-tool__match span { color: var(--muted); font-size: .82rem; font-weight: 900; text-transform: uppercase; }
.n-tool__bye { padding: .65rem .8rem; background: #fffbe7; border: 1px solid var(--yellow-dark); font-weight: 800; }
.n-bracket, .n-pools { margin-top: 1.5rem; }
.n-bracket__header { margin-bottom: 1.5rem; padding-bottom: .8rem; border-bottom: 3px solid var(--ink); }
.n-bracket__header h2 { margin: 0; font-size: 1.8rem; }
.n-bracket__header p { margin: .3rem 0 0; color: var(--muted); }
.n-bracket__board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(10rem, 1fr); align-items: stretch; gap: .8rem; min-width: max-content; }
.n-bracket__round { display: grid; align-content: space-around; gap: .55rem; padding: .7rem; background: #f5f6f4; }
.n-bracket__round h3 { margin: 0; color: var(--blue); font-size: .82rem; text-align: center; text-transform: uppercase; }
.n-bracket__match { display: grid; border: 1px solid var(--line); background: #fff; }
.n-bracket__slot { display: grid; grid-template-columns: 1fr 2.2rem; min-height: 2.4rem; border-bottom: 1px dotted #9ea2a8; }
.n-bracket__slot:last-child { border-bottom: 0; }
.n-bracket__names { display: grid; align-content: center; gap: .1rem; padding: .25rem .45rem; }
.n-bracket__names span { display: block; min-height: .75rem; border-bottom: 1px solid #bfc2c7; color: var(--muted); font-size: .73rem; }
.n-bracket__score { border-left: 1px solid var(--line); }
.n-bracket__winner { min-width: 12rem; background: #fffbe7; border-top: 4px solid var(--yellow); }
.n-pools { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem; }
.n-pools > h2 { grid-column: 1 / -1; }
.n-pools__card { padding: 1rem; background: #f5f6f4; border-top: 4px solid var(--yellow); }
.n-pools__card h3 { margin: 0 0 .7rem; }
.n-pools__card ol { margin: 0; padding-left: 1.5rem; }
.n-pools__card li { min-height: 1.8rem; border-bottom: 1px dotted #9ea2a8; }
.n-pools__games { margin-top: .85rem; padding-top: .65rem; border-top: 1px solid var(--line); }
.n-pools__games p { margin: .35rem 0; font-size: .82rem; }
.admin-grid { display: grid; gap: 1rem; }
.admin-card { padding: 1.4rem; background: var(--paper); border-top: 4px solid var(--yellow); box-shadow: 0 1px 0 var(--line); }
.admin-card table { width: 100%; border-collapse: collapse; }
.admin-card th, .admin-card td { padding: .6rem; text-align: left; border-bottom: 1px solid var(--line); }
.admin-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.admin-inline-form { display: inline; }

/* Concours en poules: the live tool groups all interactive panels on a dark board. */
.n-tool[data-group-contest] {
  gap: 1rem;
  padding: clamp(1rem, 2.2vw, 1.5rem);
  border: 1px solid #2d2c34;
  border-radius: 18px;
  background: #19191d;
  color: #f5f1e9;
  box-shadow: 0 18px 34px rgba(24, 20, 18, .16);
}
.n-tool[data-group-contest] .n-tool__setup,
.n-tool[data-group-contest] .n-tool__ranking {
  border: 1px solid #30303a;
  border-top: 0;
  border-radius: 12px;
  background: #1f1f24;
  box-shadow: none;
}
.n-tool[data-group-contest] .n-tool__setup h2,
.n-tool[data-group-contest] .n-tool__ranking h2,
.n-tool[data-group-contest] .n-tool__ranking h3 {
  color: #fffaf0;
}
.n-tool[data-group-contest] .n-tool__setup label {
  color: #f3c218;
}
.n-tool[data-group-contest] input,
.n-tool[data-group-contest] textarea {
  color: #f7f2e8;
  background: #111115;
  border-color: #484752;
}
.n-tool[data-group-contest] input::placeholder,
.n-tool[data-group-contest] textarea::placeholder {
  color: #85838c;
}
.n-tool[data-group-contest] .n-tool__fixture,
.n-tool[data-group-contest] .n-tool__round {
  border-color: #373640;
  background: #141418;
}
.n-tool[data-group-contest] .n-tool__round {
  border-left-color: #f3c218;
}
.n-tool[data-group-contest] .n-tool__fixture strong,
.n-tool[data-group-contest] .n-tool__table td {
  color: #f5f1e9;
}
.n-tool[data-group-contest] .n-tool__fixture span,
.n-tool[data-group-contest] .n-tool__table th,
.n-tool[data-group-contest] .n-tool__empty {
  color: #aaa7ad;
}
.n-tool[data-group-contest] .n-tool__table th,
.n-tool[data-group-contest] .n-tool__table td {
  border-color: #373640;
}
.n-tool[data-group-contest] .n-tool__actions {
  margin-top: 0;
}
.n-tool[data-group-contest] .n-tool__actions button {
  border: 1px solid #484752;
  border-radius: 9px;
  background: #292832;
  color: #fffaf0;
  box-shadow: none;
}
.n-tool[data-group-contest] .n-tool__actions button:hover {
  background: #393742;
}
.n-tool[data-group-contest] .n-tool__actions .n-tool__danger {
  border-color: #a63a32;
}
@media (max-width: 760px) {
  .n-tool[data-group-contest] {
    padding: .75rem;
    border-radius: 14px;
  }
  .n-tool[data-group-contest] .n-tool__meta {
    grid-template-columns: 1fr;
  }
  .n-tool[data-group-contest] .n-tool__fixture {
    grid-template-columns: minmax(0, 1fr) 4rem 1rem 4rem minmax(0, 1fr);
  }
  .n-tool[data-group-contest] .n-tool__fixture strong {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}
@media print {
  .n-tool[data-group-contest] {
    border: 0;
    background: #fff;
    color: #111;
    box-shadow: none;
  }
  .n-tool[data-group-contest] .n-tool__setup,
  .n-tool[data-group-contest] .n-tool__ranking,
  .n-tool[data-group-contest] .n-tool__round,
  .n-tool[data-group-contest] .n-tool__fixture {
    background: #fff;
    color: #111;
  }
}
.admin-inline-form button { margin-left: .45rem; padding: .38rem .55rem; color: #fff; background: var(--red); font-size: .78rem; }
.form-grid { display: grid; gap: 1rem; }
.form-grid label, .block-field { display: grid; gap: .4rem; font-weight: 900; }
.form-grid input, .form-grid select, .form-grid textarea { width: 100%; padding: .7rem; color: var(--ink); background: #fff; border: 1px solid #bfc2c7; border-radius: 0; font: inherit; }
.form-grid textarea { min-height: 150px; resize: vertical; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.block-editor { display: grid; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.block-editor__head, .editor-block__head, .editor-block__actions, .block-picker { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.block-editor__head h2 { margin: 0; }
.block-editor__head p { margin: .35rem 0 0; color: var(--muted); }
.editor-block { display: grid; gap: .75rem; padding: 1rem; background: var(--paper); border-left: 4px solid var(--yellow); }
.editor-block__actions button, .rich-toolbar button { padding: .45rem .6rem; color: #fff; background: var(--blue); font-size: .82rem; }
.block-json { min-height: 220px; font-family: Consolas, monospace; font-size: .84rem; }
.rich-toolbar { display: flex; flex-wrap: wrap; gap: .4rem; }
.rich-editor { min-height: 180px; padding: .75rem; background: #fff; border: 1px solid #bfc2c7; line-height: 1.65; }
.rich-editor:focus { outline: 3px solid rgba(247, 206, 40, .7); }
.block-picker { padding: .8rem; background: #fffbe7; border: 1px dashed var(--yellow-dark); }
.notice { padding: .75rem 1rem; color: #17401f; background: #dff1dc; }
.error { padding: .75rem 1rem; color: #761f1b; background: #f9dddd; }
.site-footer { margin-top: 3rem; color: #d6dce1; background: var(--blue); }
.site-footer__inner { width: min(1240px, calc(100% - 2.5rem)); margin: 0 auto; display: flex; justify-content: space-between; gap: 2rem; padding: 2.5rem 0; }
.site-footer p { margin: 0; }
.site-footer strong { color: var(--yellow); }
.site-footer nav { display: flex; flex-wrap: wrap; align-content: flex-start; gap: .5rem 1rem; }
.site-footer a { color: #fff; font-size: .88rem; }

@media (max-width: 900px) {
  .site-header__inner { grid-template-columns: 1fr; gap: .8rem; }
  .primary-nav { justify-content: flex-start; }
  .site-header__actions { grid-column: auto; justify-content: flex-start; flex-wrap: wrap; }
  .header-search { margin-right: 0; }
}
@media (max-width: 700px) {
  .site-header__inner, .site-main, .site-footer__inner { width: min(100% - 1.4rem, 1240px); }
  .primary-nav { gap: .4rem .8rem; }
  .site-header__actions > a { font-size: .72rem; }
  .header-search { width: 100%; }
  .header-search input { flex: 1; width: auto; }
  .n-feature-grid, .n-content-grid, .n-columns, .n-cards, .n-downloads { grid-template-columns: 1fr; }
  .n-tool__fixture { grid-template-columns: 1fr 1fr; }
  .n-tool__team { grid-template-columns: 2.2rem 1fr; }
  .n-tool__match { grid-template-columns: 1fr; }
  .n-bracket__board { grid-auto-flow: row; min-width: 0; }
  .page-header h1 { max-width: none; }
  .site-footer__inner { display: grid; }
}

/* Shell aligned with the live PetanqueLand navigation. */
:root { --live-ink: #2b211b; --live-muted: #75675a; --live-gold: #e7b11f; --live-gold-deep: #a97011; }
body.site-body { color: var(--live-ink); background: #f4efe7; font-family: "Manrope", sans-serif; }
.site-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 14px 28px; color: var(--live-ink); background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.38)), radial-gradient(circle at left center, rgba(231,177,31,.1), transparent 30%); border-bottom: 1px solid rgba(23,20,17,.08); }
.brand-lockup { display: flex; align-items: center; gap: 16px; min-width: 280px; }
.brand-mark { position: relative; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(23,20,17,.08); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(233,224,210,.32)); box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(31,24,18,.12); }
.brand-ball { position: relative; width: 41px; height: 41px; border: 1px solid rgba(255,255,255,.36); border-radius: 50%; background: radial-gradient(circle at 30% 28%, rgba(255,255,255,.95), rgba(255,255,255,.1) 26%, transparent 28%), radial-gradient(circle at 34% 32%, #ddd9d5 0%, #b9b2ab 32%, #7e756e 58%, #4f4843 78%, #262320 100%); box-shadow: inset -8px -10px 16px rgba(0,0,0,.34), inset 8px 8px 14px rgba(255,255,255,.2), 0 3px 8px rgba(0,0,0,.2); }
.brand-ball-core, .brand-ball-shine, .brand-ball-line { position: absolute; inset: 0; border-radius: 50%; }
.brand-ball-core { inset: 5px; border: 1px solid rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(0,0,0,.14); }.brand-ball-shine { inset: 7px 16px 22px 9px; background: radial-gradient(circle at top left, rgba(255,255,255,.86), rgba(255,255,255,.06) 68%, transparent 70%); }.brand-ball-line { inset: 6px; border-left: 1.5px solid rgba(255,255,255,.22); border-right: 1.5px solid rgba(0,0,0,.18); }.brand-ball-line-a { transform: rotate(12deg); }.brand-ball-line-b { transform: rotate(-18deg); }.brand-ball-line-c { transform: rotate(42deg); }.brand-jack { position: absolute; right: 6px; bottom: 6px; width: 10px; height: 10px; border: 1px solid rgba(112,77,7,.45); border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ffe9b0, #e7b11f 58%, #a26f05 100%); }
.brand-wordmark { font-family: "Cormorant Garamond", serif; font-size: 2.8rem; font-weight: 700; line-height: .92; letter-spacing: -.04em; }.brand-tag { margin: 2px 0 0; color: var(--live-muted); font-size: .7rem; letter-spacing: .32em; text-transform: uppercase; }
.header-center { display: grid; gap: 8px; min-width: 0; }.main-nav { display: flex; align-items: center; justify-content: center; width: min(100%, 450px); margin: 0 auto; gap: 14px; flex-wrap: wrap; }.main-nav > a, .nav-menu summary { position: relative; padding: 8px 0; color: var(--live-ink); font-size: .78rem; letter-spacing: .14em; list-style: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; }.main-nav > a::before, .nav-menu summary::before { position: absolute; top: 50%; left: -13px; width: 7px; height: 7px; border: 1px solid rgba(23,20,17,.18); border-radius: 50%; content: ""; transform: translateY(-50%); }.main-nav > a:hover::before, .nav-menu[open] summary::before { border-color: var(--live-gold-deep); background: var(--live-gold); }.nav-menu { position: relative; }.nav-menu summary::-webkit-details-marker { display: none; }.nav-menu summary::after { margin-left: 6px; color: #9a711d; content: "+"; font-size: .9rem; font-weight: 800; }.nav-menu[open] summary::after { content: "-"; }
.nav-submenu { position: absolute; z-index: 65; top: calc(100% + 9px); left: -18px; display: grid; width: max-content; min-width: 230px; gap: 2px; padding: 9px; border: 1px solid rgba(70,48,29,.15); border-radius: 16px; background: rgba(255,253,248,.98); box-shadow: 0 18px 36px rgba(57,40,25,.16); }.nav-menu:not([open]) .nav-submenu { display: none; }.nav-submenu a { padding: 10px 11px; border-radius: 10px; color: var(--live-ink); font-size: .72rem; font-weight: 800; letter-spacing: .06em; }.nav-submenu a:hover { background: #f4e6c9; }
.language-switcher { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; }.language-pill { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 42px; min-height: 46px; padding: 4px 3px 5px; border: 1px solid rgba(23,20,17,.1); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,229,215,.88)); box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(19,15,12,.1); }.language-pill.active { border-color: rgba(189,136,18,.42); background: linear-gradient(180deg, rgba(255,248,228,.98), rgba(247,233,190,.92)); }.language-flag { display: block; width: 21px; height: 21px; border: 1px solid rgba(23,20,17,.12); border-radius: 50%; }.language-label { margin-top: 3px; color: #564d45; font-size: .52rem; font-weight: 800; letter-spacing: .08em; }.flag-fr { background: linear-gradient(90deg, #21468b 0 33%, #f6f7fb 33% 66%, #d4353c 66%); }.flag-en { background: linear-gradient(90deg, transparent 44%, #f4f5f9 44% 56%, transparent 56%), linear-gradient(transparent 44%, #f4f5f9 44% 56%, transparent 56%), linear-gradient(90deg, transparent 47%, #cb2431 47% 53%, transparent 53%), linear-gradient(transparent 47%, #cb2431 47% 53%, transparent 53%), #1c3f94; }.flag-es { background: linear-gradient(#b1242d 0 25%, #f0c632 25% 75%, #b1242d 75%); }.flag-it { background: linear-gradient(90deg, #1f8f4d 0 33%, #f5f5f2 33% 66%, #c83a3e 66%); }.flag-de { background: linear-gradient(#171717 0 33%, #b3222a 33% 66%, #f0c53a 66%); }.flag-pt { background: linear-gradient(90deg, #1d7f49 0 40%, #cd323c 40%); }.flag-nl { background: linear-gradient(#b22d35 0 33%, #f3f4f8 33% 66%, #244e9c 66%); }.flag-ca { background: repeating-linear-gradient(#f3cc42 0 14%, #c43137 14% 24%, #f3cc42 24% 38%); }.flag-ar { background: #177245; }.flag-zh { background: radial-gradient(circle at 31% 30%, #f3cf4b 0 13%, transparent 14%), #d8322f; }.flag-th { background: linear-gradient(#b52d36 0 20%, #f4f4f3 20% 35%, #243f88 35% 65%, #f4f4f3 65% 80%, #b52d36 80%); }
.global-search { display: flex; min-width: 0; max-width: 540px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(70,48,29,.17); border-radius: 999px; background: rgba(255,255,255,.75); }.global-search input { min-width: 0; flex: 1; padding: .65rem 1rem; border: 0; background: transparent; color: var(--live-ink); font: 600 .78rem "Manrope", sans-serif; }.global-search button { padding: .45rem .8rem; border-radius: 999px; background: var(--live-ink); color: #fff8eb; font-size: .68rem; box-shadow: none; }.header-tools { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 210px; }.search-trigger { color: var(--live-muted); font-size: .9rem; }.shop-chip, .cart-chip { display: inline-flex; align-items: center; padding: 11px 16px; border-radius: 999px; font-size: .74rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.shop-chip { background: #29231f; color: #f7efdf; }.cart-chip { border: 1px solid rgba(189,136,18,.18); background: rgba(231,177,31,.14); }
@media (max-width: 1180px) { .site-header { grid-template-columns: 1fr; }.header-tools { justify-content: flex-start; }.main-nav { width: 100%; margin: 0; }.main-nav, .language-switcher { justify-content: flex-start; } }
@media (max-width: 700px) { .site-header { padding: 14px; }.brand-lockup { min-width: 0; }.brand-wordmark { font-size: 2.35rem; }.main-nav { gap: 10px 18px; }.language-switcher { gap: 5px; }.language-pill { width: 36px; min-height: 42px; }.header-tools { flex-wrap: wrap; }.global-search { width: 100%; } }

/* Native editorial cards use the same visual vocabulary as the live home, without importing its stylesheet. */
.site-main { width: min(calc(100% - 40px), 1400px); margin: 0 auto; }
.page { padding: 22px 0 46px; }.page-header { max-width: 920px; margin: 14px 0 28px; }.page-header h1, .n-hero h1, .n-cta h2 { max-width: 17ch; color: var(--live-ink); font-family: "Cormorant Garamond", serif; font-size: clamp(2.7rem, 5.4vw, 5.35rem); font-weight: 700; line-height: .9; letter-spacing: -.055em; }.page-header p { color: #65594f; font-family: "Manrope", sans-serif; }
.content { display: grid; gap: 16px; }.content > section { margin: 0; }.n-hero, .n-cta { min-height: 330px; padding: clamp(1.7rem, 4vw, 3.25rem); color: var(--live-ink); border: 1px solid rgba(83,58,29,.14); border-bottom: 3px solid #c89828; border-radius: 28px; background: linear-gradient(118deg, #fffefb, #f5e4bf); box-shadow: 0 14px 30px rgba(70,48,25,.08); }.n-hero::after, .n-cta::after { right: 5%; bottom: -3rem; width: 14rem; height: 14rem; border-color: rgba(188,135,27,.18); }.n-hero .n-kicker, .n-cta .n-kicker { color: #a66d0b; }.n-lead { color: #625548; font-family: "Manrope", sans-serif; }
.n-rich-text { max-width: 880px; padding: clamp(1.4rem, 3vw, 2.4rem); border: 1px solid rgba(58,40,21,.1); border-radius: 24px; background: #fffdf8; box-shadow: 0 11px 24px rgba(65,45,22,.05); }.n-rich-text :is(h2, h3) { color: var(--live-ink); font-family: "Cormorant Garamond", serif; }.n-rich-text p { color: #65594e; }
.n-feature-grid, .n-content-grid { gap: 14px; border: 0; background: transparent; }.n-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.n-feature-grid article { min-height: 230px; padding: 20px; border: 1px solid rgba(58,40,21,.1); border-radius: 22px; background: #fffdf8; box-shadow: 0 11px 24px rgba(65,45,22,.05); }.n-feature-grid article:nth-child(3n+2) { background: #f8eee1; }.n-feature-grid article:nth-child(3n) { background: #eaf2e5; }.n-feature-grid h2, .n-columns h2, .n-cards h2, .n-downloads h2, .n-content-card__body h2 { color: var(--live-ink); font-family: "Cormorant Garamond", serif; font-size: 1.7rem; }.n-feature-grid p, .n-columns p, .n-cards p, .n-downloads p, .n-content-card__body p { color: #67594e; }
.n-content-card { overflow: hidden; border: 1px solid rgba(58,40,21,.1); border-bottom: 3px solid #d69c1c; border-radius: 19px; background: #fffdf8; box-shadow: 0 11px 24px rgba(65,45,22,.05); }.n-content-card__body { gap: .6rem; padding: 17px; }.n-content-card__media { background: #ece4d5; }.n-content-card__body .n-kicker, .n-kicker { color: #a66d0b; font-family: "Manrope", sans-serif; font-weight: 850; }.n-content-card:hover { transform: translateY(-3px); box-shadow: 0 18px 32px rgba(65,45,22,.12); }
.n-columns, .n-cards, .n-downloads { gap: 14px; }.n-columns article, .n-cards article, .n-downloads article { padding: 20px; border: 1px solid rgba(58,40,21,.1); border-top: 3px solid #d99e1b; border-radius: 20px; background: #fffdf8; box-shadow: 0 11px 24px rgba(65,45,22,.05); }.n-cards img { margin: -20px -20px 18px; width: calc(100% + 40px); }.n-feed { gap: 14px; }.n-feed__head { max-width: 780px; padding: 0; border-top: 0; }.n-feed__head h2 { color: var(--live-ink); font-family: "Cormorant Garamond", serif; font-size: clamp(2rem, 3.5vw, 3.5rem); }.n-inline-link, .n-rich-text a { color: #94620f; text-decoration-color: #e3ae2f; }
.n-faq { max-width: 880px; border-top: 0; }.n-faq details { padding: 14px 17px; border: 1px solid rgba(58,40,21,.1); border-radius: 16px; background: #fffdf8; }.n-faq summary { color: var(--live-ink); font-family: "Cormorant Garamond", serif; font-size: 1.3rem; }
@media (max-width: 700px) { .site-main { width: min(calc(100% - 24px), 1400px); }.page { padding-top: 10px; }.n-feature-grid, .n-content-grid { grid-template-columns: 1fr; }.n-hero, .n-cta { min-height: 0; border-radius: 22px; }.page-header h1, .n-hero h1, .n-cta h2 { max-width: none; } }

/* Native footer composition matching the live information hierarchy. */
.site-footer { display: grid; gap: 22px; width: min(calc(100% - 40px), 1400px); margin: 30px auto 20px; padding: 28px; color: #f6ecdd; border-radius: 30px; background: #151313; }.footer-top { display: grid; grid-template-columns: 1.12fr .9fr .9fr; gap: 28px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.13); }.footer-panel .eyebrow, .footer-newsletter .eyebrow { margin: 0 0 8px; color: #f1c042; font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.footer-panel strong, .footer-newsletter strong { display: block; color: #fff8eb; font-family: "Cormorant Garamond", serif; font-size: 1.65rem; line-height: .98; }.footer-panel p:not(.eyebrow), .footer-newsletter p { margin: 10px 0 0; color: rgba(246,236,221,.76); font-size: .84rem; line-height: 1.52; }.footer-link-list { display: grid; gap: 8px; }.footer-link-list a, .footer-nav a, .footer-legal-line a { color: #f6ecdd; font-size: .78rem; }.footer-link-list a:hover, .footer-nav a:hover, .footer-legal-line a:hover { color: #f3bf2b; }.footer-community { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, .7fr); gap: 20px; }.footer-newsletter { position: relative; padding: 21px 23px; overflow: hidden; border: 1px solid rgba(241,192,66,.35); border-radius: 23px; background: linear-gradient(120deg, #34241b, #754a2c); }.footer-newsletter::after { position: absolute; right: -50px; bottom: -70px; width: 180px; height: 180px; border: 2px solid rgba(241,192,66,.25); border-radius: 50%; content: ""; }.footer-newsletter strong, .footer-newsletter p, .footer-newsletter .eyebrow, .footer-newsletter .footer-cta { position: relative; z-index: 1; }.footer-cta { display: inline-flex; margin-top: 15px; padding: 10px 13px; border-radius: 999px; background: #f1c042; color: #2b211b; font-size: .72rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }.footer-social-column { display: grid; gap: 15px; align-content: space-between; }.footer-socials { display: flex; flex-wrap: wrap; gap: 8px; }.footer-social-link { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #f6ecdd; font-size: .72rem; }.footer-social-link b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: rgba(241,192,66,.2); color: #f3bf2b; }.footer-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.footer-stat { display: grid; gap: 2px; padding: 10px; border-radius: 14px; background: rgba(255,255,255,.06); }.footer-stat strong { color: #f1c042; font: 1.65rem/1 "Bebas Neue", sans-serif; }.footer-stat span { color: rgba(246,236,221,.76); font-size: .65rem; }.footer-bottom { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: end; }.footer-brand { color: #f6ecdd; }.footer-bottom .brand-tag { color: rgba(246,236,221,.68); }.footer-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 16px; }.footer-legal-line { display: flex; justify-content: space-between; gap: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(246,236,221,.64); font-size: .68rem; }.footer-legal-line nav { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 850px) { .site-footer { width: min(calc(100% - 24px), 1400px); padding: 20px; border-radius: 24px; }.footer-top, .footer-community, .footer-bottom { grid-template-columns: 1fr; }.footer-nav { justify-content: flex-start; }.footer-legal-line { display: grid; }.footer-stats { max-width: 430px; } }

/* Shared Paquita social panels mirror the live community and video-share blocks. */
.social-community { margin-top: 18px; padding: 31px 28px 27px; overflow: hidden; border: 1px solid rgba(224, 179, 53, .18); border-radius: 25px; background: linear-gradient(112deg, #171412, #211814 64%, #58331e); color: #fff8ec; text-align: center; }
.social-community__title { margin: 0; color: #f1bd19; font-family: "Bebas Neue", Impact, sans-serif; font-size: clamp(1.8rem, 3vw, 2.35rem); font-weight: 500; letter-spacing: .025em; line-height: 1; text-transform: uppercase; }
.social-community > strong { display: block; margin: 15px auto 0; color: #f9efe2; font-size: clamp(.9rem, 1.25vw, 1.08rem); line-height: 1.45; }
.social-community__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin: 20px auto 0; }
.social-community__link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; min-width: 144px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(255, 255, 255, .09); color: #fff9ee; font-size: .72rem; font-weight: 850; letter-spacing: .025em; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.social-community__link img, .social-video__link img { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
.social-community__link:hover { transform: translateY(-2px); border-color: rgba(241, 190, 25, .7); background: rgba(255, 255, 255, .16); }
.social-community__link--facebook img { padding: 2px; border-radius: 50%; background: #1877f2; }
.social-community__link--instagram img { padding: 2px; border-radius: 50%; background: linear-gradient(135deg, #7b35b7, #d62976 50%, #f77737); }
.social-community__link--youtube img { padding: 3px 2px; border-radius: 50%; background: #ff1f1f; }
.social-community__link--x img { padding: 2px; border-radius: 50%; background: #f7f7f7; }
.social-community__link--tiktok img { padding: 2px; border-radius: 50%; background: #111; box-shadow: inset 1px 0 #25f4ee, inset -1px 0 #fe2c55; }

.social-video { position: relative; display: grid; gap: 13px; margin: 18px 0 20px; padding: 22px; overflow: hidden; border: 1px solid rgba(210, 163, 57, .42); border-radius: 22px; background: radial-gradient(circle at 100% 95%, rgba(229, 183, 47, .2) 0 9%, transparent 9.4%), radial-gradient(circle at 100% 95%, transparent 0 15%, rgba(229, 183, 47, .11) 15.4% 18%, transparent 18.4%), linear-gradient(112deg, #fffdf7, #fff1cb); box-shadow: 0 13px 28px rgba(80, 53, 18, .08); }
.social-video > div, .social-video__links { position: relative; z-index: 1; }
.social-video p { margin: 0 0 7px; color: #9a6907; font-size: .7rem; font-weight: 850; letter-spacing: .19em; text-transform: uppercase; }
.social-video strong { display: block; max-width: 850px; color: #292019; font-size: clamp(.9rem, 1.3vw, 1.05rem); line-height: 1.42; }
.social-video__links { display: flex; flex-wrap: wrap; gap: 10px; }
.social-video__link { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 15px; border-radius: 999px; color: #fff; font-size: .71rem; font-weight: 850; letter-spacing: .035em; text-decoration: none; text-transform: uppercase; box-shadow: 0 7px 14px rgba(49, 35, 20, .13); transition: transform .18s ease, filter .18s ease; }
.social-video__link:hover { transform: translateY(-2px); filter: brightness(1.06); }
.social-video__link--facebook { background: #1877f2; }.social-video__link--x { background: #111; }.social-video__link--instagram { background: linear-gradient(135deg, #7b35b7, #d62976 52%, #f77737); }.social-video__link--youtube { background: #ff1f1f; }.social-video__link--tiktok { background: linear-gradient(135deg, #111 45%, #00f2ea 46%, #00f2ea 52%, #ff0050 53%, #111 54%); }
@media (max-width: 620px) { .social-community { padding: 25px 16px 20px; border-radius: 21px; }.social-community__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.social-community__link { min-width: 0; padding: 0 9px; font-size: .63rem; }.social-community__link:last-child { grid-column: 1 / -1; width: min(100%, 190px); justify-self: center; }.social-video { padding: 18px; border-radius: 20px; }.social-video__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.social-video__link { justify-content: center; min-width: 0; padding: 0 10px; font-size: .64rem; }.social-video__link:last-child { grid-column: 1 / -1; width: min(100%, 180px); justify-self: center; } }

/* Fixed desktop shortcut retained from the original software landing page. */
.software-v2__download-tab { position: fixed; z-index: 40; top: 50%; right: 0; display: grid; place-items: center; width: 106px; min-height: 148px; padding: 12px 9px; transform: translateY(-50%); border-radius: 17px 0 0 17px; background: #49c66a; box-shadow: 0 12px 24px rgba(33,111,54,.24); color: #102614; font: 500 1.05rem/.98 "Bebas Neue", Impact, sans-serif; letter-spacing: .035em; text-align: center; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, background .18s ease; }
.software-v2__download-tab:hover { transform: translateY(-50%) translateX(-4px); background: #62d47d; }
.software-v2__download-tab span { display: block; font: 2rem/.8 "Bebas Neue", Impact, sans-serif; }
.software-v2__pricing, .software-v2__features, .software-v2__faq { margin: 19px 24px; padding: 28px; border: 1px solid rgba(75,55,34,.14); border-radius: 27px; background: rgba(255,253,248,.82); box-shadow: 0 12px 25px rgba(65,45,22,.05); }
.software-v2__pricing > header, .software-v2__features > header, .software-v2__faq > header { max-width: 720px; margin: 0 auto 21px; text-align: center; }
.software-v2__pricing header p, .software-v2__features header p, .software-v2__faq header p { margin: 0; color: #9a6907; font-size: .68rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.software-v2__pricing h2, .software-v2__features h2, .software-v2__faq h2 { margin: 9px 0; color: #30231d; font: 600 clamp(2rem,3vw,3rem)/.98 "Cormorant Garamond", Georgia, serif; }
.software-v2__pricing header span, .software-v2__features header span, .software-v2__faq header span { color: #716157; font-size: .84rem; line-height: 1.48; }
.software-v2__pricing > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 950px; margin: auto; }
.software-v2__pricing article { position: relative; display: grid; align-content: start; gap: 11px; min-height: 254px; padding: 25px; overflow: hidden; border: 1px solid rgba(87,61,39,.2); border-radius: 22px; background: linear-gradient(135deg, #fffefa, #f2e6d4); box-shadow: 0 12px 24px rgba(62,42,25,.08); }
.software-v2__pricing article::before { position: absolute; top: 0; right: 0; left: 0; height: 6px; background: #81502e; content: ""; }
.software-v2__pricing article > p { width: fit-content; margin: 0; padding: 6px 9px; border-radius: 999px; background: rgba(129,80,46,.12); color: #70431f; font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.software-v2__pricing h3 { margin: 2px 0 0; color: #302219; font: 400 clamp(2.8rem,4vw,4rem)/.9 "Bebas Neue", Impact, sans-serif; letter-spacing: .025em; }
.software-v2__pricing article > span { color: #605044; font-size: .85rem; line-height: 1.45; }.software-v2__pricing article > strong { padding-top: 11px; border-top: 1px solid rgba(87,61,39,.13); color: #80631f; font-size: .76rem; }
.software-v2__pricing article > a { width: fit-content; margin-top: auto; padding: 11px 15px; border-radius: 999px; background: #35271f; color: #fffaf1; font-size: .68rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.software-v2__pricing-best { transform: translateY(-6px); border-color: rgba(183,130,20,.5) !important; background: radial-gradient(circle at 86% 22%, rgba(255,255,255,.6), transparent 25%), linear-gradient(135deg, #fff6d8, #efc856) !important; }.software-v2__pricing-best::before { height: 8px !important; background: #43bd65 !important; }.software-v2__pricing-best > p { background: #43bd65 !important; color: #102614 !important; }.software-v2__pricing-best > strong { color: #275f39 !important; }.software-v2__pricing-best > a { background: #267d40 !important; }
.software-v2__features > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.software-v2__features article { padding: 20px; border: 1px solid rgba(75,55,34,.12); border-radius: 18px; background: #fffdf8; }.software-v2__features h3 { margin: 0 0 12px; color: #30231d; font: 400 1.5rem/1 "Bebas Neue", Impact, sans-serif; }.software-v2__features p { margin: 0; color: #6e6056; font-size: .8rem; line-height: 1.45; }.software-v2__features p + p { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(75,55,34,.1); }
.software-v2__faq { display: grid; gap: 8px; }.software-v2__faq > div { display: grid; gap: 8px; }.software-v2__faq details { padding: 14px 16px; border: 1px solid rgba(75,55,34,.13); border-radius: 14px; background: #fffdf9; }.software-v2__faq summary { cursor: pointer; color: #30231d; font-weight: 850; }.software-v2__faq summary b { color: #a67512; }.software-v2__faq details p { margin: 10px 0 0; color: #706157; font-size: .84rem; line-height: 1.45; }
@media (max-width: 700px) { .software-v2__download-tab { top: auto; right: 12px; bottom: 12px; width: auto; min-height: 48px; padding: 8px 15px; transform: none; border-radius: 999px; font-size: .84rem; line-height: 1; }.software-v2__download-tab:hover { transform: translateY(-2px); }.software-v2__download-tab br, .software-v2__download-tab span { display: none; } }
@media (max-width: 700px) { .software-v2__pricing, .software-v2__features, .software-v2__faq { margin: 16px 0; padding: 20px 17px; border-radius: 21px; }.software-v2__pricing > div, .software-v2__features > div { grid-template-columns: 1fr; }.software-v2__pricing-best { transform: none; } }

.software-v2__trial nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@media (max-width: 700px) { .software-v2__trial nav { width: 100%; }.software-v2__trial nav .software-v2__button { width: 100%; } }

.api-publication-form { width: min(calc(100% - 36px), 680px); margin: 32px auto; padding: 24px; border: 1px solid rgba(58,40,21,.12); border-radius: 22px; background: #fffdf8; box-shadow: 0 16px 30px rgba(65,45,22,.08); }.api-publication-form h1 { margin: 0 0 18px; color: var(--live-ink); font-family: "Cormorant Garamond", serif; font-size: 2.5rem; }.api-publication-form form { display: grid; gap: 13px; }.api-publication-form label { display: grid; gap: 5px; color: #4d3b2d; font-weight: 800; }.api-publication-form :is(input, textarea, select) { width: 100%; padding: 10px; border: 1px solid rgba(58,40,21,.2); border-radius: 10px; background: #fffefa; color: var(--live-ink); font: inherit; }.api-publication-form button { width: fit-content; margin-top: 6px; border-radius: 999px; background: #2b211b; color: #fff8eb; }

/* Dedicated native home: a fresh composition built from local content records. */
.home-page { display: grid; gap: 18px; padding: 18px 0 34px; }
.home-page :is(h1, h2, p) { margin-top: 0; }
.home-results { display: flex; align-items: center; gap: 12px 22px; padding: 10px 18px; overflow: auto; border-radius: 14px; background: #2b211b; color: #f8f0e3; font-size: .72rem; font-weight: 700; letter-spacing: .035em; white-space: nowrap; }
.home-results span { color: #f0be38; font-family: "Bebas Neue", sans-serif; font-size: 1.08rem; letter-spacing: .08em; }.home-results a { color: #f8f0e3; text-decoration: none; }.home-results a:hover { color: #f0be38; }
.home-eyebrow { margin-bottom: 9px; color: #a46d10; font-size: .67rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.home-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); min-height: 490px; overflow: hidden; border: 1px solid rgba(61,45,27,.14); border-radius: 30px; background: linear-gradient(125deg, #fffdf8 0 51%, #efddb9 51%); box-shadow: 0 18px 42px rgba(65,45,22,.08); }
.home-hero__copy { display: grid; align-content: center; justify-items: start; padding: clamp(32px, 6vw, 82px); }.home-hero h1 { max-width: 8ch; margin-bottom: 20px; color: #2b211b; font-family: "Cormorant Garamond", serif; font-size: clamp(4rem, 8vw, 7.6rem); font-weight: 700; line-height: .78; letter-spacing: -.07em; }.home-hero__copy > p:not(.home-eyebrow) { max-width: 38rem; margin-bottom: 26px; color: #625548; font-size: clamp(1rem, 1.65vw, 1.17rem); line-height: 1.65; }
.home-actions { display: flex; flex-wrap: wrap; gap: 11px; }.home-button { display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 11px 18px; border: 1px solid transparent; border-radius: 999px; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.home-button--dark { background: #29221e; color: #fff7ea; }.home-button--dark:hover { background: #986919; }.home-button--plain { border-color: rgba(61,45,27,.25); color: #382d26; }.home-button--plain:hover { border-color: #cf9b29; background: rgba(255,255,255,.55); }.home-button--gold { background: #ecc046; color: #2b211b; }.home-button--gold:hover { background: #ffe08a; }
.home-hero__art { position: relative; display: grid; place-items: center; overflow: hidden; min-height: 350px; background: radial-gradient(circle at 70% 32%, rgba(255,255,255,.72) 0 4%, transparent 4.5%), repeating-linear-gradient(18deg, transparent 0 35px, rgba(115,77,24,.045) 36px 37px), linear-gradient(160deg, #ecd4a1, #cf9a42); }.home-hero__art::before { position: absolute; top: 11%; right: 9%; width: 78%; aspect-ratio: 1; border: 1px solid rgba(255,251,237,.55); border-radius: 50%; content: ""; }.home-hero__art p { position: relative; z-index: 2; margin: 0; color: rgba(59,41,19,.9); font-family: "Cormorant Garamond", serif; font-size: clamp(2.8rem, 6vw, 5.3rem); font-weight: 700; line-height: .74; letter-spacing: -.07em; text-align: center; transform: rotate(-6deg); }.home-hero__ball { position: absolute; z-index: 1; width: clamp(120px, 17vw, 220px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.36); border-radius: 50%; background: radial-gradient(circle at 30% 28%, rgba(255,255,255,.95), rgba(255,255,255,.1) 20%, transparent 22%), radial-gradient(circle at 38% 36%, #e2ded9, #a9a19a 36%, #645b54 63%, #2b2825 100%); box-shadow: inset -17px -18px 24px rgba(0,0,0,.35), inset 14px 13px 18px rgba(255,255,255,.2), 12px 20px 24px rgba(69,43,14,.25); }.home-hero__ball::after { position: absolute; inset: 15%; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; content: ""; }.home-hero__ball--one { top: 8%; left: -7%; transform: rotate(-23deg); }.home-hero__ball--two { right: -9%; bottom: -13%; transform: rotate(28deg); }.home-hero__jack { position: absolute; z-index: 2; bottom: 14%; left: 18%; width: 27px; aspect-ratio: 1; border: 1px solid rgba(113,73,5,.5); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff2b5, #efbc2f 57%, #a16e08 100%); box-shadow: 4px 7px 12px rgba(69,43,14,.24); }
.home-tool-band, .home-split-band, .home-topic-band, .home-video-band, .home-book-band, .home-community { padding: clamp(25px, 4vw, 52px); border: 1px solid rgba(61,45,27,.12); border-radius: 27px; background: #fffdf8; box-shadow: 0 12px 26px rgba(65,45,22,.045); }.home-tool-band > header { display: grid; grid-template-columns: minmax(0, .9fr) minmax(280px, .7fr); gap: 22px 62px; align-items: end; margin-bottom: 27px; }.home-tool-band h2, .home-split-band h2, .home-topic-band h2, .home-video-band h2, .home-book-band h2, .home-community h2 { margin-bottom: 0; color: #2b211b; font-family: "Cormorant Garamond", serif; font-size: clamp(2.35rem, 4.2vw, 4rem); font-weight: 700; line-height: .87; letter-spacing: -.055em; }.home-tool-band > header > p:not(.home-eyebrow), .home-split-band__intro > p:not(.home-eyebrow), .home-book-band p:not(.home-eyebrow), .home-community p:not(.home-eyebrow) { margin-bottom: 0; color: #6d5d4e; font-size: .94rem; line-height: 1.65; }
.home-tool-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.home-tool-card { position: relative; display: grid; min-height: 220px; padding: 21px; overflow: hidden; border: 1px solid rgba(61,45,27,.1); border-radius: 19px; background: #f4e4bf; color: #382d26; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.home-tool-card:nth-child(2n) { background: #e5eee0; }.home-tool-card:nth-child(3n) { background: #f2ddd6; }.home-tool-card:hover { z-index: 1; transform: translateY(-5px); box-shadow: 0 16px 24px rgba(65,45,22,.13); }.home-tool-card > span { color: #9d6811; font-family: "Bebas Neue", sans-serif; font-size: 1.25rem; letter-spacing: .1em; }.home-tool-card h2 { margin: auto 0 8px; font-family: "Cormorant Garamond", serif; font-size: 1.8rem; line-height: .92; letter-spacing: -.04em; }.home-tool-card p { margin: 0; color: #695a4b; font-size: .8rem; line-height: 1.55; }.home-tool-card b { margin-top: 16px; color: #72501b; font-size: .67rem; letter-spacing: .09em; text-transform: uppercase; }
.home-split-band { display: grid; grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr); gap: 42px; align-items: start; }.home-split-band__intro { position: sticky; top: 18px; }.home-split-band__intro h2 { margin-bottom: 20px; }.home-text-link { display: inline-flex; gap: 7px; margin-top: 23px; color: #895b13; font-size: .74rem; font-weight: 850; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.home-text-link:hover { color: #2b211b; }.home-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.home-card-grid .n-content-card { min-height: 100%; }.home-card-grid .n-content-card__body h2 { font-size: 1.48rem; }
.home-topic-band { display: grid; grid-template-columns: minmax(190px, .45fr) minmax(0, 1.55fr); gap: 35px; align-items: center; background: linear-gradient(112deg, #2e2823, #533b26); }.home-topic-band :is(.home-eyebrow, h2) { color: #fff5e6; }.home-topic-band .home-eyebrow { color: #f0c047; }.home-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.home-topic { display: grid; grid-template-columns: 1fr auto; gap: 4px; min-height: 110px; padding: 17px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.055); color: #fff6e8; text-decoration: none; transition: background .2s ease; }.home-topic:hover { background: rgba(241,192,66,.15); }.home-topic span { color: #eabe4d; font-size: .67rem; font-weight: 700; letter-spacing: .05em; }.home-topic strong { align-self: end; font-family: "Cormorant Garamond", serif; font-size: 1.45rem; line-height: .95; }.home-topic i { align-self: end; color: #eabe4d; font-size: 1.05rem; font-style: normal; }
.home-video-band { display: grid; grid-template-columns: minmax(210px, .55fr) minmax(0, 1.45fr); gap: 42px; background: #e7efe1; }.home-video-band__heading h2 { margin-bottom: 20px; }.home-video-band .n-content-card { background: rgba(255,255,255,.72); }.home-book-band { display: grid; grid-template-columns: minmax(225px, .55fr) minmax(0, 1.45fr); gap: 42px; align-items: center; background: linear-gradient(140deg, #f5e2b4, #e8c67f); }.home-book-band h2 { margin-bottom: 18px; }.home-book-band .home-button { margin-top: 23px; }.home-book-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.home-book-list .n-content-card { background: rgba(255,253,248,.88); }.home-community { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(27px, 5vw, 56px); background: radial-gradient(circle at 85% 10%, rgba(246,199,63,.23), transparent 25%), #fffdf8; }.home-community h2 { max-width: 19ch; margin-bottom: 15px; }.home-community p { max-width: 52rem; }
@media (max-width: 1040px) { .home-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.home-split-band, .home-video-band, .home-book-band { grid-template-columns: 1fr; }.home-split-band__intro { position: static; }.home-card-grid, .home-book-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .home-page { gap: 12px; padding-top: 10px; }.home-results { margin: 0 -1px; border-radius: 11px; }.home-hero { grid-template-columns: 1fr; min-height: 0; }.home-hero__copy { min-height: 400px; }.home-hero h1 { font-size: clamp(4.25rem, 21vw, 6.2rem); }.home-hero__art { min-height: 270px; }.home-tool-band, .home-split-band, .home-topic-band, .home-video-band, .home-book-band, .home-community { padding: 23px 18px; border-radius: 21px; }.home-tool-band > header, .home-topic-band { grid-template-columns: 1fr; gap: 20px; }.home-tool-grid, .home-card-grid, .home-book-list, .home-topic-grid { grid-template-columns: 1fr; }.home-tool-card { min-height: 185px; }.home-community { display: grid; }.home-community .home-button { width: fit-content; }.home-topic { min-height: 88px; } }

/* Homepage visual system: independently rebuilt from the native component model. */
body.site-body { background: radial-gradient(circle at 12% 20%, rgba(244, 210, 132, .46), transparent 30rem), linear-gradient(180deg, #f8f0df 0, #f3e5c9 100%); font-family: "Manrope", sans-serif; }
.site-frame { width: min(1785px, calc(100% - 16px)); margin: 20px auto; overflow: hidden; border-radius: 34px; background: #fbf8f0; box-shadow: 0 18px 45px rgba(82, 56, 19, .12); }
.site-header { display: grid; grid-template-columns: minmax(250px, .92fr) minmax(560px, 1.65fr) minmax(220px, .72fr); gap: 22px; min-height: 238px; padding: 21px 31px 17px; color: #29221e; border: 0; background: linear-gradient(110deg, #fffefb, #f8f4ea); }
.brand-lockup { grid-column: 1; grid-row: 1 / span 3; align-self: center; }.brand-mark { width: 64px; height: 64px; }.brand-ball { width: 55px; height: 55px; }.brand-wordmark { color: #211a16; font: 700 clamp(2.25rem, 3vw, 3.15rem)/.88 "Cormorant Garamond", serif; letter-spacing: -.075em; }.brand-tag { margin-top: 7px; color: #65594e; font: 700 .64rem/1 "Manrope", sans-serif; letter-spacing: .28em; text-transform: uppercase; }
.header-center { grid-column: 2; grid-row: 1 / span 3; display: grid; grid-template-rows: auto auto auto; align-content: center; gap: 11px; min-width: 0; }.main-nav { justify-content: center; gap: 5px 9px; }.main-nav > a, .main-nav summary { color: #342c27; font: 600 .72rem/1.2 "Manrope", sans-serif; letter-spacing: .105em; text-transform: uppercase; }.main-nav > a::before, .main-nav summary::before { display: inline-block; width: 7px; height: 7px; margin-right: 3px; border: 1px solid rgba(62, 48, 38, .26); border-radius: 50%; content: ""; }.nav-menu summary { list-style: none; }.nav-menu summary::-webkit-details-marker { display: none; }.nav-submenu { z-index: 10; }.language-switcher { justify-content: center; gap: 8px; }.language-pill { width: 47px; min-height: 49px; padding: 5px 2px; border: 1px solid rgba(70, 48, 29, .11); border-radius: 17px; background: linear-gradient(145deg, #fff, #f4efe7); box-shadow: 0 7px 14px rgba(71, 49, 29, .07); }.language-pill.active { border-color: #d3a124; background: #fff3d5; }.language-label { font-size: .54rem; }.global-search { max-width: 610px; margin: 0 auto; border-color: rgba(70, 48, 29, .13); box-shadow: 0 5px 12px rgba(70, 48, 29, .05); }.global-search input { padding: .72rem 1.05rem; font-size: .8rem; }.global-search button { width: 50px; padding: 0; background: #eab315; color: #211a16; font-size: 0; }.global-search button::after { content: "⌕"; font-size: 1.5rem; font-weight: 800; }
.header-tools { grid-column: 3; grid-row: 1 / span 3; align-self: center; justify-content: flex-end; gap: 10px; min-width: 0; }.search-trigger { font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; }.shop-chip, .cart-chip { padding: 12px 15px; font-size: .68rem; }.shop-chip { background: #171412; }.cart-chip { background: #fff1d2; }
.site-main { width: auto; margin: 0; padding: 19px 30px 0; background: #f8f5ed; }.site-footer { width: auto; margin: 0; border-radius: 0; }
.home-page { gap: 12px; padding: 0 0 34px; }.home-results { display: none; }.home-results-panel { padding: 15px; border: 1px solid rgba(67, 48, 28, .12); border-radius: 25px; background: rgba(255, 255, 255, .7); box-shadow: 0 12px 24px rgba(67, 48, 28, .04); }.home-results-panel header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 1px 12px; }.home-results-panel header p, .home-results-panel header a { margin: 0; color: #62584f; font-size: .68rem; font-weight: 750; letter-spacing: .19em; text-transform: uppercase; }.home-results-panel header a { color: #5e554e; text-decoration: none; }.home-results-panel header a:hover { color: #a67413; }.home-results-panel__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.home-result-card { display: grid; grid-template-columns: 62px minmax(0, 1fr) 26px; gap: 10px; align-items: center; min-height: 111px; padding: 12px; border: 1px solid rgba(70, 48, 29, .1); border-radius: 16px; background: rgba(255, 255, 255, .86); color: #5f554d; text-decoration: none; }.home-result-card:hover { border-color: rgba(197, 144, 22, .58); box-shadow: 0 8px 18px rgba(75, 53, 29, .08); }.home-result-card img, .home-result-card__placeholder { display: block; width: 62px; height: 62px; border-radius: 9px; object-fit: cover; background: linear-gradient(140deg, #d7c3a0, #7d6650); }.home-result-card > span { display: grid; gap: 4px; min-width: 0; }.home-result-card strong { overflow: hidden; color: #5d534c; font-size: .78rem; font-weight: 800; line-height: 1.28; text-overflow: ellipsis; }.home-result-card em { display: -webkit-box; overflow: hidden; color: #756b63; font-size: .69rem; font-style: normal; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.home-result-card i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #f1f0ee; color: #b19f8f; font-style: normal; }
.home-hero { grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); min-height: 540px; border: 1px solid rgba(67, 48, 28, .13); border-radius: 27px; background: #fffdf9; box-shadow: 0 13px 26px rgba(67, 48, 28, .06); }.home-hero__copy { position: relative; overflow: hidden; align-content: center; padding: clamp(30px, 4.5vw, 72px); background: radial-gradient(circle at 15% 12%, rgba(218, 179, 54, .25) 0 4px, transparent 5px), radial-gradient(circle at 78% 18%, rgba(218, 179, 54, .15) 0 5px, transparent 6px), radial-gradient(circle at 13% 14%, transparent 0 33px, rgba(103, 93, 81, .14) 34px 35px, transparent 36px), radial-gradient(circle at 77% 18%, transparent 0 38px, rgba(103, 93, 81, .11) 39px 40px, transparent 41px), #fffdf9; }.home-hero__sight { position: absolute; top: 23px; left: 25px; width: 54px; aspect-ratio: 1; border: 1px solid rgba(90, 78, 67, .22); border-radius: 50%; }.home-hero__sight::before, .home-hero__sight::after { position: absolute; top: 50%; left: 50%; background: rgba(90, 78, 67, .2); content: ""; transform: translate(-50%, -50%); }.home-hero__sight::before { width: 1px; height: 88%; }.home-hero__sight::after { width: 88%; height: 1px; }.home-eyebrow { margin-bottom: 18px; color: #a77517; font-size: .69rem; }.home-hero__identity { margin-bottom: 12px !important; color: #70665e !important; font-size: .7rem !important; font-weight: 650; letter-spacing: .19em; text-transform: uppercase; }.home-hero h1 { max-width: 15ch; margin-bottom: 20px; color: #171411; font-family: "Bebas Neue", sans-serif; font-size: clamp(3.7rem, 5.6vw, 6.5rem); font-weight: 400; line-height: .88; letter-spacing: -.015em; }.home-hero__copy > p:not(.home-eyebrow):not(.home-hero__identity) { max-width: 42rem; color: #514942; font-size: .94rem; }.home-hero__media { position: relative; min-height: 100%; margin: 0; overflow: hidden; background: #d4b36c; }.home-hero__media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(70, 39, 12, .12), transparent 28%); content: ""; pointer-events: none; }.home-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 1180px) { .site-header { grid-template-columns: minmax(220px, .85fr) minmax(450px, 1.45fr); }.header-tools { grid-column: 2; grid-row: auto; justify-content: center; }.home-results-panel__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.home-hero { grid-template-columns: 1fr 1fr; }.home-hero h1 { font-size: clamp(3.7rem, 6.5vw, 5.8rem); } }
@media (max-width: 1300px) and (min-width: 761px) { .language-switcher { gap: 5px; }.language-pill { width: 41px; min-height: 45px; border-radius: 15px; }.language-label { font-size: .5rem; } }
@media (max-width: 760px) { .site-frame { width: 100%; margin: 0; border-radius: 0; }.site-header { grid-template-columns: 1fr; min-height: 0; padding: 22px 18px; }.brand-lockup, .header-center, .header-tools { grid-column: 1; grid-row: auto; }.brand-lockup { justify-content: center; }.main-nav { justify-content: flex-start; }.language-switcher { justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }.header-tools { justify-content: flex-start; }.site-main { padding: 12px; }.home-results-panel { padding: 12px; border-radius: 19px; }.home-results-panel__grid { grid-template-columns: 1fr; }.home-results-panel header a { font-size: .58rem; }.home-hero { grid-template-columns: 1fr; min-height: 0; border-radius: 21px; }.home-hero__copy { min-height: 430px; padding: 58px 28px 33px; }.home-hero h1 { font-size: clamp(3.7rem, 15.5vw, 5.6rem); }.home-hero__media { min-height: 380px; }.site-footer { margin-top: 0; border-radius: 0; } }

/* Full native homepage composition. The collections below are queried from the local database. */
.home-showcase { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(430px, .94fr); overflow: hidden; border: 1px solid rgba(57, 42, 28, .16); border-radius: 27px; background: #fdfbf7; box-shadow: 0 16px 34px rgba(67, 48, 28, .08); }.home-showcase__left { background: radial-gradient(circle at 8% 11%, transparent 0 31px, rgba(84,73,63,.12) 32px 33px, transparent 34px), radial-gradient(circle at 82% 18%, rgba(220,177,35,.19) 0 5px, transparent 6px), radial-gradient(circle at 80% 18%, transparent 0 39px, rgba(84,73,63,.1) 40px 41px, transparent 42px), #fffdf9; }.home-showcase__intro { position: relative; padding: clamp(40px, 5.4vw, 76px) clamp(28px, 5vw, 72px) 34px; }.home-showcase__intro .home-hero__sight { top: 24px; left: 25px; }.home-showcase h1, .home-duo h2, .home-discovery h2, .home-paquita h2, .home-content-boards h2, .home-books h2 { color: #1d1815; font-family: "Bebas Neue", sans-serif; font-weight: 400; line-height: .91; letter-spacing: .005em; }.home-showcase h1 { max-width: 12.5ch; margin: 0 0 17px; font-size: clamp(3.7rem, 5vw, 6.55rem); }.home-showcase__lead { max-width: 52rem; margin: 0 0 17px; color: #3f3933; font-size: 1rem; line-height: 1.55; }.home-showcase .home-actions { gap: 9px; }.home-quick-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 13px; }.home-quick-links a { padding: 8px 13px; border: 1px solid rgba(65, 49, 34, .12); border-radius: 999px; background: rgba(255,255,255,.84); color: #211b17; font-size: .66rem; font-weight: 850; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; }.home-showcase__utility { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 34px 34px; }.home-utility-card { display: grid; align-content: start; gap: 13px; min-height: 355px; padding: 29px; border: 1px solid rgba(67,48,28,.12); border-radius: 23px; background: linear-gradient(135deg, #fffefa, #fbefc9); box-shadow: 0 12px 22px rgba(67,48,28,.07); }.home-utility-card--dark { color: #fff8e9; background: radial-gradient(circle at 82% 16%, rgba(226,178,30,.26) 0 5px, transparent 6px), linear-gradient(135deg, #171211, #39271c); }.home-utility-card p, .home-duo-card p, .home-atlas p { margin: 0; color: #766659; font-size: .75rem; }.home-utility-card--dark p { color: #e8dbc9; }.home-utility-card h2 { margin: 0; font: 600 clamp(1.85rem, 2.3vw, 2.75rem)/.92 "Cormorant Garamond", serif; }.home-utility-card span { color: #66594f; font-size: .83rem; line-height: 1.5; }.home-utility-card--dark span { color: #ddd2c3; }.home-utility-card .home-button { align-self: end; justify-self: start; margin-top: auto; }
.home-showcase__right { display: grid; grid-template-rows: minmax(410px, .95fr) minmax(260px, .65fr); background: #e5e0d6; }.home-showcase__portrait { position: relative; min-height: 410px; margin: 0; overflow: hidden; background: #3f291b; }.home-showcase__portrait > img { width: 100%; height: 100%; object-fit: cover; object-position: center 32%; }.home-showcase__portrait::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(24,16,12,.75)); content: ""; pointer-events: none; }.home-showcase__portrait figcaption { position: absolute; z-index: 1; right: 22px; bottom: 20px; left: 22px; display: grid; gap: 4px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.36); border-radius: 19px; background: rgba(255,250,239,.94); color: #201a17; }.home-showcase__portrait small { color: #9c6c12; font-size: .64rem; letter-spacing: .13em; text-transform: uppercase; }.home-showcase__portrait strong { font-size: 1rem; line-height: 1.18; }.home-showcase__portrait span { color: #665b53; font-size: .74rem; line-height: 1.32; }.home-quiz { padding: 16px 21px 22px; overflow: hidden; background: #ddd9d0; }.home-quiz header, .home-content-boards > article > header, .home-books > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }.home-quiz header { margin-bottom: 14px; }.home-quiz header p, .home-quiz header a, .home-content-boards > article > header > a, .home-books > header > a { margin: 0; color: #241d18; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }.home-quiz header a { color: #aa7511; }.home-quiz > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }.home-quiz-card { position: relative; display: grid; gap: 7px; min-width: 0; padding: 10px; border: 1px solid rgba(69,49,27,.14); border-radius: 18px; background: #f6ead5; box-shadow: 0 10px 18px rgba(49,34,20,.12); }.home-quiz-card > img { width: 100%; aspect-ratio: 1.38; border-radius: 11px; object-fit: cover; }.home-quiz-card > b { position: absolute; top: 84px; left: 18px; padding: 4px 8px; border-radius: 999px; background: #fff6e7; color: #a56d12; font-size: .59rem; text-transform: uppercase; }.home-quiz-card small { color: #9d6f22; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; }.home-quiz-card strong { display: -webkit-box; overflow: hidden; min-height: 3.55em; color: #231c17; font-size: .78rem; line-height: 1.18; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.home-quiz-card em { color: #806f60; font-size: .6rem; font-style: normal; }.home-quiz-card div { display: flex; flex-wrap: wrap; gap: 5px; }.home-quiz-card div a { padding: 5px 6px; border-radius: 999px; background: #fff6e5; color: #8f6517; font-size: .55rem; font-weight: 850; text-decoration: none; text-transform: uppercase; }.home-quiz-card div a + a { background: #29211d; color: #fff5e4; }
.home-duo, .home-discovery, .home-paquita, .home-content-boards, .home-books { padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: #fffdf9; box-shadow: 0 12px 25px rgba(67,48,28,.05); }.home-duo > header, .home-discovery > header, .home-paquita > header { margin-bottom: 20px; }.home-duo h2, .home-discovery h2, .home-paquita h2, .home-content-boards h2, .home-books h2 { max-width: 22ch; margin: 0; font-size: clamp(2.25rem, 3.1vw, 3.8rem); }.home-duo__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.home-duo-card { display: grid; grid-template-columns: minmax(150px, .42fr) minmax(0, .58fr); gap: 25px; min-height: 300px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: linear-gradient(130deg, #171616, #232221); color: #f9f2e7; box-shadow: 0 15px 28px rgba(33,24,18,.14); }.home-duo-card > div:last-child { display: grid; align-content: center; gap: 12px; }.home-duo-card p { color: #e67a64; letter-spacing: .08em; }.home-duo-card h3 { margin: 0; font: 400 clamp(2.1rem, 3vw, 3.5rem)/.9 "Bebas Neue", sans-serif; }.home-duo-card > div:last-child > span { color: #d9d0c4; font-size: .88rem; line-height: 1.58; }.home-book-stack { position: relative; min-height: 245px; }.home-book-stack__item { position: absolute; top: 28px; width: 56%; filter: drop-shadow(0 13px 12px rgba(0,0,0,.38)); }.home-book-stack__item--1 { left: 2%; z-index: 3; transform: rotate(-2deg); }.home-book-stack__item--2 { top: 46px; right: 1%; transform: rotate(11deg); }.home-book-stack__item--3 { top: 60px; left: 28%; transform: rotate(-14deg); }.home-software-stack { display: grid; align-content: center; gap: 8px; }.home-software-stack span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.08); font-size: .77rem; font-weight: 800; }.home-discovery > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.home-discovery-card { display: grid; gap: 13px; min-height: 124px; padding: 20px; border: 2px solid #db4c36; border-radius: 19px; background: #181718; color: #fff7e9; text-decoration: none; }.home-discovery-card:nth-child(2) { border-color: #3c9ce8; }.home-discovery-card:nth-child(3) { border-color: #32be74; }.home-discovery-card:nth-child(4) { border-color: #a660d9; }.home-discovery-card strong { font: 400 1.85rem/1 "Bebas Neue", sans-serif; }.home-discovery-card span { color: #d5ccbf; font-size: .78rem; line-height: 1.4; }
.home-paquita > p { max-width: 1100px; margin: 0 0 23px; color: #38312c; font-size: 1rem; line-height: 1.65; }.home-paquita aside { display: grid; justify-items: center; gap: 15px; padding: 32px; border-radius: 24px; background: linear-gradient(110deg, #171311, #55331f); color: #fff7e9; text-align: center; }.home-paquita aside strong { color: #f3bd1c; font: 400 clamp(2.1rem, 3.5vw, 3.2rem)/1 "Bebas Neue", sans-serif; }.home-paquita aside > span { font-weight: 700; }.home-paquita aside div { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; }.home-paquita aside a { padding: 10px 18px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(255,255,255,.07); color: #fff7e9; font-size: .68rem; font-weight: 800; text-decoration: none; text-transform: uppercase; }.home-atlas { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.home-atlas article { display: grid; grid-template-columns: minmax(0, 1fr) 42%; align-items: center; min-height: 255px; padding: 20px; overflow: hidden; border-radius: 27px; background: linear-gradient(130deg, #fffdfa, #f5e3ab); }.home-atlas article > div { display: grid; gap: 15px; align-content: center; }.home-atlas h2 { margin: 0; color: #201913; font: 600 clamp(2rem, 3vw, 3rem)/.9 "Cormorant Garamond", serif; }.home-atlas span { color: #64594e; font-size: .88rem; }.home-atlas article > div > div { display: flex; flex-wrap: wrap; gap: 8px; }.home-atlas img { width: 100%; max-height: 208px; object-fit: contain; }.home-atlas__dark { background: linear-gradient(130deg, #191411, #3d2d22) !important; }.home-atlas__dark h2 { color: #fff7e9; }.home-atlas__dark p, .home-atlas__dark span { color: #eadbc9; }.home-atlas__dark img { object-fit: cover; border-radius: 20px; }
.home-content-boards { display: grid; gap: 25px; }.home-content-boards > article { padding: 0; }.home-content-boards > article > header, .home-books > header { margin-bottom: 20px; }.home-square-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }.home-square-card { position: relative; display: grid; overflow: hidden; min-height: 196px; border: 1px solid rgba(67,48,28,.12); border-radius: 17px; background: #fffefa; color: #211a16; text-decoration: none; }.home-square-card img { width: 100%; height: 103px; object-fit: cover; }.home-square-card > span { display: grid; gap: 6px; padding: 10px; align-content: start; }.home-square-card small { color: #a56d14; font-size: .59rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.home-square-card strong { font-size: .74rem; line-height: 1.22; }.home-square-card--video { min-height: 205px; color: #fff8ed; background: #201b18; }.home-square-card--video::after { position: absolute; inset: 0 0 auto; height: 103px; background: linear-gradient(180deg, transparent, rgba(0,0,0,.48)); content: ""; pointer-events: none; }.home-square-card--video i { position: absolute; z-index: 1; top: 72px; left: 10px; padding: 4px 7px; border-radius: 999px; background: #f0b516; color: #221a13; font-size: .56rem; font-style: normal; font-weight: 850; text-transform: uppercase; }.home-square-card--video small { color: #f0bd27; }.home-books > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }.home-book-card { padding: 13px; border: 1px solid rgba(67,48,28,.12); border-radius: 18px; background: #fffefa; }.home-book-card img { width: 100%; height: 190px; object-fit: contain; }.home-book-card h3 { margin: 10px 0 6px; font: 600 1.4rem/1 "Cormorant Garamond", serif; }.home-book-card h3 a { color: #211a16; text-decoration: none; }.home-book-card p { margin: 0; color: #6d6155; font-size: .72rem; line-height: 1.4; }
.home-ribbon, .home-official-radar { padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: #fffdf9; box-shadow: 0 12px 25px rgba(67,48,28,.05); }.home-ribbon > header, .home-official-radar > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 21px; }.home-ribbon h2, .home-official-radar h2 { margin: 0; color: #1d1815; font: 400 clamp(2.2rem, 3.1vw, 3.7rem)/.91 "Bebas Neue", sans-serif; }.home-ribbon > header > a, .home-official-radar > header > a { color: #211a16; font-size: .66rem; font-weight: 850; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }.home-ribbon > div { display: grid; grid-template-columns: 1.45fr 1fr 1fr; gap: 14px; }.home-ribbon-card { position: relative; display: grid; min-height: 260px; overflow: hidden; border-radius: 20px; background: #221b17; color: #fff9ec; text-decoration: none; }.home-ribbon-card img { width: 100%; height: 100%; object-fit: cover; }.home-ribbon-card::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 25%, rgba(20,14,11,.88)); content: ""; }.home-ribbon-card > span { position: absolute; z-index: 1; right: 17px; bottom: 16px; left: 17px; display: grid; gap: 5px; }.home-ribbon-card small { color: #f4bd23; font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.home-ribbon-card strong { font: 600 1.65rem/.95 "Cormorant Garamond", serif; }.home-ribbon-card em { color: #ede3d7; font-size: .76rem; font-style: normal; line-height: 1.35; }.home-official-radar { background: linear-gradient(135deg, #241b16, #5a3520); color: #fff8eb; }.home-official-radar h2 { color: #fff8eb; }.home-official-radar > header > a { color: #f1bf29; }.home-official-radar > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.home-official-radar article { display: grid; gap: 8px; min-height: 145px; padding: 18px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.07); }.home-official-radar small { color: #f1bf29; font-size: .65rem; font-weight: 850; letter-spacing: .1em; }.home-official-radar article strong { font: 600 1.5rem/.95 "Cormorant Garamond", serif; }.home-official-radar article span { color: #eadccb; font-size: .78rem; }
@media (max-width: 1200px) { .home-showcase { grid-template-columns: 1fr; }.home-showcase__right { grid-template-columns: 1fr; grid-template-rows: auto; }.home-showcase__portrait { min-height: 500px; }.home-duo-card { grid-template-columns: 1fr; }.home-book-stack { min-height: 160px; }.home-book-stack__item { width: 130px; }.home-discovery > div { grid-template-columns: repeat(2, 1fr); }.home-square-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.home-books > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }.home-ribbon > div { grid-template-columns: 1fr 1fr; }.home-ribbon-card--wide { grid-column: span 2; }.home-official-radar > div { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .home-showcase, .home-duo, .home-discovery, .home-paquita, .home-content-boards, .home-books, .home-ribbon, .home-official-radar { border-radius: 21px; }.home-showcase__utility, .home-duo__grid, .home-atlas { grid-template-columns: 1fr; }.home-showcase__utility { padding: 0 18px 18px; }.home-showcase__intro { padding: 56px 24px 24px; }.home-showcase h1 { font-size: clamp(3.6rem, 14vw, 5.4rem); }.home-showcase__portrait { min-height: 410px; }.home-quiz > div { grid-template-columns: 1fr; }.home-quiz-card { grid-template-columns: 120px 1fr; align-items: start; }.home-quiz-card > img { grid-row: span 4; height: 96px; }.home-quiz-card > b { top: 78px; left: 18px; }.home-quiz-card div { grid-column: 1 / -1; }.home-duo, .home-discovery, .home-paquita, .home-content-boards, .home-books, .home-ribbon, .home-official-radar { padding: 24px 18px; }.home-discovery > div, .home-square-grid, .home-books > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.home-atlas article { grid-template-columns: 1fr; }.home-atlas article > img { max-height: 190px; }.home-content-boards > article > header, .home-books > header { align-items: flex-end; }.home-content-boards > article > header > a, .home-books > header > a { font-size: .58rem; white-space: nowrap; }.home-ribbon > div { grid-template-columns: 1fr; }.home-ribbon-card--wide { grid-column: auto; }.home-ribbon > header, .home-official-radar > header { align-items: end; } }

@media (min-width: 761px) { .home-showcase h1 { max-width: none; font-size: clamp(3.5rem, 4.3vw, 5.1rem); } }

.home-faq-full, .home-guide { padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: #fffdf9; box-shadow: 0 12px 25px rgba(67,48,28,.05); }.home-faq-full > header, .home-guide > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }.home-faq-full h2, .home-guide h2 { max-width: 20ch; margin: 0; color: #1d1815; font: 400 clamp(2.2rem, 3.1vw, 3.7rem)/.91 "Bebas Neue", sans-serif; }.home-faq-full > header > span, .home-guide > header > span { padding: 7px 11px; border-radius: 999px; background: #f4df9f; color: #634814; font-size: .65rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.home-faq-full details, .home-guide details { border: 1px solid rgba(67,48,28,.12); border-radius: 19px; background: #fffefa; }.home-faq-full summary, .home-guide summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px; cursor: pointer; color: #28201c; font-size: .85rem; font-weight: 850; list-style: none; }.home-faq-full summary::-webkit-details-marker, .home-guide summary::-webkit-details-marker { display: none; }.home-faq-full summary b, .home-guide summary b { color: #9b6a12; font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; }.home-faq-full details > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 18px 18px; }.home-faq-full article { display: grid; grid-template-columns: 30px 1fr; gap: 9px; padding: 13px; border: 1px solid rgba(67,48,28,.1); border-radius: 14px; background: #fdf8ed; }.home-faq-full article i { color: #b37a14; font: 400 1.6rem/1 "Bebas Neue", sans-serif; font-style: normal; }.home-faq-full article strong { display: block; color: #28201c; font-size: .79rem; line-height: 1.24; }.home-faq-full article p, .home-guide article p { margin: 6px 0 0; color: #695d52; font-size: .73rem; line-height: 1.42; }.home-guide details > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 0 18px 18px; }.home-guide article { min-height: 140px; padding: 15px; border: 1px solid rgba(67,48,28,.1); border-radius: 14px; background: #f8eee0; }.home-guide article:nth-child(2n) { background: #edf2e8; }.home-guide article strong { color: #28201c; font: 600 1.3rem/.98 "Cormorant Garamond", serif; }
@media (max-width: 760px) { .home-faq-full, .home-guide { padding: 24px 18px; border-radius: 21px; }.home-faq-full details > div, .home-guide details > div { grid-template-columns: 1fr; padding: 0 12px 12px; }.home-faq-full summary, .home-guide summary { padding: 14px; } }

/* The result rail is a true one-column list on phones: no hidden horizontal page width. */
@media (max-width: 760px) {
  html, body.site-body { max-width: 100%; overflow-x: hidden; }
  .site-frame, .site-main, .home-page, .home-results-panel, .home-results-panel__grid { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .home-results-panel__grid { width: 100%; }
  .home-result-card { width: 100%; min-width: 0; max-width: 100%; grid-template-columns: 62px minmax(0, 1fr) 25px; box-sizing: border-box; }
  .home-result-card strong, .home-result-card em { min-width: 0; overflow-wrap: anywhere; word-break: normal; }
}

.home-official-radar > div > a { display: grid; gap: 8px; min-height: 145px; padding: 18px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.07); color: inherit; text-decoration: none; }.home-official-radar > div > a:hover { background: rgba(255,255,255,.13); }.home-official-radar > div > a strong { font: 600 1.5rem/.95 "Cormorant Garamond", serif; }.home-official-radar > div > a span { color: #eadccb; font-size: .78rem; }

/* Official agenda: same separated agenda/result composition as the live home. */
.home-official-live { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .95fr); gap: 20px; align-items: stretch; padding: 6px; border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: linear-gradient(135deg, #fffdf9, #f7edd9); box-shadow: 0 12px 25px rgba(67,48,28,.05); }.home-official-live__agenda, .home-official-live__result { padding: clamp(22px, 3vw, 32px); border-radius: 23px; background: rgba(255,255,255,.66); }.home-official-live__agenda h2 { max-width: 19ch; margin: 0 0 18px; color: #241c18; font: 400 clamp(2.2rem, 3.05vw, 3.55rem)/.92 "Bebas Neue", sans-serif; }.home-official-live__appointments { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.home-official-live__appointments article { display: grid; align-content: start; gap: 13px; min-height: 260px; padding: 20px; border: 1px solid rgba(67,48,28,.12); border-radius: 25px; background: #fffefa; }.home-official-live small { color: #a16b0b; font-size: .64rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.home-official-live__appointments strong { color: #2c241f; font: 400 clamp(1.65rem, 2vw, 2.2rem)/.96 "Bebas Neue", sans-serif; }.home-official-live__appointments span { color: #88600d; font-size: .75rem; font-weight: 800; text-transform: uppercase; }.home-official-live a { align-self: end; width: fit-content; color: #d79913; font-size: .69rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.home-official-live__result { display: grid; align-content: start; gap: 17px; background: linear-gradient(145deg, #fffefa, #f7ead2); }.home-official-live__result p { margin: 0; color: #352a24; font-size: 1rem; }.home-official-live__result h3 { margin: 0; color: #2b231f; font: 400 clamp(1.85rem, 2.35vw, 2.7rem)/.94 "Bebas Neue", sans-serif; }.home-official-live__result span { color: #67594e; font-size: .94rem; line-height: 1.55; }.home-official-live__result a { margin-top: auto; color: #efb51b; }
@media (max-width: 920px) { .home-official-live { grid-template-columns: 1fr; }.home-official-live__agenda, .home-official-live__result { border-radius: 20px; } }
@media (max-width: 600px) { .home-official-live { gap: 10px; padding: 4px; border-radius: 21px; }.home-official-live__agenda, .home-official-live__result { padding: 22px 18px; border-radius: 17px; }.home-official-live__appointments { grid-template-columns: 1fr; gap: 11px; }.home-official-live__appointments article { min-height: 0; padding: 17px; }.home-official-live__agenda h2 { font-size: 2.45rem; } }

/* The live guide stays a compact fold-out, even on very wide desktop screens. */
.home-guide { padding: 26px clamp(28px, 3vw, 42px); background: linear-gradient(105deg, #fffdf9, #fff3cf); }.home-guide > header { align-items: flex-end; margin-bottom: 14px; }.home-guide h2 { max-width: 780px; font-size: clamp(1.65rem, 2.3vw, 2.45rem); line-height: .96; }.home-guide > header > span { flex: 0 0 auto; min-height: 38px; padding: 6px 13px; }.home-guide details { border: 0; background: transparent; }.home-guide summary { min-height: 46px; padding: 8px 0 0; border: 0; border-radius: 0; background: transparent; }.home-guide summary b { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid rgba(67,48,28,.15); border-radius: 999px; background: rgba(255,255,255,.62); }.home-guide summary::before { color: #6a5a4d; content: 'Déplier les 20 conseils'; font-size: .82rem; font-weight: 700; }.home-guide summary { font-size: 0; }.home-guide details > div { padding: 14px 0 0; }.home-guide summary b { font-size: .65rem; }
@media (max-width: 760px) { .home-guide { padding: 24px 18px; }.home-guide h2 { max-width: 22ch; font-size: clamp(2rem, 8.5vw, 2.65rem); }.home-guide > header { align-items: flex-start; }.home-guide > header > span { margin-top: 7px; }.home-guide summary::before { font-size: .76rem; } }

/* Feuilles de match: native tool page, with printable and fillable local PDFs. */
.match-sheets-v2 { display: grid; gap: 22px; padding: 22px 0 38px; }.match-sheets-v2 :is(h1, h2, h3, p) { margin-top: 0; }.match-sheets-v2__crumb { display: flex; flex-wrap: wrap; gap: 8px; color: #796b5e; font-size: .78rem; }.match-sheets-v2__crumb a { color: #895d14; text-decoration: none; }.match-sheets-hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr); overflow: hidden; border: 1px solid rgba(71,50,29,.14); border-radius: 28px; background: #fffdf8; box-shadow: 0 16px 32px rgba(65,45,22,.07); }.match-sheets-hero__copy { display: grid; align-content: center; gap: 18px; padding: clamp(30px, 5vw, 68px); }.match-sheets-hero h1 { max-width: 10ch; margin: 0; color: #211914; font: 400 clamp(3rem, 5.1vw, 5.7rem)/.86 "Bebas Neue", Impact, sans-serif; letter-spacing: .01em; }.match-sheets-hero__copy > p:not(.home-eyebrow) { max-width: 600px; margin: 0; color: #67584d; font-size: 1rem; line-height: 1.62; }.match-sheets-badges { display: flex; flex-wrap: wrap; gap: 8px; }.match-sheets-badges span { padding: 7px 11px; border-radius: 999px; background: #f3e5bb; color: #6e4c13; font-size: .68rem; font-weight: 850; letter-spacing: .04em; }.match-sheets-hero__visual { position: relative; min-height: 430px; margin: 0; background: #2b2019; }.match-sheets-hero__visual img { width: 100%; height: 100%; object-fit: cover; }.match-sheets-hero__visual::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(25,17,12,.65)); content: ""; }.match-sheets-hero__visual figcaption { position: absolute; z-index: 1; right: 22px; bottom: 18px; padding: 10px 15px; border-radius: 999px; background: #f0bc24; color: #2b1e13; font: 400 1.35rem/1 "Bebas Neue", sans-serif; letter-spacing: .08em; }.match-sheets-formats, .match-sheets-help, .match-sheets-faq { padding: clamp(26px, 4vw, 46px); border: 1px solid rgba(71,50,29,.12); border-radius: 27px; background: #fffdf8; box-shadow: 0 12px 25px rgba(65,45,22,.05); }.match-sheets-formats > header, .match-sheets-faq > header { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 22px; }.match-sheets-formats h2, .match-sheets-help h2, .match-sheets-faq h2 { margin: 0; color: #211914; font: 400 clamp(2.2rem, 3.2vw, 3.8rem)/.9 "Bebas Neue", Impact, sans-serif; }.match-sheets-formats > header > p, .match-sheets-faq > header > p { max-width: 430px; margin: 0; color: #6f6054; font-size: .91rem; line-height: 1.55; }.match-sheets-formats > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }.match-sheet-card { display: grid; align-content: start; gap: 13px; min-height: 260px; padding: 24px; border: 1px solid rgba(71,50,29,.12); border-radius: 22px; background: linear-gradient(145deg, #fffefa, #f5ead4); }.match-sheet-number { margin: 0; color: #d69a12; font: 400 2.5rem/.8 "Bebas Neue", Impact, sans-serif; }.match-sheet-card h3 { margin: 0; color: #2b211b; font: 400 2.15rem/.9 "Bebas Neue", Impact, sans-serif; }.match-sheet-card > p:not(.match-sheet-number) { margin: 0; color: #6b5d52; font-size: .88rem; line-height: 1.5; }.match-sheet-actions { display: grid; gap: 8px; margin-top: auto; }.match-sheet-actions a { padding: 10px 13px; border: 1px solid rgba(66,48,29,.16); border-radius: 999px; background: rgba(255,255,255,.7); color: #5b3e10; font-size: .7rem; font-weight: 850; letter-spacing: .04em; text-align: center; text-decoration: none; }.match-sheet-actions a + a { border-color: #2a221d; background: #2a221d; color: #fff8ed; }.match-sheets-share { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px; align-items: center; padding: 25px 30px; border: 1px solid rgba(71,50,29,.12); border-radius: 24px; background: linear-gradient(110deg, #fff8e9, #f5dfa3); }.match-sheets-share strong { color: #2d231c; font-size: 1rem; line-height: 1.45; }.match-sheets-share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.match-sheets-share__link { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 13px; border-radius: 999px; background: #2b231e; color: #fff9ef; font-size: .69rem; font-weight: 850; text-decoration: none; }.match-sheets-share__link img { width: 16px; height: 16px; }.match-sheets-newsletter { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 20px 25px; border-radius: 20px; background: #2a211c; color: #fff8ed; text-decoration: none; }.match-sheets-newsletter span { color: #f0bf2c; font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.match-sheets-newsletter strong { font-size: .96rem; }.match-sheets-newsletter b { padding: 10px 14px; border-radius: 999px; background: #f0bc24; color: #2a211c; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }.match-sheets-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid rgba(71,50,29,.12); border-radius: 24px; overflow: hidden; background: #fffdf8; }.match-sheets-details article { display: grid; gap: 6px; min-height: 130px; padding: 25px; border-right: 1px solid rgba(71,50,29,.1); }.match-sheets-details article:last-child { border-right: 0; }.match-sheets-details strong { color: #a36d10; font: 400 2.5rem/.8 "Bebas Neue", Impact, sans-serif; }.match-sheets-details span { color: #5e5046; font-size: .83rem; }.match-sheets-help { display: grid; grid-template-columns: minmax(0, .9fr) minmax(310px, 1.1fr); gap: 32px; align-items: center; background: linear-gradient(120deg, #fffdf8, #eee1c8); }.match-sheets-help > div > p:not(.home-eyebrow) { max-width: 520px; margin: 16px 0 0; color: #695a4e; font-size: .93rem; line-height: 1.55; }.match-sheets-help nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }.match-sheets-help nav a { min-height: 110px; padding: 16px; border: 1px solid rgba(71,50,29,.13); border-radius: 17px; background: rgba(255,255,255,.65); color: #32271e; font: 400 1.25rem/1 "Bebas Neue", Impact, sans-serif; text-decoration: none; }.match-sheets-faq > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.match-sheets-faq article { padding: 19px; border: 1px solid rgba(71,50,29,.12); border-radius: 18px; background: #fffefa; }.match-sheets-faq h3 { margin: 0 0 9px; color: #2d231c; font-size: .96rem; line-height: 1.26; }.match-sheets-faq article p { margin: 0; color: #6a5b50; font-size: .84rem; line-height: 1.5; }
@media (max-width: 860px) { .match-sheets-hero, .match-sheets-help { grid-template-columns: 1fr; }.match-sheets-hero__visual { min-height: 330px; }.match-sheets-formats > div, .match-sheets-faq > div { grid-template-columns: 1fr; }.match-sheets-details { grid-template-columns: repeat(2, 1fr); }.match-sheets-details article:nth-child(2) { border-right: 0; }.match-sheets-details article:nth-child(-n+2) { border-bottom: 1px solid rgba(71,50,29,.1); }.match-sheets-help nav { grid-template-columns: 1fr; }.match-sheets-help nav a { min-height: 74px; }.match-sheets-share { grid-template-columns: 1fr; }.match-sheets-share nav { justify-content: flex-start; } }
@media (max-width: 620px) { .match-sheets-v2 { gap: 14px; padding-top: 12px; }.match-sheets-hero, .match-sheets-formats, .match-sheets-help, .match-sheets-faq { border-radius: 21px; }.match-sheets-hero__copy { padding: 32px 21px; }.match-sheets-hero h1 { font-size: clamp(3.2rem, 15vw, 4.5rem); }.match-sheets-hero__visual { min-height: 255px; }.match-sheets-formats, .match-sheets-help, .match-sheets-faq { padding: 25px 18px; }.match-sheets-formats > header, .match-sheets-faq > header { display: grid; gap: 13px; }.match-sheets-share { padding: 22px 18px; border-radius: 20px; }.match-sheets-newsletter { grid-template-columns: 1fr; gap: 9px; padding: 21px 18px; }.match-sheets-newsletter b { width: fit-content; }.match-sheets-details { grid-template-columns: 1fr; }.match-sheets-details article, .match-sheets-details article:nth-child(2) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(71,50,29,.1); }.match-sheets-details article:last-child { border-bottom: 0; } }
.match-sheets-hero h2 { margin: -8px 0 0; color: #a16c10; font-size: .78rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }.match-sheets-why, .match-sheets-includes { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(0, 1.2fr); gap: clamp(25px, 5vw, 70px); align-items: start; padding: clamp(28px, 4vw, 48px); border-radius: 27px; background: linear-gradient(120deg, #2a211c, #4d2e1d); color: #fff8ec; box-shadow: 0 14px 30px rgba(65,45,22,.12); }.match-sheets-why header, .match-sheets-includes header { display: grid; gap: 9px; }.match-sheets-why h2, .match-sheets-includes h2 { margin: 0; color: #f7d47b; font: 400 clamp(2.25rem, 3.5vw, 4rem)/.92 "Bebas Neue", Impact, sans-serif; }.match-sheets-why > div { display: grid; gap: 16px; }.match-sheets-why p { margin: 0; line-height: 1.6; }.match-sheets-why ul, .match-sheets-includes ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }.match-sheets-why li, .match-sheets-includes li { position: relative; padding-left: 21px; color: #f8eee0; line-height: 1.45; }.match-sheets-why li::before, .match-sheets-includes li::before { position: absolute; left: 0; color: #efba22; content: "•"; }.match-sheets-why aside { padding: 14px 16px; border-left: 3px solid #efba22; background: rgba(255,255,255,.09); color: #f6ead8; font-size: .91rem; line-height: 1.5; }.match-sheets-why aside b { color: #f0bf2c; text-transform: uppercase; letter-spacing: .07em; }.match-sheets-includes { background: linear-gradient(118deg, #fffdf8, #eee0be); color: #2b211b; border: 1px solid rgba(71,50,29,.12); box-shadow: 0 12px 25px rgba(65,45,22,.05); }.match-sheets-includes h2 { color: #2b211b; }.match-sheets-includes li { color: #5c4d42; }.match-sheets-faq aside { display: block; margin-top: 17px; padding: 15px 17px; border-radius: 14px; background: #f5ead4; color: #6a5030; font-size: .86rem; line-height: 1.5; }.match-sheets-faq h3 { display: flex; gap: 8px; align-items: baseline; }.match-sheets-faq h3 span { color: #ae7410; font: 400 1.5rem/.8 "Bebas Neue", Impact, sans-serif; }.match-sheets-details { grid-template-columns: repeat(3, minmax(0, 1fr)); }.match-sheets-details article:nth-child(2) { border-right: 1px solid rgba(71,50,29,.1); }@media (max-width: 860px) { .match-sheets-why, .match-sheets-includes { grid-template-columns: 1fr; }.match-sheets-details article:nth-child(2) { border-right: 0; } }@media (max-width: 620px) { .match-sheets-hero h2 { font-size: .67rem; }.match-sheets-why, .match-sheets-includes { padding: 25px 18px; border-radius: 21px; }.match-sheets-details { grid-template-columns: 1fr; } }

/* Tableau vierge: a standalone native generator for printable brackets and pools. */
.bracket-tool { display: grid; gap: 22px; padding: 22px 0 40px; }.bracket-tool :is(h1, h2, h3, p) { margin-top: 0; }.bracket-tool__crumb { display: flex; flex-wrap: wrap; gap: 8px; color: #76685c; font-size: .78rem; }.bracket-tool__crumb a { color: #8f6111; text-decoration: none; }.bracket-tool__hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 25px; padding: clamp(30px, 5vw, 60px); overflow: hidden; border-radius: 29px; background: linear-gradient(125deg, #1d1916, #53351f); color: #fff8ed; }.bracket-tool__hero h1 { max-width: 12ch; margin: 0 0 17px; font: 400 clamp(3.25rem, 5vw, 5.5rem)/.86 "Bebas Neue", Impact, sans-serif; }.bracket-tool__hero > div > p:not(.home-eyebrow) { max-width: 650px; margin-bottom: 18px; color: #e5d8ca; font-size: 1rem; line-height: 1.62; }.bracket-tool__hero .home-eyebrow { color: #f1be28; }.bracket-tool__hero > div > div { display: flex; flex-wrap: wrap; gap: 8px; }.bracket-tool__hero > div > div span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #f8f0e4; font-size: .68rem; font-weight: 800; }.bracket-tool__hero aside { display: grid; place-content: center; align-self: stretch; min-height: 190px; border: 1px solid rgba(241,190,40,.33); border-radius: 25px; background: rgba(255,255,255,.06); text-align: center; }.bracket-tool__hero aside strong { color: #f1be28; font: 400 clamp(4.5rem, 8vw, 7rem)/.72 "Bebas Neue", Impact, sans-serif; }.bracket-tool__hero aside span { margin-top: 7px; font: 400 1.35rem/1 "Bebas Neue", Impact, sans-serif; letter-spacing: .09em; text-transform: uppercase; }.bracket-tool__hero aside small { margin-top: 13px; color: #dfd1c2; }.bracket-tool__workspace, .bracket-tool__help, .bracket-tool__faq { padding: clamp(24px, 4vw, 42px); border: 1px solid rgba(70,49,29,.14); border-radius: 27px; background: #fffdf8; box-shadow: 0 12px 26px rgba(65,45,22,.05); }.bracket-tool__notice { margin-bottom: 22px; padding: 15px 18px; border-radius: 16px; background: #f4df9c; color: #49300c; font-size: .9rem; line-height: 1.45; }.bracket-tool__form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }.bracket-tool__form label { display: grid; gap: 7px; color: #6f4e14; font-size: .66rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }.bracket-tool__form label:nth-child(n+5) { grid-column: span 1; }.bracket-tool__form :is(input, select) { min-width: 0; padding: 11px 12px; border: 1px solid rgba(70,49,29,.2); border-radius: 10px; background: #fffefa; color: #30241d; font: 600 .86rem/1.2 "Manrope", sans-serif; }.bracket-tool__checks { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 17px; color: #51453b; font-size: .83rem; font-weight: 700; }.bracket-tool__checks label { display: inline-flex; align-items: center; gap: 7px; }.bracket-tool__checks input { accent-color: #bd8214; }.bracket-tool__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }.bracket-tool__actions button { min-height: 49px; border: 1px solid #2b211a; border-radius: 999px; background: #2b211a; color: #fff8ed; cursor: pointer; font: 850 .69rem/1 "Manrope", sans-serif; letter-spacing: .06em; text-transform: uppercase; }.bracket-tool__actions button:first-child { border-color: #efbc23; background: #efbc23; color: #2b211a; }.bracket-tool__actions button:nth-child(2) { border-color: #357d54; background: #357d54; }.bracket-tool__output { min-height: 190px; margin-top: 22px; padding: 22px; overflow: auto; border: 1px solid rgba(70,49,29,.14); border-radius: 18px; background: #f9f5ed; }.bracket-tool__output > p { margin: 0; color: #75675a; }.bracket-output__header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-bottom: 15px; border-bottom: 2px solid #2b211a; color: #2b211a; }.bracket-output__header h2 { margin: 0; font: 400 2rem/.9 "Bebas Neue", Impact, sans-serif; }.bracket-output__header span { align-self: end; color: #65574b; font-size: .76rem; }.bracket-output__rounds { display: flex; gap: 14px; min-width: max-content; padding-top: 17px; }.bracket-output__round { display: grid; align-content: space-around; gap: 11px; width: 200px; }.bracket-output__round h3 { margin: 0 0 4px; color: #8d6113; font: 400 1.3rem/1 "Bebas Neue", Impact, sans-serif; }.bracket-output__match { display: grid; gap: 5px; padding: 9px; border: 1px solid #a89b8b; border-radius: 8px; background: #fff; }.bracket-output__team { display: grid; grid-template-columns: 1fr auto; gap: 8px; min-height: 25px; padding-bottom: 4px; border-bottom: 1px solid #ddd4c7; color: #463a31; font-size: .7rem; }.bracket-output__team:last-child { padding-bottom: 0; border: 0; }.bracket-output__score { display: block; width: 22px; border: 1px solid #8f8170; }.bracket-output__pool-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 13px; padding-top: 17px; }.bracket-output__pool { padding: 15px; border: 1px solid #a89b8b; border-radius: 12px; background: #fff; }.bracket-output__pool h3 { margin: 0 0 9px; color: #8d6113; font: 400 1.45rem/1 "Bebas Neue", Impact, sans-serif; }.bracket-output__pool div { display: grid; grid-template-columns: 30px 1fr 30px; gap: 8px; padding: 7px 0; border-top: 1px solid #dfd7cb; color: #483b31; font-size: .74rem; }.bracket-tool__help { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 30px; align-items: center; background: linear-gradient(115deg, #fffdf8, #f2e3bc); }.bracket-tool__help h2, .bracket-tool__faq h2 { margin: 0; color: #2b211a; font: 400 clamp(2.15rem, 3vw, 3.4rem)/.9 "Bebas Neue", Impact, sans-serif; }.bracket-tool__help > div > p:not(.home-eyebrow) { margin: 15px 0 0; color: #6b5d51; line-height: 1.55; }.bracket-tool__help > div + div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.bracket-tool__help article { min-height: 150px; padding: 17px; border: 1px solid rgba(70,49,29,.12); border-radius: 16px; background: rgba(255,255,255,.7); }.bracket-tool__help h3 { margin: 0 0 10px; color: #6c4a11; font: 400 1.4rem/1 "Bebas Neue", Impact, sans-serif; }.bracket-tool__help article p { margin: 0; color: #695b50; font-size: .8rem; line-height: 1.45; }.bracket-tool__faq { display: grid; gap: 10px; }.bracket-tool__faq details { padding: 15px 17px; border: 1px solid rgba(70,49,29,.13); border-radius: 14px; background: #fffefa; }.bracket-tool__faq summary { cursor: pointer; color: #30241c; font-weight: 850; }.bracket-tool__faq p { margin: 11px 0 0; color: #6b5c51; line-height: 1.5; }
@media (max-width: 900px) { .bracket-tool__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }.bracket-tool__hero, .bracket-tool__help { grid-template-columns: 1fr; }.bracket-tool__hero aside { min-height: 150px; }.bracket-tool__help > div + div { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { .bracket-tool { gap: 14px; padding-top: 12px; }.bracket-tool__hero, .bracket-tool__workspace, .bracket-tool__help, .bracket-tool__faq { border-radius: 21px; }.bracket-tool__hero { padding: 33px 21px; }.bracket-tool__hero h1 { font-size: clamp(3.2rem, 15vw, 4.5rem); }.bracket-tool__form, .bracket-tool__actions, .bracket-tool__help > div + div { grid-template-columns: 1fr; }.bracket-tool__workspace, .bracket-tool__help, .bracket-tool__faq { padding: 24px 18px; }.bracket-tool__actions button { min-height: 46px; }.bracket-tool__output { padding: 16px; }.bracket-tool__hero aside { min-height: 120px; }.bracket-tool__help article { min-height: 0; } }
@media print { body:has(.bracket-tool) .site-header, body:has(.bracket-tool) .site-footer, body:has(.bracket-tool) .bracket-tool__crumb, body:has(.bracket-tool) .bracket-tool__hero, body:has(.bracket-tool) .bracket-tool__form, body:has(.bracket-tool) .bracket-tool__notice, body:has(.bracket-tool) .bracket-tool__checks, body:has(.bracket-tool) .bracket-tool__actions, body:has(.bracket-tool) .bracket-tool__help, body:has(.bracket-tool) .bracket-tool__faq { display: none !important; } body:has(.bracket-tool) .bracket-tool__workspace { padding: 0; border: 0; box-shadow: none; } body:has(.bracket-tool) .bracket-tool__output { padding: 0; border: 0; overflow: visible; } }
.home-utility-card > .home-button + .home-button { margin-top: -5px; }
.home-showcase__utility { padding: 0 20px 24px; }
.home-utility-card { padding: 20px; }
.home-utility-card--dark > .home-button--plain { border-color: transparent; background: #aaa6a3; color: #fffaf0; }
.home-utility-card--dark > .home-button--plain:hover { background: #c4bfbb; color: #2b231e; }
.home-atlas__dark .home-button--plain { border-color: transparent; background: #aaa6a3; color: #fffaf0; }
.home-atlas__dark .home-button--plain:hover { background: #c4bfbb; color: #2b231e; }
.home-atlas__dark img { width: 78%; max-height: 184px; justify-self: end; padding: 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(255,255,255,.07); box-shadow: 0 15px 24px rgba(0,0,0,.18); transform: rotate(-6deg); }
@media (max-width: 760px) { .home-atlas__dark img { width: min(78%, 240px); justify-self: center; transform: rotate(-4deg); } }
.home-square-card--video { min-height: 0; background: #fffefa; color: #241d18; }
.home-square-card--video::after { height: 100px; background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.52)); }
.home-square-card--video > span { min-height: 66px; align-items: center; justify-items: center; padding: 10px 9px 12px; background: #fffefa; text-align: center; }
.home-square-card--video small { color: #a56d14; }
.home-square-card--video strong { color: #241d18; font-size: .74rem; line-height: 1.2; }
.home-square-card--video i { top: 72px; left: 12px; min-height: 26px; padding: 0 10px; border: 1px solid rgba(81,57,13,.16); box-shadow: 0 3px 8px rgba(0,0,0,.12); font-size: .58rem; line-height: 24px; }
.home-book-card p { min-height: 3.72em; color: #66594f; font-size: .81rem; line-height: 1.48; -webkit-line-clamp: 3; }
.home-faq-full, .home-guide { position: relative; overflow: hidden; border-color: rgba(201,151,39,.42); background: linear-gradient(105deg, #fffdf9 0%, #fffaf0 64%, #f8e7ae 100%); }
.home-faq-full::after, .home-guide::after { position: absolute; z-index: 0; right: 22px; bottom: -23px; color: rgba(186,136,30,.14); font: 400 9rem/.8 "Bebas Neue", Impact, sans-serif; pointer-events: none; }
.home-faq-full::after { content: "?"; }
.home-guide::after { content: "20"; right: 20px; }
.home-faq-full > *, .home-guide > * { position: relative; z-index: 1; }
.home-faq-full > header, .home-guide > header { margin-bottom: 15px; }
.home-faq-full h2 { font-size: clamp(2rem, 2.8vw, 3.05rem); }
.home-faq-full > header > span, .home-guide > header > span { min-height: 42px; padding: 0 16px; border: 1px solid rgba(196,141,27,.32); background: rgba(249,226,164,.72); color: #8d6412; font-size: .72rem; line-height: 42px; }
.home-faq-full details { border-color: rgba(201,151,39,.3); background: rgba(255,255,255,.84); }
.home-faq-full summary { min-height: 62px; padding: 10px 16px; font-size: .92rem; }
.home-faq-full summary b { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 999px; background: #29211d; color: #fff9ed; font-size: .68rem; }
.home-guide { padding: 26px clamp(28px, 3vw, 42px); }
.home-guide h2 { max-width: 820px; font-size: clamp(2.25rem, 3.05vw, 3.3rem); }
.home-guide details { width: fit-content; border: 0; background: transparent; }
.home-guide summary { display: inline-flex; width: fit-content; min-height: 43px; padding: 0 19px; border: 0; border-radius: 999px; background: #29211d; color: #fff9ed; font-size: .68rem; font-weight: 900; letter-spacing: .075em; line-height: 43px; text-transform: uppercase; }
.home-guide summary::before { display: none; }
.home-guide summary b { display: none; }
@media (max-width: 760px) { .home-faq-full::after, .home-guide::after { right: 13px; font-size: 7rem; }.home-faq-full summary { font-size: .8rem; }.home-faq-full summary b { min-height: 38px; padding: 0 13px; }.home-guide h2 { font-size: clamp(2rem, 8.5vw, 2.65rem); } }
@media (min-width: 1181px) {
  .home-showcase__utility { padding: 0 20px 24px; }
  .home-utility-card { min-height: 426px; padding: 19px; }
}
.paquita-universe__hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: #fffdf9; box-shadow: 0 12px 25px rgba(67,48,28,.05); }.paquita-universe__hero > img { width: 100%; min-height: 420px; height: 100%; object-fit: cover; object-position: center 30%; }.paquita-universe__hero > div { display: grid; align-content: center; gap: 15px; padding: clamp(28px, 5vw, 65px); }.paquita-universe__hero h2, .paquita-universe__stream h2, .paquita-universe__current h2 { margin: 0; color: #1d1815; font: 400 clamp(2.4rem, 4vw, 5rem)/.91 "Bebas Neue", sans-serif; }.paquita-universe__hero > div > p:not(.home-eyebrow) { margin: 0; color: #4b4139; font-size: 1rem; line-height: 1.6; }.paquita-universe__hero strong { color: #241b17; font: 600 2rem/1 "Cormorant Garamond", serif; }.paquita-universe__hero span { color: #65584e; line-height: 1.55; }.paquita-universe__hero nav { display: flex; flex-wrap: wrap; gap: 9px; }.paquita-universe__doors, .paquita-universe__stream, .paquita-universe__current { padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: #fffdf9; box-shadow: 0 12px 25px rgba(67,48,28,.05); }.paquita-universe__doors { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.paquita-universe__doors article { padding: 25px; border-radius: 20px; background: linear-gradient(135deg, #171311, #4b2e20); color: #fff8eb; }.paquita-universe__doors h2 { margin: 0; font: 400 2.4rem/1 "Bebas Neue", sans-serif; }.paquita-universe__doors p { color: #eadccb; }.paquita-universe__doors a, .paquita-universe__stream header > a, .paquita-universe__current header > a { color: #b17811; font-size: .72rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.paquita-universe__stream > header { display: grid; gap: 10px; max-width: 60rem; margin-bottom: 22px; }.paquita-universe__stream > header > p:not(.home-eyebrow) { margin: 0; color: #66594f; }.paquita-universe__stream > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.paquita-universe__post { display: grid; align-content: start; gap: 10px; min-width: 0; overflow: hidden; padding: 14px; border: 1px solid rgba(67,48,28,.12); border-radius: 18px; background: #fffefa; }.paquita-universe__post img { width: 100%; aspect-ratio: 1.6; border-radius: 12px; object-fit: cover; }.paquita-universe__post h3 { margin: 0; color: #241b17; font: 600 1.5rem/1 "Cormorant Garamond", serif; }.paquita-universe__post p, .paquita-universe__post small { margin: 0; color: #675b51; font-size: .78rem; line-height: 1.4; }.paquita-universe__post a { color: #8b5d13; font-size: .68rem; font-weight: 800; text-decoration: none; text-transform: uppercase; }.paquita-universe__current > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 20px; }.paquita-universe__current > header > div { display: grid; gap: 8px; }
@media (max-width: 760px) { .paquita-universe__hero, .paquita-universe__doors, .paquita-universe__stream > div { grid-template-columns: 1fr; }.paquita-universe__hero > img { min-height: 330px; }.paquita-universe__hero, .paquita-universe__doors, .paquita-universe__stream, .paquita-universe__current { border-radius: 21px; }.paquita-universe__current > header { align-items: end; } }

/* Desktop measurements aligned with the current live homepage reference. */
@media (min-width: 1181px) {
  .site-frame { width: min(1785px, calc(100% - 16px)); }
  .site-header { grid-template-columns: minmax(280px, .78fr) minmax(760px, 1.95fr) minmax(290px, .82fr); min-height: 172px; padding: 11px 28px; }
  .brand-lockup { transform: none; }
  .brand-mark { width: 58px; height: 58px; }
  .brand-ball { width: 41px; height: 41px; }
  .brand-wordmark { font-size: 2.8rem; }
  .header-center { align-content: center; gap: 11px; min-width: 0; padding-right: 18px; padding-top: 0; }
  .header-center .main-nav { width: 100%; max-width: none; margin: 0 auto; justify-content: space-between; column-gap: 12px; row-gap: 0; flex-wrap: nowrap; padding: 0 6px; }
  .main-nav > a, .main-nav summary { padding: 5px 0 7px; color: #2c241f; font-size: .8rem; font-weight: 700; letter-spacing: .055em; text-decoration: underline; text-decoration-color: rgba(66, 50, 37, .62); text-decoration-thickness: .06em; text-underline-offset: .16em; }
  .language-switcher { gap: 6px; }
  .language-pill { width: 43px; min-height: 45px; border-radius: 15px; }
  .language-label { font-size: .5rem; }
  .header-tools { gap: 12px; flex-wrap: nowrap; }
  .search-trigger { font-size: .95rem; white-space: nowrap; }
  .shop-chip, .cart-chip { padding: 12px 17px; font-size: .72rem; }
  body:has(.officials-hub) .site-main, .page:has(.officials-hub) { padding-top: 0; }
  .site-main { padding-right: 28px; padding-left: 28px; }
  .home-results-panel { min-height: 190px; padding: 8px 8px 15px; }
  .home-results-panel header { padding-bottom: 27px; }
  .home-showcase { grid-template-columns: minmax(0, 1.08fr) minmax(430px, 1fr); }
  .home-showcase__intro { padding: 40px 22px 26px; }
  .home-showcase__intro .home-eyebrow { margin-bottom: 29px; }
  .home-showcase h1 { width: 111.5%; max-width: none; margin-right: -11.5%; font-size: clamp(3.4rem, 3.5vw, 4.8rem); transform: scaleX(.897); transform-origin: left center; }
  .home-showcase__lead { font-size: .87rem; }
  .home-showcase__utility { margin-top: 0; padding: 0 46px 28px; }
  .home-utility-card { gap: 10px; min-height: 388px; padding: 15px 16px; }
  .home-utility-card h2 { font-size: clamp(1.42rem, 1.95vw, 1.82rem); }
  .home-showcase__right { align-self: start; grid-template-rows: 456px auto; gap: 10px; padding: 14px; background: linear-gradient(180deg, rgba(19,19,19,.06), rgba(19,19,19,.22)), radial-gradient(circle at right top, rgba(231,177,31,.25), transparent 22%); }
  .home-showcase__portrait { min-height: 0; border-radius: 18px; }
  .home-showcase__portrait figcaption { right: 18px; bottom: 18px; left: 18px; padding: 10px 14px; border-radius: 16px; background: rgba(20,19,19,.72); color: #f5e8c2; }
  .home-showcase__portrait small { color: #ceb463; }
  .home-showcase__portrait span { color: rgba(245,232,194,.84); }
  .home-quiz { padding: 4px 2px 2px; background: transparent; }
  .home-quiz header { margin-bottom: 0; }
  .home-quiz > div { align-items: start; padding: 6px 0 10px; }
  .home-quiz-card { min-height: 330px; gap: 10px; padding: 14px 14px 16px; border-radius: 24px; border-color: rgba(255,255,255,.1); background: linear-gradient(135deg, #1b1816, #3d271c); color: #f8f0e2; box-shadow: 0 18px 36px rgba(0,0,0,.18); }
  .home-quiz-card:nth-child(1) { transform: rotate(-3deg) translateX(8px); z-index: 1; }
  .home-quiz-card:nth-child(2) { transform: translateY(10px); z-index: 3; background: linear-gradient(135deg, #14181e, #25415b); }
  .home-quiz-card:nth-child(3) { transform: rotate(3deg) translateX(-8px); z-index: 2; background: linear-gradient(135deg, #161613, #5c4218); }
  .home-quiz-card > img { height: 156px; aspect-ratio: auto; border-radius: 18px; }
  .home-quiz-card > b { top: 142px; left: 24px; min-height: 28px; padding: 0 12px; font-size: .68rem; line-height: 28px; }
  .home-quiz-card small { color: #f2c40c; font-size: .72rem; letter-spacing: .16em; }
  .home-quiz-card strong { min-height: 0; color: #f8f0e2; font-size: 1.04rem; line-height: 1.22; -webkit-line-clamp: unset; }
  .home-quiz-card em { color: #6f5c4a; font-size: .7rem; }
  .home-quiz-card div { margin-top: auto; padding-top: 2px; }
  .home-quiz-card div a { min-height: 30px; padding: 0 9px; font-size: .64rem; line-height: 30px; }
}

/* Keep the desktop advertising rails visible on wide screens, like the live site. */
@media (min-width: 1500px) {
  .site-frame { width: min(1570px, calc(100% - 40px)); }
}

/* Editorial bands mirror the lighter lower-half structure of the live homepage. */
@media (min-width: 761px) {
  .home-duo, .home-discovery, .home-paquita { padding: 24px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .home-duo > header, .home-discovery > header, .home-paquita > header { margin-bottom: 16px; }
  .home-duo h2, .home-discovery h2, .home-paquita h2 { max-width: none; font-size: clamp(2rem, 3vw, 2.8rem); line-height: .95; letter-spacing: .02em; }
  .home-duo__grid { gap: 18px; }
  .home-duo-card { grid-template-columns: 180px minmax(0, 1fr); gap: 20px; min-height: 0; padding: 16px 18px; border-radius: 24px; }
  .home-duo-card > div:last-child { gap: 0; }
  .home-duo-card h3 { margin: 8px 0 12px; font-size: clamp(2rem, 3vw, 2.8rem); line-height: .94; }
  .home-duo-card > div:last-child > span { color: rgba(247,240,228,.78); font-size: .96rem; line-height: 1.58; }
  .home-book-stack { min-height: 180px; }
  .home-book-stack__item { width: 118px; border-radius: 14px; }
  .home-book-stack__item--1 { top: 20px; transform: rotate(-10deg); }
  .home-book-stack__item--2 { top: 2px; right: auto; left: 34px; transform: none; }
  .home-book-stack__item--3 { top: 22px; left: 74px; transform: rotate(8deg); }
  .home-software-stack { gap: 8px; }
  .home-software-stack span { min-height: 34px; padding: 0 12px; border-radius: 12px; font-size: .86rem; }
  .home-discovery > div { gap: 16px; }
  .home-discovery-card { min-height: 112px; padding: 16px 18px; border-width: 0; border-radius: 20px; box-shadow: inset 0 3px 0 #db4c36, 0 16px 28px rgba(17,14,12,.14); }
  .home-discovery-card:nth-child(2) { box-shadow: inset 0 3px 0 #4fa8ff, 0 16px 28px rgba(17,14,12,.14); }
  .home-discovery-card:nth-child(3) { box-shadow: inset 0 3px 0 #2fd07c, 0 16px 28px rgba(17,14,12,.14); }
  .home-discovery-card:nth-child(4) { box-shadow: inset 0 3px 0 #b36cff, 0 16px 28px rgba(17,14,12,.14); }
  .home-discovery-card strong { font-size: 1.9rem; line-height: .95; }
  .home-discovery-card span { color: rgba(247,240,228,.74); font-size: .92rem; line-height: 1.48; }
  .home-paquita > p { max-width: none; margin-bottom: 18px; font-size: 1.03rem; line-height: 1.72; }
  .home-paquita aside { gap: 10px; padding: 26px 28px; border-radius: 24px; }
  .home-paquita aside strong { font-size: 2.1rem; }
  .home-paquita aside > span { font-size: 1.12rem; line-height: 1.6; }
  .home-paquita aside a { min-height: 42px; padding: 8px 10px; font-size: .72rem; }
  .home-content-boards { gap: 22px; padding: 22px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .home-content-boards > article { padding: 20px; border: 1px solid rgba(23,20,17,.09); border-radius: 26px; background: radial-gradient(circle at 98% 5%, rgba(231,177,31,.12), transparent 18%), rgba(255,255,255,.68); box-shadow: 0 12px 28px rgba(21,17,13,.05); }
  .home-content-boards > article > header { margin-bottom: 16px; }
  .home-content-boards h2 { font-size: clamp(1.85rem, 3vw, 2.7rem); line-height: .95; letter-spacing: .02em; }
  .home-square-grid { gap: 12px; }
  .home-square-card { min-height: 184px; border-radius: 16px; }
  .home-square-card img { height: 94px; }
  .home-square-card > span { gap: 6px; padding: 10px 10px 12px; }
  .home-square-card small { font-size: .66rem; line-height: 1.15; }
  .home-square-card strong { font-size: .84rem; line-height: 1.25; }
  .home-square-card--video { min-height: 164px; }
  .home-square-card--video img { height: 100px; }
  .home-square-card--video i { top: 72px; left: 9px; min-height: 24px; padding: 0 8px; font-size: .62rem; }
}

@media (max-width: 760px) {
  .site-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 20px; }
  .brand-lockup { grid-column: 1; grid-row: 1; justify-content: flex-start; min-width: 0; }
  .brand-mark { width: 58px; height: 58px; }
  .brand-ball { width: 41px; height: 41px; }
  .brand-wordmark { font-size: 2.8rem; }
  .header-tools { grid-column: 1; grid-row: 2; justify-content: flex-start; gap: 12px; }
  .header-center { grid-column: 1; grid-row: 3; display: grid; gap: 14px; width: 100%; margin-top: 18px; }
  .main-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; gap: 21px 28px; width: 100%; }
  .main-nav > a, .main-nav > .nav-menu { min-width: 0; }
  .main-nav > a, .main-nav summary { padding: 0; font-size: .73rem; letter-spacing: .1em; }
  .main-nav > a::before, .main-nav summary::before { left: -11px; }
  .language-switcher { justify-content: flex-start; gap: 8px; overflow: visible; padding: 0; }
  .language-pill { width: 42px; min-height: 46px; }
  .global-search { width: 100%; max-width: none; margin: 0; }
  .global-search input { min-height: 52px; padding: .75rem 1rem; }
  .global-search button { width: 52px; }
}

/* Dedicated Univers Paquita layout. */
.page:has(.universe-v2) { padding-top: 0; }
.site-main:has(.universe-v2) { padding-top: 0; }
.universe-v2 { display: grid; gap: 24px; }
.universe-v2__hero { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(280px, .58fr); gap: 28px; align-items: center; min-height: 355px; padding: 26px 28px; border: 1px solid rgba(231,177,31,.62); border-bottom: 3px solid #e8b51a; border-radius: 26px; background: radial-gradient(circle at 80% 8%, rgba(255,255,255,.68), transparent 25%), linear-gradient(122deg, #fffdf7, #f9e6a9); }
.universe-v2__intro { display: grid; align-content: center; gap: 10px; min-width: 0; }
.universe-v2__intro .home-eyebrow { margin: 0; color: #8f7d6f; }
.universe-v2__intro h1 { max-width: 740px; margin: 0; color: #211914; font: 600 clamp(2.55rem, 4vw, 4.35rem)/.94 "Cormorant Garamond", serif; letter-spacing: -.035em; }
.universe-v2__intro > p:not(.home-eyebrow) { max-width: 720px; margin: 0; color: #71645a; font-size: .92rem; line-height: 1.5; }
.universe-v2__profile { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 10px; max-width: 650px; padding: 10px; border: 1px solid rgba(144,103,34,.18); border-radius: 15px; background: rgba(255,255,255,.72); }
.universe-v2__profile > img { width: 54px; height: 54px; border-radius: 12px; object-fit: cover; object-position: center 25%; }
.universe-v2__profile > span { display: grid; gap: 2px; }
.universe-v2__profile small { color: #a86f12; font-size: .63rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.universe-v2__profile strong { color: #2e2620; font-size: .88rem; line-height: 1.18; }
.universe-v2__profile em { color: #75675b; font-size: .7rem; font-style: normal; line-height: 1.3; }
.universe-v2__profile nav, .universe-v2__hero-links { display: flex; flex-wrap: wrap; gap: 14px; }
.universe-v2__profile nav a, .universe-v2__hero-links a, .universe-v2__stream header > a, .universe-v2__post footer a, .universe-v2__now header > a { color: #87600d; font-size: .65rem; font-weight: 850; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; }
.universe-v2__hero-links { padding-left: 20px; }
.universe-v2__panel { display: grid; gap: 10px; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(135deg, #2b1d16, #5b3924); box-shadow: 0 18px 30px rgba(79,48,20,.18); }
.universe-v2__panel > p { margin: 0; color: #f2bd1e; font-size: .64rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.universe-v2__panel > div, .universe-v2__panel nav { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.universe-v2__feature { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 8px; align-items: center; min-height: 54px; padding: 8px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.08); color: #fff8e9; text-decoration: none; }
.universe-v2__feature img, .universe-v2__feature-mark { width: 38px; height: 38px; border-radius: 8px; object-fit: cover; background: linear-gradient(135deg, #efbf27, #76472f); }
.universe-v2__feature span { display: grid; gap: 2px; min-width: 0; }
.universe-v2__feature b { font-size: .68rem; }.universe-v2__feature small { display: -webkit-box; overflow: hidden; color: #e4d4c5; font-size: .56rem; line-height: 1.1; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.universe-v2__panel nav a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: rgba(255,255,255,.08); color: #f9f0e4; font-size: .62rem; font-weight: 800; text-decoration: none; }
.universe-v2__stream, .universe-v2__now { padding: 22px; border: 1px solid rgba(75,54,33,.12); border-radius: 24px; background: rgba(255,255,255,.68); box-shadow: 0 10px 24px rgba(74,52,25,.04); }
.universe-v2__stream--gold { background: linear-gradient(135deg, #fffdf7, #fff0bf); }
.universe-v2__stream--sand, .universe-v2__now { background: linear-gradient(135deg, #fffdf8, #f3ead9); }
.universe-v2__stream > header, .universe-v2__now > header { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 16px; }
.universe-v2__stream header > div, .universe-v2__now header > div { display: grid; gap: 6px; }
.universe-v2__stream .home-eyebrow, .universe-v2__now .home-eyebrow { margin: 0; }
.universe-v2__stream h2, .universe-v2__now h2 { margin: 0; color: #271e18; font: 600 clamp(2rem, 3vw, 3.25rem)/.94 "Cormorant Garamond", serif; letter-spacing: -.025em; }
.universe-v2__stream header p:not(.home-eyebrow) { max-width: 730px; margin: 0; color: #71645a; font-size: .84rem; line-height: 1.45; }
.universe-v2__stream > header > a, .universe-v2__now > header > a { flex: 0 0 auto; margin-bottom: 4px; color: #493c33; }
.universe-v2__posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.universe-v2__post { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; min-height: 176px; padding: 10px; border: 1px solid rgba(75,54,33,.12); border-radius: 16px; background: rgba(255,255,255,.78); }
.universe-v2__post > img { width: 96px; height: 154px; border-radius: 12px; object-fit: cover; }
.universe-v2__post > div { display: grid; align-content: start; gap: 6px; min-width: 0; }
.universe-v2__post h3 { display: -webkit-box; overflow: hidden; margin: 0; color: #312720; font-size: .78rem; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.universe-v2__post p { display: -webkit-box; overflow: hidden; margin: 0; color: #7b6b5d; font-size: .67rem; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.universe-v2__post footer { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 5px; margin-top: auto; }
.universe-v2__post footer small { color: #a07015; font-size: .58rem; font-weight: 800; }
.universe-v2__post footer a { font-size: .56rem; }
.universe-v2__now > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.universe-v2__now-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 9px; align-items: center; min-height: 65px; padding: 7px; border: 1px solid rgba(75,54,33,.12); border-radius: 12px; background: rgba(255,255,255,.74); color: #302720; font-size: .7rem; font-weight: 800; line-height: 1.18; text-decoration: none; }
.universe-v2__now-card img { width: 58px; height: 50px; border-radius: 8px; object-fit: cover; }
@media (min-width: 761px) { .universe-v2__hero { grid-template-columns: minmax(0, 1.62fr) minmax(355px, .58fr); min-height: 410px; padding: 30px; } }
@media (max-width: 900px) { .universe-v2__hero { grid-template-columns: 1fr; }.universe-v2__panel { max-width: 520px; }.universe-v2__posts { grid-template-columns: 1fr; }.universe-v2__now > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .universe-v2 { gap: 16px; }.universe-v2__hero, .universe-v2__stream, .universe-v2__now { padding: 18px; border-radius: 20px; }.universe-v2__hero { gap: 18px; }.universe-v2__intro h1 { font-size: clamp(2.55rem, 12vw, 3.8rem); }.universe-v2__panel > div, .universe-v2__panel nav { grid-template-columns: 1fr; }.universe-v2__stream > header, .universe-v2__now > header { align-items: start; flex-direction: column; }.universe-v2__post { grid-template-columns: 88px minmax(0, 1fr); }.universe-v2__post > img { width: 88px; height: 124px; }.universe-v2__now > div { grid-template-columns: 1fr; } }

/* Dedicated quiz experience, backed by the native social-post store. */
.page:has(.quiz-v2), .site-main:has(.quiz-v2) { padding-top: 0; }
.quiz-v2 { display: grid; gap: 20px; }
.quiz-v2__crumbs { display: flex; flex-wrap: wrap; gap: 12px; padding: 8px 0 0 14%; color: #86796f; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.quiz-v2__crumbs a { color: inherit; text-decoration: none; }
.quiz-v2__hero { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 30px; align-items: center; min-height: 300px; padding: 28px 30px; border: 1px solid rgba(231,177,31,.62); border-bottom: 3px solid #e8b51a; border-radius: 26px; background: linear-gradient(120deg, #fffdf7, #f9e6a9); }
.quiz-v2__hero > div { display: grid; align-content: center; gap: 13px; }
.quiz-v2__hero .home-eyebrow { margin: 0; }
.quiz-v2__hero h1 { margin: 0; color: #2a211c; font: 600 clamp(2.8rem, 4vw, 4.35rem)/.94 "Manrope", sans-serif; letter-spacing: -.06em; }
.quiz-v2__hero > div > p:not(.home-eyebrow) { max-width: 750px; margin: 0; color: #71645a; font-size: .93rem; line-height: 1.48; }
.quiz-v2__hero nav { display: flex; flex-wrap: wrap; gap: 9px; }
.quiz-v2__hero nav span { padding: 7px 11px; border: 1px solid rgba(153,106,17,.22); border-radius: 999px; color: #946512; font-size: .62rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.quiz-v2__hero > div > a { width: fit-content; margin: 4px 0 0 20px; color: #312923; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.quiz-v2__hero > img { width: 330px; height: 255px; border-radius: 18px; object-fit: cover; object-position: center; }
.quiz-v2__steps { display: grid; grid-template-columns: minmax(270px, .9fr) minmax(0, 1.35fr); gap: 38px; align-items: center; padding: 26px 30px; border: 1px solid rgba(75,54,33,.12); border-radius: 24px; background: rgba(255,255,255,.66); }
.quiz-v2__steps .home-eyebrow { margin: 0 0 12px; }
.quiz-v2__steps h2, .quiz-v2__archive h2 { margin: 0; color: #302620; font: 600 clamp(2rem, 3vw, 3.2rem)/.95 "Manrope", sans-serif; letter-spacing: -.055em; }
.quiz-v2__steps ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 0; margin: 0; list-style: none; }
.quiz-v2__steps li { display: grid; grid-template-columns: 28px 1fr; gap: 9px; color: #75675c; font-size: .82rem; line-height: 1.45; }
.quiz-v2__steps li b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #eab315; color: #2c221a; font-size: .75rem; }
.quiz-v2__archive { padding: 28px; border: 1px solid rgba(75,54,33,.12); border-radius: 26px; background: linear-gradient(130deg, #fffdf7, #f8ecd0); }
.quiz-v2__archive > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.quiz-v2__archive > header > div { display: grid; gap: 10px; }
.quiz-v2__archive .home-eyebrow { margin: 0; }
.quiz-v2__archive > header > a { color: #946512; font-size: .67rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.quiz-v2__archive > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.quiz-v2__card { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; min-height: 268px; padding: 12px; border: 1px solid rgba(75,54,33,.12); border-radius: 20px; background: rgba(255,255,255,.75); }
.quiz-v2__card > img { width: 112px; height: 244px; border-radius: 14px; object-fit: cover; }
.quiz-v2__card > div { display: grid; align-content: start; gap: 8px; min-width: 0; }
.quiz-v2__card .home-eyebrow { margin: 0; color: #9c8f85; }
.quiz-v2__card h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #382c25; font-size: 1rem; line-height: 1.18; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.quiz-v2__card p:not(.home-eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: #786a5f; font-size: .77rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.quiz-v2__card small { align-self: start; width: fit-content; padding: 4px 7px; border-radius: 999px; background: #fff8e8; color: #9d7017; font-size: .62rem; }
.quiz-v2__card a { align-self: end; margin-top: auto; color: #5b4630; font-size: .65rem; font-weight: 850; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
@media (max-width: 900px) { .quiz-v2__hero { grid-template-columns: 1fr; }.quiz-v2__hero > img { width: 100%; height: 300px; }.quiz-v2__steps { grid-template-columns: 1fr; }.quiz-v2__archive > div { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .quiz-v2 { gap: 16px; }.quiz-v2__crumbs { padding-left: 0; }.quiz-v2__hero, .quiz-v2__steps, .quiz-v2__archive { padding: 20px; border-radius: 20px; }.quiz-v2__hero h1 { font-size: clamp(2.55rem, 12vw, 3.7rem); }.quiz-v2__hero > img { height: 230px; }.quiz-v2__steps ol, .quiz-v2__archive > div { grid-template-columns: 1fr; }.quiz-v2__archive > header { align-items: start; flex-direction: column; }.quiz-v2__card { min-height: 220px; }.quiz-v2__card > img { height: 196px; } }

/* Dedicated editorial archive, using the same native article records as the API. */
.page:has(.news-v2), .site-main:has(.news-v2) { padding-top: 0; }
.news-v2 { display: grid; gap: 22px; }
.news-v2__hero { display: grid; align-items: center; min-height: 193px; padding: 26px 28px; border: 1px solid rgba(224, 176, 36, .5); border-bottom: 3px solid #e8b51a; border-radius: 26px; background: radial-gradient(circle at 96% 2%, rgba(255, 255, 255, .82), transparent 25%), linear-gradient(122deg, #fffdf7, #f8e3a0); }
.news-v2__hero > div { display: grid; gap: 9px; max-width: 860px; }
.news-v2 .home-eyebrow { margin: 0; color: #7c685b; font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.news-v2__hero h1, .news-v2 h2 { margin: 0; color: #211914; font-family: "Manrope", "Trebuchet MS", sans-serif; font-weight: 900; letter-spacing: -.065em; }
.news-v2__hero h1 { max-width: 850px; font-size: clamp(2.5rem, 4.55vw, 4.25rem); line-height: .9; }
.news-v2__hero p:not(.home-eyebrow) { max-width: 720px; margin: 0; color: #695d54; font-size: .88rem; line-height: 1.48; }
.news-v2__paths { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.news-v2__paths a { display: grid; gap: 7px; min-height: 86px; padding: 13px 15px; border: 1px solid rgba(69, 50, 29, .12); border-radius: 18px; background: rgba(255, 255, 255, .78); box-shadow: 0 10px 22px rgba(53, 38, 22, .045); color: #362b23; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.news-v2__paths a:hover { transform: translateY(-3px); box-shadow: 0 16px 28px rgba(53, 38, 22, .1); }
.news-v2__paths span { color: #9b866f; font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.news-v2__paths strong { display: flex; align-items: center; gap: 7px; font-size: .88rem; line-height: 1; }
.news-v2__paths small { color: #77695e; font-size: .68rem; line-height: 1.22; }
.news-v2__paths i { display: inline-grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: #efbd1b; color: #362515; font-size: .7rem; font-style: normal; font-weight: 900; }
.news-v2__paths .news-v2__clock { position: relative; background: #f6e4ad; }
.news-v2__paths .news-v2__clock::before { content: ''; width: 7px; height: 7px; border: 2px solid #6a4c1b; border-radius: 50%; }
.news-v2__paths .news-v2__result { background: #2b211b; }
.news-v2__paths .news-v2__result::before { content: ''; width: 9px; height: 10px; border: 2px solid #f5d76a; border-radius: 1px; }
.news-v2__paths .news-v2__ffpjp { width: 29px; border-radius: 7px; background: #df4e37; color: #fff9e7; font-size: .44rem; }
.news-v2__spotlight, .news-v2__archive { padding: 22px; border: 1px solid rgba(70, 51, 29, .12); border-radius: 25px; background: rgba(255, 255, 255, .68); box-shadow: 0 12px 28px rgba(52, 39, 25, .04); }
.news-v2__spotlight { background: radial-gradient(circle at 95% 0, rgba(234, 185, 49, .17), transparent 23%), linear-gradient(130deg, #fffdf7, #f8ecd3); }
.news-v2__spotlight > header, .news-v2__archive > header, .news-v2__stream header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.news-v2 h2 { font-size: clamp(1.9rem, 2.9vw, 3.05rem); line-height: .93; }
.news-v2__spotlight > header > a, .news-v2__stream header > a { flex: 0 0 auto; padding-bottom: 4px; color: #71551c; font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.news-v2__spotlight > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.news-v2__spotlight-card { display: grid; grid-template-rows: 112px minmax(0, 1fr); overflow: hidden; min-height: 232px; border: 1px solid rgba(70, 51, 29, .11); border-radius: 16px; background: rgba(255, 255, 255, .85); }
.news-v2__spotlight-image { display: block; overflow: hidden; background: #e7dfd1; }
.news-v2__spotlight-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.news-v2__spotlight-card:hover img { transform: scale(1.04); }
.news-v2__spotlight-card > div { display: grid; align-content: start; gap: 6px; padding: 11px 12px 12px; }
.news-v2__kicker { margin: 0; color: #a26d12; font-size: .6rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.news-v2 h3 { margin: 0; color: #302720; font-size: .83rem; line-height: 1.18; }
.news-v2 h3 a { color: inherit; text-decoration: none; }
.news-v2__read { color: #805b15; font-size: .62rem; font-weight: 850; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.news-v2__archive > header > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: #f4ead4; color: #795d2a; font-size: .66rem; font-weight: 850; }
.news-v2__categories { display: flex; gap: 8px; margin: -4px 0 15px; }
.news-v2__categories a { display: inline-flex; gap: 8px; align-items: center; padding: 7px 11px; border: 1px solid rgba(114, 80, 31, .2); border-radius: 999px; background: #fffaf0; color: #624719; font-size: .67rem; font-weight: 850; text-decoration: none; }
.news-v2__categories small { display: inline-grid; place-items: center; min-width: 17px; height: 17px; border-radius: 50%; background: #e9ba24; color: #362615; font-size: .55rem; }
.news-v2__archive > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.news-v2__archive-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; min-height: 118px; overflow: hidden; padding: 9px; border: 1px solid rgba(70, 51, 29, .11); border-radius: 15px; background: rgba(255, 255, 255, .84); }
.news-v2__archive-image { overflow: hidden; border-radius: 10px; background: #e7dfd1; }
.news-v2__archive-image img { display: block; width: 100%; height: 100%; min-height: 100px; object-fit: cover; }
.news-v2__archive-card > div { display: grid; align-content: start; gap: 5px; min-width: 0; }
.news-v2__archive-card h3 { display: -webkit-box; overflow: hidden; font-size: .78rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-v2__archive-card p:not(.news-v2__kicker) { display: -webkit-box; overflow: hidden; margin: 0; color: #776a5d; font-size: .65rem; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-v2__archive-card .news-v2__read { margin-top: auto; }
.news-v2__newsletter { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-top: 17px; padding: 13px 16px; border-radius: 15px; background: linear-gradient(110deg, #241c17, #58341e); color: #fff8e7; text-decoration: none; }
.news-v2__newsletter span { color: #f1c038; font-size: .63rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.news-v2__newsletter strong { font-size: .78rem; line-height: 1.2; }
.news-v2__newsletter b { padding: 8px 11px; border-radius: 999px; background: #efba19; color: #2d2119; font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }
.news-v2__streams { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.news-v2__stream { padding: 19px; border: 1px solid rgba(70, 51, 29, .12); border-radius: 23px; background: linear-gradient(135deg, #fffdf8, #f5ead5); }
.news-v2__stream header { margin-bottom: 12px; }
.news-v2__stream h2 { font-size: clamp(1.6rem, 2.4vw, 2.3rem); }
.news-v2__stream > div { display: grid; gap: 9px; }
.news-v2__stream-item { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 9px; min-height: 66px; padding: 7px; border: 1px solid rgba(70, 51, 29, .11); border-radius: 12px; background: rgba(255, 255, 255, .76); color: #302720; text-decoration: none; }
.news-v2__stream-item img, .news-v2__stream-placeholder { width: 76px; height: 52px; border-radius: 8px; background: #d2c4ae; object-fit: cover; }
.news-v2__stream-item > span:last-child { display: grid; align-content: center; gap: 4px; min-width: 0; }
.news-v2__stream-item strong { display: -webkit-box; overflow: hidden; font-size: .7rem; line-height: 1.15; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-v2__stream-item small { display: -webkit-box; overflow: hidden; color: #776a5d; font-size: .58rem; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-v2__rules { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px 27px; border: 1px solid rgba(226, 177, 38, .42); border-radius: 24px; background: radial-gradient(circle at 98% 10%, rgba(255, 255, 255, .7), transparent 24%), linear-gradient(115deg, #fffdf5, #f8e5a6); }
.news-v2__rules > div { display: grid; gap: 8px; }
.news-v2__rules h2 { font-size: clamp(1.8rem, 3vw, 3rem); }
.news-v2__rules p:not(.home-eyebrow) { max-width: 710px; margin: 0; color: #6d5e52; font-size: .83rem; }
.news-v2__rules .home-button { flex: 0 0 auto; }
@media (max-width: 980px) { .news-v2__spotlight > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.news-v2__archive > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.news-v2__paths { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .news-v2 { gap: 16px; }.news-v2__hero, .news-v2__spotlight, .news-v2__archive, .news-v2__stream, .news-v2__rules { padding: 18px; border-radius: 20px; }.news-v2__hero { min-height: 250px; }.news-v2__hero h1 { font-size: clamp(2.6rem, 12vw, 3.8rem); }.news-v2__paths, .news-v2__spotlight > div, .news-v2__archive > div, .news-v2__streams { grid-template-columns: 1fr; }.news-v2__spotlight > header, .news-v2__archive > header, .news-v2__stream header, .news-v2__rules { align-items: start; flex-direction: column; }.news-v2__spotlight-card { grid-template-rows: 170px minmax(0, 1fr); }.news-v2__archive-card { grid-template-columns: 94px minmax(0, 1fr); }.news-v2__newsletter { grid-template-columns: 1fr; }.news-v2__newsletter b { width: fit-content; }.news-v2__rules .home-button { width: 100%; text-align: center; } }

/* Match the live archive's narrower editorial frame and serif display hierarchy. */
@media (min-width: 761px) {
  .news-v2__hero, .news-v2__paths, .news-v2__spotlight, .news-v2__archive, .news-v2__streams, .news-v2__rules { margin-right: 24px; margin-left: 24px; }
  .news-v2__hero { min-height: 154px; padding: 18px 30px; align-items: end; background: linear-gradient(104deg, rgba(255,254,250,.96) 0%, rgba(255,249,237,.9) 52%, rgba(249,230,185,.58) 100%), url("/media/tools/terrain-petanque-hero.png") 72% center/cover; }
  .news-v2__hero h1 { max-width: 1040px; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(2rem, 3.2vw, 3.15rem); font-weight: 600; line-height: .98; letter-spacing: -.03em; }
  .news-v2__hero p:not(.home-eyebrow) { margin-top: 7px; }
  .news-v2 h2 { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(1.7rem, 2.4vw, 2.35rem); font-weight: 600; letter-spacing: -.025em; }
  .news-v2__paths { gap: 12px; }
  .news-v2__paths a { min-height: 88px; gap: 4px; padding: 11px 14px; border-top: 4px solid #d4a219; background: linear-gradient(145deg, #fffefa, #f8e8bd); }
  .news-v2__paths a:nth-child(2) { border-top-color: #c97836; background: linear-gradient(145deg, #fffdf8, #f4ddc1); }
  .news-v2__paths a:nth-child(3) { border-top-color: #8f623f; background: linear-gradient(145deg, #fffefa, #ead8c5); }
  .news-v2__paths a:nth-child(4) { border-top-color: #487c58; background: linear-gradient(145deg, #fffefa, #dfeadc); }
  .news-v2__paths strong { font-family: Impact, "Arial Narrow", sans-serif; font-size: 1.2rem; font-weight: 500; letter-spacing: .02em; }
  .news-v2__paths i { border: 1px solid rgba(118, 84, 35, .26); border-radius: 7px; background: rgba(255, 255, 255, .62); }
  .news-v2__spotlight, .news-v2__archive { padding: 18px; }
  .news-v2__spotlight > header, .news-v2__archive > header { margin-bottom: 13px; }
  .news-v2__spotlight-card { grid-template-rows: 167px minmax(0, 1fr); min-height: 279px; }
}

/* The live homepage keeps the portrait caption and quiz cards on warm paper. */
@media (min-width: 761px) {
  .home-showcase__right { grid-template-rows: 430px minmax(0, 1fr); }
  .home-showcase__portrait figcaption { right: 18px; bottom: 18px; left: 18px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, .36); border-radius: 19px; background: rgba(255, 250, 239, .94); color: #201a17; }
  .home-showcase__portrait small { color: #9c6c12; }
  .home-showcase__portrait span { color: #665b53; }
  .home-quiz { padding: 16px 21px 22px; background: #ddd9d0; }
  .home-quiz header { margin-bottom: 14px; }
  .home-quiz > div { align-items: stretch; padding: 0; }
  .home-quiz-card, .home-quiz-card:nth-child(2), .home-quiz-card:nth-child(3) { min-height: 386px; gap: 7px; padding: 10px; border-color: rgba(69, 49, 27, .14); border-radius: 18px; background: #f6ead5; color: #231c17; box-shadow: 0 10px 18px rgba(49, 34, 20, .12); }
  .home-quiz-card:nth-child(1) { transform: rotate(-3deg) translateX(8px); }
  .home-quiz-card:nth-child(2) { transform: translateY(10px); }
  .home-quiz-card:nth-child(3) { transform: rotate(3deg) translateX(-8px); }
  .home-quiz-card > img { width: 100%; height: auto; min-height: 172px; aspect-ratio: 4 / 5; border-radius: 11px; object-fit: cover; object-position: center; }
  .home-quiz-card > b { top: 164px; left: 18px; min-height: 0; padding: 4px 8px; font-size: .59rem; line-height: normal; }
  .home-quiz-card small { color: #9d6f22; font-size: .58rem; letter-spacing: .1em; }
  .home-quiz-card strong { min-height: 3.55em; color: #231c17; font-size: .78rem; line-height: 1.18; -webkit-line-clamp: 3; }
  .home-quiz-card em { color: #806f60; font-size: .6rem; }
  .home-quiz-card div { margin-top: auto; padding-top: 0; }
  .home-quiz-card div a { min-height: 0; padding: 5px 6px; background: #fff6e5; color: #8f6517; font-size: .55rem; line-height: normal; }
  .home-quiz-card div a + a { background: #29211d; color: #fff5e4; }
}

/* A single short orphan line makes the lead statement look broken on wide screens.
   Keep the complete headline readable in its left column instead of clipping it. */
@media (min-width: 1181px) {
  .home-showcase__intro h1 {
    width: 100%;
    max-width: none;
    margin-right: 0;
    font-size: clamp(3rem, 3.1vw, 4.35rem);
    line-height: .92;
    text-wrap: balance;
    transform: none;
  }
}

.home-book-card { display:grid; grid-template-rows:auto auto minmax(4.4em,1fr) auto; gap:9px; min-height:430px; }
.home-book-card > a:first-child { display:grid; place-items:center; min-height:190px; }
.home-book-card h3 { margin:0; }
.home-book-card p { display:-webkit-box; overflow:hidden; min-height:3.72em; margin:0; color:#66594f; font-size:.81rem; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.home-book-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:10px; border-top:1px solid rgba(67,48,28,.12); }
.home-book-card footer strong { color:#2a211b; font-size:.88rem; }
.home-book-card footer a { color:#815a15; font-size:.7rem; font-weight:850; text-decoration:none; }
.home-book-card footer a:hover { color:#2a211b; text-decoration:underline; }

/* The live editorial rail uses paper cards, not dark image overlays. */
.home-ribbon > div { align-items:stretch; }
.home-ribbon-card { display:grid; grid-template-rows:270px minmax(0,1fr); min-height:478px; height:auto; overflow:hidden; border:1px solid rgba(67,48,28,.12); border-radius:22px; background:#fffdfa; color:#2d241e; box-shadow:none; }
.home-ribbon-card::after { display:none; }
.home-ribbon-card img { position:static; inset:auto; display:block; width:100%; height:270px; object-fit:cover; }
.home-ribbon-card > span { position:static; right:auto; bottom:auto; left:auto; display:grid; align-content:start; gap:13px; padding:22px 20px; background:#fffdfa; }
.home-ribbon-card small { color:#705f52; font-size:.78rem; font-weight:500; letter-spacing:0; text-transform:none; }
.home-ribbon-card strong { color:#281e19; font:600 clamp(1.55rem,2vw,2rem)/.98 "Cormorant Garamond", Georgia, serif; }
.home-ribbon-card em { color:#6d5f55; font-size:.82rem; font-style:normal; line-height:1.45; }
.home-ribbon-card > span::after { margin-top:auto; color:#2b211b; content:"Voir la vidéo"; font-size:.68rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.home-ribbon-card--wide { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:1fr; }
.home-ribbon-card--wide img { height:100%; }
.home-ribbon-card--wide > span { padding:36px 28px; }
.home-ribbon-card--wide > span::after { content:"Lire l'article"; }
.home-ribbon-card--wide small { color:#706056; }
.home-ribbon-card--wide strong { font-size:clamp(1.8rem,2.25vw,2.45rem); }
@media (max-width:1200px) { .home-ribbon-card { min-height:400px; }.home-ribbon-card--wide { grid-column:span 2; }.home-ribbon-card--wide > span { padding:26px; } }
@media (max-width:760px) { .home-ribbon-card { min-height:0; grid-template-rows:210px minmax(0,1fr); }.home-ribbon-card img { height:210px; }.home-ribbon-card--wide { grid-column:auto; grid-template-columns:1fr; grid-template-rows:230px minmax(0,1fr); }.home-ribbon-card--wide img { height:230px; }.home-ribbon-card--wide > span { padding:20px; } }

/* Video hub mirrors the four-column archive used by the live site. */
.page:has(.videos-v2), .site-main:has(.videos-v2) { padding-top: 0; }
.videos-v2 { display: grid; gap: 20px; }
.videos-v2__hero { display: grid; align-content: end; min-height: 193px; padding: 18px 30px; border: 1px solid rgba(224,176,36,.5); border-bottom: 3px solid #e8b51a; border-radius: 26px; background: radial-gradient(circle at 92% 100%, rgba(198,164,90,.21) 0 28px, transparent 29px), linear-gradient(120deg, #fffdf7, #f8e4a8); }
.videos-v2__hero h1 { margin: 12px 0 9px; color: #281f19; font: 600 clamp(2.25rem, 3.3vw, 3.2rem)/.98 "Cormorant Garamond", Georgia, serif; letter-spacing: -.03em; }
.videos-v2__hero p:not(.home-eyebrow) { margin: 0; color: #706056; font-size: .88rem; }
.videos-v2__categories { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; max-width: 1155px; margin: 0 auto; padding: 12px 24px; border: 1px solid rgba(70,51,29,.1); border-radius: 18px; background: rgba(255,255,255,.68); }
.videos-v2__categories strong { margin-right: 10px; color: #71645b; font-size: .7rem; }
.videos-v2__categories a { padding: 6px 12px; border: 1px solid rgba(70,51,29,.12); border-radius: 999px; background: #fffefa; color: #3b3028; font-size: .66rem; font-weight: 800; text-decoration: none; }
.videos-v2__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.videos-v2__card { display: grid; align-content: start; min-height: 440px; overflow: hidden; padding: 22px; border: 1px solid rgba(70,51,29,.1); border-radius: 24px; background: rgba(255,255,255,.74); box-shadow: 0 12px 26px rgba(55,40,25,.045); }
.videos-v2__image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.48; border-radius: 16px; background: #2b211c; }
.videos-v2__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.videos-v2__image span { position: absolute; right: 10px; bottom: 10px; padding: 6px 9px; border-radius: 999px; background: rgba(24,20,17,.86); color: #e6b018; font-size: .6rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.videos-v2__card > div { display: grid; align-content: start; gap: 12px; padding-top: 10px; }
.videos-v2__card > div > p:first-child { margin: 0; color: #bc8614; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.videos-v2__card h2 { margin: 0; color: #50433a; font: 600 1.5rem/1.16 "Cormorant Garamond", Georgia, serif; text-transform: uppercase; }
.videos-v2__card h2 a { color: inherit; text-decoration: none; }
.videos-v2__excerpt { margin: 0; color: #5f564f; font-size: .8rem; line-height: 1.42; }
.videos-v2__read { margin-top: auto; color: #4c4038; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
@media (min-width: 761px) { .videos-v2__hero { margin-right: 24px; margin-left: 24px; } }
@media (max-width: 980px) { .videos-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.videos-v2__card { min-height: 0; } }
@media (max-width: 760px) { .videos-v2 { gap: 14px; }.videos-v2__hero { min-height: 210px; padding: 20px; border-radius: 20px; }.videos-v2__hero h1 { font-size: clamp(2.4rem, 11vw, 3.3rem); }.videos-v2__categories { justify-content: flex-start; padding: 14px; border-radius: 16px; }.videos-v2__categories strong { width: 100%; }.videos-v2__grid { grid-template-columns: 1fr; }.videos-v2__card { min-height: 0; padding: 16px; border-radius: 20px; } }

/* Video archive: preserve the live card hierarchy at every screen size. */
.videos-v2__card { min-height: 0; padding: 26px; }
.videos-v2__image { aspect-ratio: 1.62; border-radius: 17px; }
.videos-v2__image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(20, 14, 11, .5)); content: ''; pointer-events: none; }
.videos-v2__image .videos-v2__views,
.videos-v2__image .videos-v2__duration { z-index: 1; right: auto; bottom: 18px; padding: 9px 15px; border-radius: 999px; background: rgba(26, 21, 17, .92); color: #efba19; font-size: .78rem; font-weight: 900; letter-spacing: .11em; line-height: 1; text-transform: uppercase; }
.videos-v2__image .videos-v2__views { left: 14px; }
.videos-v2__image .videos-v2__duration { right: 14px; left: auto; }
.videos-v2__card > div { gap: 13px; padding-top: 14px; }
.videos-v2__card > div > p:first-child { color: #b77a06; font-size: .84rem; letter-spacing: .1em; }
.videos-v2__card h2 { display: -webkit-box; overflow: hidden; color: #3d312a; font-size: clamp(1.55rem, 2vw, 2rem); line-height: 1.07; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.videos-v2__excerpt { display: -webkit-box; overflow: hidden; color: #241d19; font-size: 1rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.videos-v2__read { color: #241c18; font-size: .78rem; letter-spacing: .095em; }
@media (max-width: 760px) { .videos-v2__card { padding: 18px; }.videos-v2__image .videos-v2__views, .videos-v2__image .videos-v2__duration { bottom: 12px; padding: 8px 12px; font-size: .7rem; }.videos-v2__card h2 { font-size: 1.7rem; }.videos-v2__excerpt { font-size: .96rem; } }
.videos-v2__pagination { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 13px; margin-top: 8px; padding-top: 16px; border-top: 1px solid rgba(70,51,29,.12); }
.videos-v2__pagination b, .videos-v2__pagination a, .videos-v2__pagination [aria-disabled="true"] { min-height: 2.55rem; padding: 0 18px; border-radius: 999px; }
.videos-v2__pagination b { display: inline-flex; align-items: center; border: 1px solid rgba(103, 76, 41, .16); background: #fffaf2; color: #685b52; font-size: .82rem; }
.videos-v2__pagination a, .videos-v2__pagination [aria-disabled="true"] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(119,83,23,.22); background: #fffaf0; color: #78551a; font-size: .8rem; font-weight: 850; }
.videos-v2__pagination [aria-disabled="true"] { color: #b9a784; opacity: .72; }
.videos-v2__pagination > :last-child { justify-self: end; }
.videos-v2__pagination a:last-child { background: #efb719; border-color: #efb719; color: #251b14; }
.videos-v2__pagination a:hover { background: #db9e08; }
.videos-v2__discovery { display: grid; grid-template-columns: minmax(260px, 1.1fr) minmax(220px, .9fr) auto; align-items: center; gap: 28px; margin: 14px auto 8px; padding: 26px 30px; border: 1px solid rgba(212, 164, 42, .52); border-radius: 25px; background: linear-gradient(112deg, #fffdf8 0%, #fffaf0 52%, #f8df91 100%); }
.videos-v2__discovery > p { grid-column: 1; margin: 0 0 -16px; color: #78685d; font-size: .73rem; letter-spacing: .18em; text-transform: uppercase; }
.videos-v2__discovery > div { grid-column: 1; margin-top: 8px; }
.videos-v2__discovery h2 { max-width: 480px; margin: 0; color: #2d211b; font: 600 clamp(2rem, 3vw, 3rem)/.96 "Cormorant Garamond", Georgia, serif; letter-spacing: -.03em; }
.videos-v2__discovery span { display: block; max-width: 310px; color: #6e5e51; font-size: 1rem; line-height: 1.45; }
.videos-v2__discovery nav { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.videos-v2__discovery a { padding: 13px 18px; border: 1px solid rgba(74, 53, 33, .18); border-radius: 999px; color: #30231c; font-size: .78rem; font-weight: 900; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; }
.videos-v2__discovery a:first-child { border-color: transparent; background: #2b211c; color: #fff8ee; }
@media (max-width: 760px) { .videos-v2__pagination { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }.videos-v2__pagination b { grid-column: 1 / -1; grid-row: 1; }.videos-v2__pagination > :first-child { grid-column: 1; grid-row: 2; }.videos-v2__pagination > :last-child { grid-column: 2; grid-row: 2; width: 100%; }.videos-v2__pagination b, .videos-v2__pagination a, .videos-v2__pagination [aria-disabled="true"] { min-height: 36px; padding: 0 10px; font-size: .69rem; }.videos-v2__discovery { grid-template-columns: 1fr; gap: 16px; padding: 24px 20px; border-radius: 21px; }.videos-v2__discovery > p, .videos-v2__discovery > div { grid-column: auto; }.videos-v2__discovery > p { margin-bottom: -9px; }.videos-v2__discovery span { max-width: none; }.videos-v2__discovery nav { justify-content: flex-start; } }

/* The archive follows the live video DOM while retaining the native responsive grid. */
.videos-v2 .video-card-link { display: grid; align-content: start; gap: 13px; color: inherit; text-decoration: none; }
.videos-v2__image .video-counters { position: static; display: contents; padding: 0; background: transparent; }
.videos-v2 .video-published-at { color: #b77a06; font-size: .84rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.videos-v2 .video-card .inline-link { margin-top: auto; }
.videos-v2 .video-archive-navigation > p { grid-column: auto; margin: 0; max-width: 310px; color: #6e5e51; font-size: 1rem; line-height: 1.45; letter-spacing: normal; text-transform: none; }
.videos-v2 .video-archive-navigation > div:first-child { grid-column: auto; margin: 0; }
.videos-v2 .video-archive-navigation .eyebrow { margin: 0 0 8px; color: #78685d; font-size: .73rem; letter-spacing: .18em; text-transform: uppercase; }
@media (max-width: 760px) { .videos-v2 .video-published-at { font-size: .74rem; }.videos-v2 .video-archive-navigation > p { max-width: none; } }

/* Native shop archive: product families first, then the exact catalog data. */
.page:has(.shop-v2), .site-main:has(.shop-v2) { padding-top: 0; }
.shop-v2 { display: grid; gap: 24px; }
.shop-v2__categories, .shop-v2__collection { padding: 22px; border: 1px solid rgba(70,51,29,.1); border-radius: 26px; background: rgba(255,255,255,.67); box-shadow: 0 12px 26px rgba(55,40,25,.045); }
.shop-v2 h1, .shop-v2 h2 { margin: 0; color: #2a2019; font: 600 clamp(1.75rem, 2.45vw, 2.35rem)/.98 "Cormorant Garamond", Georgia, serif; letter-spacing: -.025em; }
.shop-v2__categories > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.shop-v2__category { display: grid; gap: 8px; min-height: 114px; padding: 12px 14px; border-top: 3px solid #d6a61b; border-radius: 16px; background: linear-gradient(145deg, #fffefa, #f8e8bd); color: #3d3026; text-decoration: none; }
.shop-v2__category--2 { border-color: #c67b4e; background: linear-gradient(145deg, #fffdf9, #f7e6d8); }.shop-v2__category--3 { border-color: #8fa875; background: linear-gradient(145deg, #fffefa, #eaf1e6); }.shop-v2__category--4 { border-color: #aa8f78; background: linear-gradient(145deg, #fffefa, #f3eee8); }.shop-v2__category--5 { border-color: #77a5b4; background: linear-gradient(145deg, #fffefa, #e7f2f5); }.shop-v2__category--6 { border-color: #c7a351; background: linear-gradient(145deg, #fffefa, #f5efe2); }.shop-v2__category--7 { border-color: #9c84bb; background: linear-gradient(145deg, #fffefa, #f0ebf7); }.shop-v2__category--8 { border-color: #7ca77d; background: linear-gradient(145deg, #fffefa, #e8f1e8); }
.shop-v2__category small { width: fit-content; padding: 2px 6px; border-radius: 999px; background: rgba(110,85,42,.1); color: #9c751e; font-size: .58rem; font-weight: 850; letter-spacing: .09em; }.shop-v2__category strong { color: #514238; font: 600 1rem/1.08 "Cormorant Garamond", Georgia, serif; }.shop-v2__category span { color: #a57814; font-size: .61rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.shop-v2__category b { margin-top: auto; color: #5a493e; font-size: .6rem; letter-spacing: .05em; text-transform: uppercase; }
.shop-v2__collection { padding: 27px; background: linear-gradient(135deg, rgba(255,253,248,.94), rgba(246,237,220,.9)); }.shop-v2__collection--soft { background: radial-gradient(circle at 92% 88%, rgba(226,183,58,.13), transparent 16%), linear-gradient(135deg, #fffdf9, #f3e8d7); }.shop-v2__collection > header { margin-bottom: 17px; }.shop-v2__collection > header .home-eyebrow { margin-bottom: 9px; }.shop-v2__collection > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.shop-v2__product { display: grid; align-content: start; gap: 11px; min-width: 0; padding: 22px; border: 1px solid rgba(70,51,29,.08); border-radius: 22px; background: rgba(255,255,255,.77); }.shop-v2__image { display: grid; place-items: center; min-height: 290px; overflow: hidden; border-radius: 17px; background: linear-gradient(145deg, #fffefa, #f3eadb); }.shop-v2__image img { width: 100%; height: 290px; object-fit: contain; }.shop-v2__product h3 { margin: 0; color: #41342d; font: 600 1.32rem/1.05 "Cormorant Garamond", Georgia, serif; }.shop-v2__product h3 a { color: inherit; text-decoration: none; }.shop-v2__product > p { display: -webkit-box; overflow: hidden; min-height: 5.4em; margin: 0; color: #776b61; font-size: .82rem; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }.shop-v2__product footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 13px; border-top: 1px solid rgba(70,51,29,.12); }.shop-v2__product footer strong { color: #352b25; font-size: .85rem; }.shop-v2__product footer a { color: #6b5b4e; font-size: .7rem; text-decoration: none; }
@media (min-width: 761px) { .shop-v2__categories, .shop-v2__collection { margin-right: 24px; margin-left: 24px; } }
@media (max-width: 980px) { .shop-v2__categories > div, .shop-v2__collection > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .shop-v2 { gap: 16px; }.shop-v2__categories, .shop-v2__collection { padding: 18px; border-radius: 20px; }.shop-v2__categories > div, .shop-v2__collection > div { grid-template-columns: 1fr; }.shop-v2__image, .shop-v2__image img { min-height: 220px; height: 220px; } }

/* A pétanque-inspired category board that keeps every admin category visible. */
.shop-v2__categories > div { gap: 14px; }
.shop-v2__category {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 122px;
  padding: 14px 16px;
  border-top-width: 4px;
  box-shadow: inset 0 -1px 0 rgba(96, 68, 25, .06);
  transition: box-shadow .2s ease, transform .2s ease;
}
.shop-v2__category::after {
  position: absolute;
  z-index: -1;
  top: 13px;
  right: 15px;
  width: 31px;
  height: 31px;
  border: 1px solid rgba(96, 67, 21, .22);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, #fff 0 12%, #d8d2c7 29%, #736b63 72%, #39332e 100%);
  box-shadow: 0 5px 9px rgba(65, 43, 19, .2), inset -2px -2px 3px rgba(43, 31, 22, .26);
  content: "";
  opacity: .78;
  transition: opacity .2s ease, transform .2s ease;
}
.shop-v2__category strong { max-width: calc(100% - 43px); }
.shop-v2__category:hover,
.shop-v2__category:focus-visible {
  box-shadow: 0 12px 22px rgba(73, 49, 20, .14), inset 0 -1px 0 rgba(96, 68, 25, .08);
  outline: none;
  transform: translateY(-3px);
}
.shop-v2__category:hover::after,
.shop-v2__category:focus-visible::after {
  opacity: 1;
  transform: scale(1.14) rotate(8deg);
}
.shop-v2__category:nth-child(8n + 1) { border-top-color: #d6a61b; background: linear-gradient(145deg, #fffefa, #f8e8bd); }
.shop-v2__category:nth-child(8n + 2) { border-top-color: #c67b4e; background: linear-gradient(145deg, #fffdf9, #f7e6d8); }
.shop-v2__category:nth-child(8n + 3) { border-top-color: #8fa875; background: linear-gradient(145deg, #fffefa, #eaf1e6); }
.shop-v2__category:nth-child(8n + 4) { border-top-color: #aa8f78; background: linear-gradient(145deg, #fffefa, #f3eee8); }
.shop-v2__category:nth-child(8n + 5) { border-top-color: #77a5b4; background: linear-gradient(145deg, #fffefa, #e7f2f5); }
.shop-v2__category:nth-child(8n + 6) { border-top-color: #c7a351; background: linear-gradient(145deg, #fffefa, #f5efe2); }
.shop-v2__category:nth-child(8n + 7) { border-top-color: #9c84bb; background: linear-gradient(145deg, #fffefa, #f0ebf7); }
.shop-v2__category:nth-child(8n) { border-top-color: #7ca77d; background: linear-gradient(145deg, #fffefa, #e8f1e8); }

/* Native books landing page. */
.page:has(.books-v2), .site-main:has(.books-v2) { padding-top: 0; }.books-v2 { display: grid; gap: 24px; }.books-v2__hero, .books-v2__shelf, .books-v2__series { padding: 30px; border: 1px solid rgba(213,166,28,.42); border-radius: 28px; background: radial-gradient(circle at 95% 16%, rgba(230,186,48,.2), transparent 18%), linear-gradient(120deg, #fffdf8, #f6e3a6); text-align: center; }.books-v2__hero { display: grid; justify-items: center; gap: 13px; min-height: 345px; align-content: center; }.books-v2__hero > p { margin: 0; padding: 8px 15px; border-radius: 8px; background: #83502c; color: #fff8ea; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.books-v2 h1, .books-v2 h2 { margin: 0; color: #2b211a; font: 600 clamp(2rem, 3vw, 3.1rem)/.98 "Cormorant Garamond", Georgia, serif; }.books-v2 h1 { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(3rem, 5.15vw, 5.1rem); font-weight: 600; letter-spacing: -.035em; text-transform: none; }.books-v2 h1 b { color: #d69a0c; font: inherit; }.books-v2__hero > span { max-width: 820px; color: #6d5c51; font-size: .94rem; line-height: 1.5; }.books-v2__hero > strong { color: #49382e; font-size: .8rem; }.books-v2__hero nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }.books-v2__hero nav a { padding: 8px 14px; border: 1px solid rgba(70,51,29,.16); border-radius: 999px; background: rgba(255,255,255,.7); color: #58463a; font-size: .66rem; font-weight: 850; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.books-v2__shelf, .books-v2__series { border-color: rgba(70,51,29,.1); background: rgba(255,255,255,.68); }.books-v2__shelf > p, .books-v2__series header > p { margin: 9px 0 18px; color: #75665b; }.books-v2__shelf > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }.books-v2__shelf-book { display: grid; place-items: end center; width: 94px; height: 142px; padding: 9px; border: 1px solid rgba(70,51,29,.12); border-radius: 16px; background: #fffefa; }.books-v2__shelf-book img { max-width: 76px; max-height: 120px; object-fit: contain; }.books-v2__series { text-align: center; }.books-v2__series > div { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; margin-top: 20px; text-align: left; }.books-v2__card { display: grid; gap: 10px; min-width: 0; padding: 15px; border: 1px solid rgba(70,51,29,.1); border-radius: 18px; background: rgba(255,255,255,.8); }.books-v2__card-image { display: grid; place-items: center; min-height: 250px; border-radius: 13px; background: #f3eadb; }.books-v2__card-image img { max-width: 100%; height: 250px; object-fit: contain; }.books-v2__card h3 { margin: 0; color: #403129; font: 600 1.18rem/1.05 "Cormorant Garamond", Georgia, serif; }.books-v2__card h3 a { color: inherit; text-decoration: none; }.books-v2__card p { display: -webkit-box; overflow: hidden; margin: 0; color: #786a5e; font-size: .74rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media (min-width: 761px) { .books-v2__hero, .books-v2__shelf, .books-v2__series { margin-right: 0; margin-left: 0; } } @media (max-width: 980px) { .books-v2__series > div { grid-template-columns: repeat(3, minmax(0,1fr)); } } @media (max-width: 760px) { .books-v2 { gap: 16px; }.books-v2__hero, .books-v2__shelf, .books-v2__series { padding: 20px; border-radius: 20px; }.books-v2__hero { min-height: 310px; }.books-v2__series > div { grid-template-columns: repeat(2, minmax(0,1fr)); }.books-v2__shelf-book { width: 78px; height: 120px; }.books-v2__shelf-book img { max-width: 62px; max-height: 100px; } }

/* Native tools landing: same hierarchy as the live service page, without legacy CSS. */
.page:has(.tools-v2), .site-main:has(.tools-v2) { padding-top: 0; }
.tools-v2 { display: grid; gap: 14px; }
.tools-v2__hero { display: grid; align-items: center; min-height: 194px; padding: 16px 30px 17px; overflow: hidden; border: 1px solid rgba(218, 173, 62, .66); border-bottom: 3px solid #e4b313; border-radius: 23px; background: linear-gradient(104deg, rgba(255,254,250,.96) 0%, rgba(255,249,237,.9) 52%, rgba(249,230,185,.58) 100%), url('/media/tools/terrain-petanque-hero.png') 70% center/cover; }
.tools-v2__hero > div { max-width: 860px; }.tools-v2__hero .home-eyebrow { margin: 0; color: #a06e17; }.tools-v2__hero h1 { max-width: 920px; margin: 3px 0 5px; color: #2c211b; font: 600 clamp(1.9rem, 2.8vw, 2.7rem)/1 "Cormorant Garamond", Georgia, serif; letter-spacing: -.025em; }.tools-v2__hero > div > p:not(.home-eyebrow) { max-width: 720px; margin: 0; color: #554a42; font-size: .86rem; line-height: 1.38; }.tools-v2__hero nav { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 9px; }.tools-v2__hero nav a { display: inline-flex; align-items: center; min-height: 35px; padding: 0 14px; border: 1px solid rgba(83,59,30,.18); border-radius: 999px; background: rgba(255,255,255,.74); color: #493d34; font-size: .7rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.tools-v2__hero .home-button { border-color: #e4ad10; background: #efb812; color: #2b2119; }
.tools-v2__choice { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; padding: 2px 0 6px; }.tools-v2__choice article { display: grid; align-content: start; min-height: 218px; padding: 16px 20px; overflow: hidden; border: 1px solid rgba(83,59,30,.12); border-radius: 25px; background: linear-gradient(135deg, #fffefb, #f8e5ad); box-shadow: 0 12px 28px rgba(70,48,25,.07); }.tools-v2__choice article + article { background: linear-gradient(135deg, #fff9ed, #eed8af); }.tools-v2__choice p { margin: 0; color: #75685c; font-size: .75rem; }.tools-v2__choice h2 { max-width: 560px; margin: 4px 0 6px; color: #2c211b; font: 600 clamp(1.25rem,1.72vw,1.72rem)/1.06 "Cormorant Garamond", Georgia, serif; }.tools-v2__choice span { max-width: 620px; color: #675b51; font-size: .85rem; line-height: 1.38; }.tools-v2__choice div { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 8px; }.tools-v2__choice b { padding: 5px 8px; border: 1px solid rgba(83,59,30,.15); border-radius: 999px; background: rgba(255,255,255,.62); color: #5d471f; font-size: .63rem; letter-spacing: .06em; text-transform: uppercase; }.tools-v2__choice > article > a, .tools-v2__open { color: #50330d; font-size: .68rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.tools-v2__grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; padding-top: 12px; }.tools-v2__card { display: grid; grid-template-columns: 102px minmax(0,1fr); gap: 14px; align-items: stretch; min-height: 156px; padding: 12px; border: 1px solid rgba(75,56,34,.11); border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,250,241,.86)); box-shadow: 0 10px 24px rgba(67,47,28,.07); }.tools-v2__thumb { position: relative; display: grid; place-items: center; overflow: hidden; min-height: 132px; border-radius: 15px; background: linear-gradient(145deg, #f1c14a, #8e5a28); color: #fff7e8; text-decoration: none; }.tools-v2__thumb::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(37,24,13,.34)); content: ""; }.tools-v2__thumb img { width: 100%; height: 100%; object-fit: cover; }.tools-v2__thumb > span { position: relative; z-index: 1; font: 3rem "Bebas Neue", sans-serif; }.tools-v2__card > div { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }.tools-v2__card p { margin: 1px 0 5px; color: #a46d09; font-size: .63rem; font-weight: 900; letter-spacing: .10em; line-height: 1.1; text-transform: uppercase; }.tools-v2__card h2 { display: -webkit-box; overflow: hidden; margin: 0 0 6px; color: #31251f; font: 600 clamp(1.23rem, 1.55vw, 1.62rem)/1.02 "Cormorant Garamond", Georgia, serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.tools-v2__card h2 a { color: inherit; text-decoration: none; }.tools-v2__card > div > span { display: -webkit-box; overflow: hidden; margin: 0 0 9px; color: #74675d; font-size: .83rem; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.tools-v2__open { margin-top: auto; }.tools-v2__card--download .tools-v2__thumb { background: linear-gradient(145deg, #283b42, #5fa780); }
@media (min-width: 761px) { .tools-v2__hero, .tools-v2__choice { margin-right: 24px; margin-left: 24px; } }
@media (max-width: 980px) { .tools-v2__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px) { .tools-v2 { gap: 12px; }.tools-v2__hero { min-height: 244px; padding: 22px; border-radius: 20px; }.tools-v2__hero h1 { font-size: clamp(2.25rem, 11vw, 3.15rem); }.tools-v2__choice, .tools-v2__grid { grid-template-columns: 1fr; }.tools-v2__choice article { min-height: 0; padding: 18px; border-radius: 20px; }.tools-v2__card { min-height: 142px; }.tools-v2__thumb { min-height: 118px; } }

/* Free tools: use the live editorial contrast instead of subdued utility text. */
.tools-v2__hero { min-height: 214px; padding: 23px 32px; }
.tools-v2__hero h1 { margin: 5px 0 10px; color: #2b201a; font-size: clamp(2.35rem, 3.2vw, 3.25rem); }
.tools-v2__hero > div > p:not(.home-eyebrow) { max-width: 850px; color: #2d2723; font-size: 1rem; line-height: 1.52; }
.tools-v2__hero nav { margin-top: 15px; }
.tools-v2__hero nav a { min-height: 39px; color: #2a211b; font-size: .76rem; }
.tools-v2__choice { gap: 18px; padding-top: 3px; }
.tools-v2__choice article { min-height: 245px; padding: 25px 22px; }
.tools-v2__choice p { color: #332a24; font-size: .94rem; }
.tools-v2__choice h2 { margin: 12px 0 10px; color: #241b16; font-size: clamp(1.75rem, 2.25vw, 2.35rem); line-height: 1.06; }
.tools-v2__choice span { color: #302720; font-size: 1rem; line-height: 1.46; }
.tools-v2__choice div { margin: 15px 0 13px; }
.tools-v2__choice b { color: #4b351b; font-size: .72rem; }
.tools-v2__choice > article > a, .tools-v2__open { color: #302016; font-size: .77rem; }
.tools-v2__grid { gap: 16px; padding-top: 15px; }
.tools-v2__card { grid-template-columns: 118px minmax(0, 1fr); gap: 15px; min-height: 174px; padding: 13px; }
.tools-v2__thumb { min-height: 146px; }
.tools-v2__card p { color: #a66e08; font-size: .7rem; }
.tools-v2__card h2 { color: #241b17; font-size: clamp(1.45rem, 1.75vw, 1.88rem); line-height: 1.04; }
.tools-v2__card > div > span { color: #2f2823; font-size: .95rem; line-height: 1.43; }
@media (max-width: 760px) { .tools-v2__hero { min-height: 0; padding: 24px 20px; }.tools-v2__hero h1 { font-size: clamp(2.2rem, 10vw, 3rem); }.tools-v2__choice article { padding: 22px 20px; }.tools-v2__choice h2 { font-size: 1.8rem; }.tools-v2__card { grid-template-columns: 108px minmax(0, 1fr); min-height: 152px; }.tools-v2__thumb { min-height: 126px; }.tools-v2__card > div > span { font-size: .9rem; } }

/* Free tools use the same dark editorial ink and generous reading scale as
   the live landing page; generic archive rules must not dilute this section. */
.tools-v2 .home-eyebrow, .tools-v2__card p { color: #a36b09; }
.tools-v2__hero h1, .tools-v2__choice h2, .tools-v2__card h2 { color: #251b16; }
.tools-v2__hero > div > p:not(.home-eyebrow), .tools-v2__choice p,
.tools-v2__choice span, .tools-v2__card > div > span { color: #332a24; }
.tools-v2__choice > article > a, .tools-v2__open { color: #342115; }

/* The seven free-tool cards mirror the live catalogue: portrait cover, white copy panel. */
.tools-v2__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tools-v2__card { grid-template-columns: 118px minmax(0, 1fr); gap: 0; min-height: 174px; padding: 0; border: 1px solid #e4d9c9; border-radius: 20px; background: #fffdfa; box-shadow: 0 10px 24px rgba(67, 47, 28, .08); }
.tools-v2__thumb { min-height: 174px; height: 100%; border-radius: 19px 0 0 19px; }
.tools-v2__content { min-width: 0; padding: 16px 14px 13px; }
.tools-v2__card p { margin: 0 0 6px; color: #a36b09; font-size: .7rem; line-height: 1.05; }
.tools-v2__card h2 { margin: 0 0 7px; color: #251b16; font-size: clamp(1.2rem, 1.45vw, 1.55rem); line-height: 1.03; }
.tools-v2__card > div > span { display: -webkit-box; overflow: hidden; margin: 0 0 9px; color: #5f5148; font-size: .82rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.tools-v2__open { margin-top: auto; color: #a36b09; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 1100px) { .tools-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .tools-v2__grid { grid-template-columns: 1fr; }
  .tools-v2__card {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
  }
  .tools-v2__thumb {
    min-height: 228px;
    max-height: 228px;
    border-radius: 19px 19px 0 0;
  }
  .tools-v2__thumb img {
    object-position: center top;
  }
  .tools-v2__content {
    padding: 16px 15px 15px;
  }
  .tools-v2__card h2 {
    margin-bottom: 8px;
    font-size: clamp(1.7rem, 5.8vw, 2.15rem);
    line-height: 1;
    -webkit-line-clamp: 2;
  }
  .tools-v2__card > div > span {
    margin-bottom: 12px;
    font-size: .98rem;
    line-height: 1.42;
    -webkit-line-clamp: 2;
  }
  .tools-v2__open {
    font-size: .76rem;
  }
}
@media (max-width: 520px) {
  .tools-v2__card {
    border-radius: 18px;
  }
  .tools-v2__thumb {
    min-height: 188px;
    max-height: 188px;
    border-radius: 17px 17px 0 0;
  }
  .tools-v2__content {
    padding: 14px 13px 14px;
  }
  .tools-v2__card p {
    margin-bottom: 7px;
    font-size: .66rem;
  }
  .tools-v2__card h2 {
    font-size: clamp(1.5rem, 7.6vw, 1.85rem);
  }
  .tools-v2__card > div > span {
    font-size: .9rem;
  }
}

/* Native Suite Petanque commercial landing. */
.page:has(.software-v2), .site-main:has(.software-v2) { padding-top: 0; }.software-v2 { display: grid; gap: 19px; }.software-v2__hero, .software-v2__overview, .software-v2__gallery, .software-v2__trial { border: 1px solid rgba(213,166,28,.43); border-radius: 27px; }.software-v2__hero { display: grid; justify-items: center; min-height: 484px; padding: 30px; overflow: hidden; background: radial-gradient(circle at 98% 0, rgba(227,240,188,.58) 0 12%, transparent 13%), radial-gradient(circle at 89% 92%, rgba(233,177,20,.36) 0 7px, transparent 8px), linear-gradient(122deg,#fffdfa,#fff4d8); text-align: center; }.software-v2__hero > p { margin: 0 0 14px; padding: 10px 14px; border-radius: 2px; background: #89502c; color: #fff9e9; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.software-v2__hero small { color: #26964a; font-size: .7rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }.software-v2 h1 { margin: 7px 0 17px; color: #271e19; font: 500 clamp(3.8rem,5.3vw,5.4rem)/.87 Impact,"Arial Narrow",sans-serif; letter-spacing: .02em; text-transform: uppercase; }.software-v2__hero > span { max-width: 820px; color: #6d5d52; font-size: .9rem; line-height: 1.45; }.software-v2__points { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin: 22px 0; color: #66594f; font-size: .7rem; }.software-v2__points b::first-letter { color: #29a24c; }.software-v2__hero nav, .software-v2__overview nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }.software-v2__button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 23px; border-radius: 999px; color: #281e19; font-size: .67rem; font-weight: 900; letter-spacing: .08em; text-align: center; text-decoration: none; text-transform: uppercase; }.software-v2__button--download { background: #45c969; }.software-v2__button--offers { background: #efb613; }.software-v2__button--trial { background: #c97648; color: #fff9ed; }.software-v2__button--plain { border: 1px solid rgba(71,52,35,.16); background: #fffefa; }.software-v2__hero em, .software-v2__overview em { margin-top: 12px; color: #8b7a6c; font-size: .7rem; font-style: normal; }.software-v2__journey { display: flex; justify-content: space-around; gap: 18px; margin: 0 57px; padding: 17px; border: 1px solid rgba(71,52,35,.13); border-radius: 16px; background: rgba(255,255,255,.72); color: #5d5249; font-size: .67rem; font-weight: 800; }.software-v2__journey span { display: flex; align-items: center; gap: 8px; }.software-v2__journey b { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: #efb613; color: #342719; font-size: .6rem; }.software-v2__overview { display: grid; grid-template-columns: minmax(0,1fr) minmax(430px,.9fr); gap: 35px; padding: 25px 23px 25px; background: linear-gradient(120deg,#fffdf9,#f8e6b6); }.software-v2__overview > div { display: grid; align-content: center; justify-items: start; }.software-v2__overview p, .software-v2__gallery > p, .software-v2__trial > p { margin: 0; color: #aa7318; font-size: .72rem; }.software-v2 h2 { margin: 14px 0 12px; color: #30231d; font: 600 clamp(2rem,3vw,3rem)/.98 "Cormorant Garamond",Georgia,serif; }.software-v2__overview > div > span { max-width: 600px; color: #716157; font-size: .88rem; line-height: 1.42; }.software-v2__overview ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 26px; padding: 0; color: #716157; font-size: .82rem; line-height: 1.38; list-style-position: inside; }.software-v2__overview figure { align-self: center; margin: 0; padding: 14px; border-radius: 24px; background: #231d19; color: #f1debd; }.software-v2__overview img { display: block; width: 100%; border: 1px solid #bb8d12; border-radius: 16px; }.software-v2__overview figcaption { padding: 10px 0 0; font-size: .72rem; font-weight: 800; }.software-v2__gallery, .software-v2__trial { padding: 28px; text-align: center; background: rgba(255,255,255,.68); }.software-v2__gallery > span, .software-v2__trial > span { color: #75665b; font-size: .85rem; }.software-v2__gallery > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 22px; }.software-v2__gallery img { width: 100%; border: 1px solid rgba(71,52,35,.13); border-radius: 15px; box-shadow: 0 10px 21px rgba(59,42,24,.1); }.software-v2__trial { display: grid; justify-items: center; }.software-v2__trial > span { max-width: 720px; margin-bottom: 17px; line-height: 1.45; }
@media (min-width: 761px) { .software-v2__hero, .software-v2__overview, .software-v2__gallery, .software-v2__trial { margin-right: 24px; margin-left: 24px; } } @media (max-width: 900px) { .software-v2__overview { grid-template-columns: 1fr; }.software-v2__overview figure { max-width: 620px; }.software-v2__journey { margin: 0; }.software-v2 h1 { font-size: clamp(3rem,9vw,4.8rem); } } @media (max-width: 700px) { .software-v2__hero { min-height: 0; padding: 24px 18px; }.software-v2__hero br { display: none; }.software-v2__points { gap: 8px 12px; }.software-v2__journey { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.software-v2__overview, .software-v2__gallery, .software-v2__trial { padding: 20px; border-radius: 20px; }.software-v2__overview ul, .software-v2__gallery > div { grid-template-columns: 1fr; }.software-v2__button { width: 100%; }.software-v2__overview nav { width: 100%; } }

/* Native FFPJP rules archive. */
.page:has(.rules-v2), .site-main:has(.rules-v2) { padding-top: 0; }.rules-v2 { display: grid; gap: 14px; }.rules-v2__hero { display: grid; grid-template-columns: minmax(0,1fr) 315px; gap: 28px; align-items: center; min-height: 228px; padding: 23px 30px; border: 1px solid rgba(215,170,35,.55); border-bottom: 3px solid #ecb80d; border-radius: 25px; background: radial-gradient(circle at 95% 10%, rgba(237,195,63,.31), transparent 24%), linear-gradient(123deg,#fffefa,#f9e2a0); }.rules-v2__hero > div { display: grid; gap: 9px; }.rules-v2__hero p, .rules-v2__archive header p, .rules-v2__more p { margin: 0; color: #8b795f; font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }.rules-v2 h1, .rules-v2 h2 { margin: 0; color: #30241e; font: 600 clamp(2rem,3vw,3rem)/.99 "Cormorant Garamond",Georgia,serif; }.rules-v2__hero > div > span { max-width: 720px; color: #75675b; font-size: .86rem; line-height: 1.4; }.rules-v2__hero nav { display: flex; gap: 25px; margin-top: 8px; }.rules-v2__hero nav a { color: #655343; font-size: .67rem; font-weight: 800; text-decoration: none; }.rules-v2__hero aside { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(86,65,35,.16); border-radius: 17px; background: rgba(255,255,255,.75); }.rules-v2__hero aside > b { display: grid; width: 54px; height: 54px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #2a211c; color: #efbc18; font-size: .63rem; }.rules-v2__hero aside span { display: grid; gap: 4px; }.rules-v2__hero aside strong { font-size: .78rem; }.rules-v2__hero aside small { color: #85766a; font-size: .64rem; line-height: 1.3; }.rules-v2__hero aside a, .rules-v2__read { color: #a17014; font-size: .64rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.rules-v2__paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.rules-v2__paths a { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 11px 15px; border: 1px solid rgba(213,166,28,.46); border-radius: 16px; background: linear-gradient(135deg,#fffefd,#fbebbf); color: #332720; text-decoration: none; }.rules-v2__paths a:nth-child(2) { background: linear-gradient(135deg,#fffdf7,#f6dea4); }.rules-v2__paths a:nth-child(3) { background: linear-gradient(135deg,#fffefa,#ebf1e8); }.rules-v2__paths b { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 11px; background: #f1b914; font-size: 1rem; }.rules-v2__paths span { display: grid; gap: 5px; }.rules-v2__paths strong { font-size: .8rem; }.rules-v2__paths small { color: #8a7b70; font-size: .65rem; }.rules-v2__archive { padding: 22px; border: 1px solid rgba(93,71,44,.13); border-radius: 24px; background: rgba(255,255,255,.64); }.rules-v2__archive header { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 16px; }.rules-v2__archive header > div { display: grid; gap: 8px; }.rules-v2__archive header > div > span { color: #86776c; font-size: .78rem; }.rules-v2__archive header > b { padding: 8px 12px; border: 1px solid rgba(213,166,28,.52); border-radius: 999px; color: #a27118; font-size: .64rem; }.rules-v2__archive > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.rules-v2__card { display: grid; grid-template-columns: 90px minmax(0,1fr); min-height: 151px; overflow: hidden; border: 1px solid rgba(91,69,42,.13); border-radius: 14px; background: #fffefa; }.rules-v2__card > a, .rules-v2__image { display: block; background: #d7c6a5; }.rules-v2__card img { width: 100%; height: 100%; object-fit: cover; }.rules-v2__card > div { display: grid; align-content: start; gap: 5px; padding: 10px; }.rules-v2__card small { color: #ad791a; font-size: .58rem; font-weight: 800; }.rules-v2__card h2 { display: -webkit-box; overflow: hidden; font: 700 .81rem/1.12 "Manrope",sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.rules-v2__card h2 a { color: inherit; text-decoration: none; }.rules-v2__card p { display: -webkit-box; overflow: hidden; margin: 0; color: #88796d; font-size: .63rem; line-height: 1.28; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.rules-v2__archive footer { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }.rules-v2__archive footer > * { padding: 9px 14px; border: 1px solid rgba(95,74,45,.16); border-radius: 999px; color: #806f62; font-size: .65rem; font-weight: 800; text-decoration: none; }.rules-v2__archive footer a { background: #efb812; color: #30241c; }.rules-v2__more { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding: 22px; border: 1px solid rgba(213,166,28,.5); border-radius: 22px; background: linear-gradient(115deg,#fffefa,#fbeabb); }.rules-v2__more > div { display: grid; gap: 8px; }.rules-v2__more h2 { font-size: clamp(1.8rem,2.7vw,2.5rem); }.rules-v2__more span { color: #817166; font-size: .78rem; }.rules-v2__more nav { display: flex; flex-wrap: wrap; justify-content: end; gap: 9px; }.rules-v2__more nav a { padding: 9px 12px; border: 1px solid rgba(98,76,45,.17); border-radius: 999px; background: rgba(255,255,255,.66); color: #695641; font-size: .64rem; font-weight: 800; text-decoration: none; }
@media (min-width: 761px) { .rules-v2__hero, .rules-v2__paths, .rules-v2__archive, .rules-v2__more { margin-right: 24px; margin-left: 24px; } } @media (max-width: 900px) { .rules-v2__hero { grid-template-columns: 1fr; }.rules-v2__archive > div { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 700px) { .rules-v2__hero, .rules-v2__archive, .rules-v2__more { padding: 18px; border-radius: 20px; }.rules-v2__paths, .rules-v2__archive > div { grid-template-columns: 1fr; }.rules-v2__hero aside, .rules-v2__more { align-items: start; flex-direction: column; }.rules-v2__archive header { align-items: start; flex-direction: column; }.rules-v2__more nav { justify-content: start; } }

/* Native official calendar using the migrated editorial event records. */
.page:has(.calendar-v2), .site-main:has(.calendar-v2) { padding-top: 0; }.calendar-v2 { display: grid; gap: 17px; }.calendar-v2__hero, .calendar-v2__featured, .calendar-v2__list { padding: 27px; border: 1px solid rgba(214,168,35,.43); border-radius: 27px; background: rgba(255,255,255,.66); }.calendar-v2__hero { display: grid; grid-template-columns: minmax(0,1fr) 396px; gap: 25px; align-items: center; min-height: 338px; background: radial-gradient(circle at 95% 10%,rgba(237,191,53,.22),transparent 22%),linear-gradient(120deg,#fffefa,#f8e5a5); }.calendar-v2 p { margin: 0; color: #8b7d71; font-size: .72rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }.calendar-v2 h1, .calendar-v2 h2 { margin: 15px 0; color: #241c17; font: 500 clamp(2.2rem,4vw,4rem)/.95 Impact,"Arial Narrow",sans-serif; letter-spacing: -.025em; }.calendar-v2 h2 { font-size: clamp(1.9rem,3.1vw,3rem); }.calendar-v2__hero > div > span { display: block; max-width: 720px; color: #74665c; font-size: .88rem; line-height: 1.45; }.calendar-v2__hero nav { display: flex; gap: 24px; margin-top: 22px; }.calendar-v2__hero nav a { color: #4f4239; font-size: .7rem; font-weight: 850; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.calendar-v2__hero nav a:first-child { padding: 13px 19px; border-radius: 999px; background: #efb812; color: #2e251d; }.calendar-v2__hero aside { display: grid; place-content: center; justify-items: center; min-height: 202px; border: 1px solid rgba(100,75,34,.16); border-radius: 22px; background: rgba(255,255,255,.75); text-align: center; }.calendar-v2__hero aside b { color: #ad7608; font: 600 3.1rem/1 "Cormorant Garamond",Georgia,serif; }.calendar-v2__hero aside strong { font-size: .86rem; }.calendar-v2__hero aside small { margin-top: 6px; color: #a09184; font-size: .72rem; }.calendar-v2__featured header, .calendar-v2__list header { display: flex; justify-content: space-between; gap: 28px; align-items: end; margin-bottom: 19px; }.calendar-v2__featured header > span, .calendar-v2__list header > span { max-width: 430px; color: #86776b; font-size: .78rem; line-height: 1.35; }.calendar-v2__featured > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; max-width: 760px; }.calendar-v2__event { display: grid; grid-template-columns: 128px minmax(0,1fr); min-height: 84px; overflow: hidden; border: 1px solid rgba(92,69,40,.12); border-radius: 15px; background: #fffdfa; }.calendar-v2__event--featured { min-height: 245px; background: linear-gradient(120deg,#fffdf7,#fae7b3); }.calendar-v2__event > a, .calendar-v2__placeholder { display: block; background: #d9c8a7; }.calendar-v2__event img { width: 100%; height: 100%; object-fit: cover; }.calendar-v2__event > div { display: grid; align-content: center; gap: 6px; padding: 13px; min-width: 0; }.calendar-v2__event small { color: #a97719; font-size: .6rem; font-weight: 850; text-transform: uppercase; }.calendar-v2__event h2 { display: -webkit-box; overflow: hidden; margin: 0; font: 750 .88rem/1.14 "Manrope",sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.calendar-v2__event h2 a { color: inherit; text-decoration: none; }.calendar-v2__event p { display: -webkit-box; overflow: hidden; color: #8b7b6e; font-size: .64rem; font-weight: 500; letter-spacing: normal; line-height: 1.25; text-transform: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.calendar-v2__read { color: #a67515; font-size: .62rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.calendar-v2__count { display: flex; gap: 6px; margin-top: 6px; }.calendar-v2__count b { display:grid; min-width:35px; height:39px; place-items:center; align-content:center; border-radius:8px; background:#30241c; color:#f3be15; font-size:.75rem; }.calendar-v2__count b small { display:block; margin-top:1px; color:#f8df92; font-size:.42rem; font-weight:800; letter-spacing:.04em; }.calendar-v2__list > div { display: grid; gap: 9px; }.calendar-v2__list--past { background: rgba(255,255,255,.58); }.calendar-v2__list--past .calendar-v2__event { background: #f7f2eb; }
@media (min-width: 761px) { .calendar-v2__hero, .calendar-v2__featured, .calendar-v2__list { margin-right: 24px; margin-left: 24px; } } @media (max-width: 780px) { .calendar-v2__hero { grid-template-columns: 1fr; }.calendar-v2__featured header, .calendar-v2__list header { align-items: start; flex-direction: column; }.calendar-v2__featured > div { grid-template-columns: 1fr; } } @media (max-width: 600px) { .calendar-v2__hero, .calendar-v2__featured, .calendar-v2__list { padding: 18px; border-radius: 20px; }.calendar-v2__event { grid-template-columns: 94px minmax(0,1fr); }.calendar-v2__event--featured { min-height: 190px; }.calendar-v2__hero nav { align-items: start; flex-direction: column; gap: 12px; } }

/* The live "A venir" page is an editorial guide, separate from the raw official calendar. */
.page:has(.upcoming-v3), .site-main:has(.upcoming-v3) { padding-top: 0; }.upcoming-v3 { display: grid; gap: 20px; }.upcoming-v3__hero, .upcoming-v3__featured, .upcoming-v3__season, .upcoming-v3__past, .upcoming-v3__guide, .upcoming-v3__newsletter { padding: clamp(20px,3vw,36px); border: 1px solid rgba(185,135,29,.25); border-radius: 28px; background: rgba(255,253,248,.82); }.upcoming-v3 p { margin: 0; color: #a57414; font-size: .68rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }.upcoming-v3 h1, .upcoming-v3 h2, .upcoming-v3 h3 { color: #251c17; }.upcoming-v3 h1, .upcoming-v3 h2 { margin: 12px 0; font: 500 clamp(2.1rem,4.4vw,4.1rem)/.94 Impact,"Arial Narrow",sans-serif; letter-spacing: -.025em; }.upcoming-v3 h2 { font-size: clamp(1.75rem,3vw,3rem); }.upcoming-v3__hero { min-height: 320px; display: grid; align-content: center; background: radial-gradient(circle at 92% 22%,rgba(237,184,28,.25),transparent 22%),linear-gradient(115deg,#fffdf9,#f5dfaa); }.upcoming-v3__hero > span, .upcoming-v3__guide > span, .upcoming-v3__newsletter span { display: block; max-width: 700px; color: #75665b; font-size: .94rem; line-height: 1.5; }.upcoming-v3__hero nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 23px; }.upcoming-v3__hero nav a, .upcoming-v3__newsletter > a, .upcoming-v3__guide > a { padding: 12px 17px; border-radius: 999px; background: #edb617; color: #292019; font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.upcoming-v3__hero nav a + a { background: #2b211a; color: #fffaf3; }.upcoming-v3__featured header, .upcoming-v3__season header, .upcoming-v3__past header { display: flex; justify-content: space-between; align-items: end; gap: 22px; margin-bottom: 20px; }.upcoming-v3__featured header > span, .upcoming-v3__past header > span { max-width: 390px; color: #7e7167; font-size: .8rem; line-height: 1.45; }.upcoming-v3__featured > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }.upcoming-v3__season > div, .upcoming-v3__past > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }.upcoming-v3__season header > a { color: #2c211b; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.upcoming-v3__card { display: grid; grid-template-rows: 132px minmax(0,1fr); overflow: hidden; border: 1px solid rgba(87,65,44,.14); border-radius: 18px; background: #fffdfa; }.upcoming-v3__card--lead { background: linear-gradient(145deg,#fffdf9,#f8e6b7); }.upcoming-v3__card > a, .upcoming-v3__cover { display: block; min-height: 0; background: linear-gradient(135deg,#35251b,#946a35); }.upcoming-v3__card img { width: 100%; height: 100%; object-fit: cover; }.upcoming-v3__card > div { display: grid; align-content: start; gap: 8px; padding: 15px; }.upcoming-v3__card h3 { margin: 0; font: 800 1rem/1.12 "Manrope",sans-serif; }.upcoming-v3__card h3 a { color: inherit; text-decoration: none; }.upcoming-v3__card > div > span { display: -webkit-box; overflow: hidden; color: #786b61; font-size: .75rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.upcoming-v3__read { margin-top: 4px; color: #a57414; font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.upcoming-v3__past { background: linear-gradient(135deg,rgba(255,255,255,.8),rgba(247,234,203,.8)); }.upcoming-v3__guide { background: #2b2019; }.upcoming-v3__guide h2, .upcoming-v3__guide > span { color: #fff8ec; }.upcoming-v3__newsletter { display: flex; justify-content: space-between; gap: 26px; align-items: center; background: linear-gradient(120deg,#fffdf8,#fae8b6); }.upcoming-v3__newsletter h2 { max-width: 700px; margin-bottom: 8px; }.upcoming-v3__newsletter > a { flex: 0 0 auto; }
@media (min-width: 761px) { .upcoming-v3__hero, .upcoming-v3__featured, .upcoming-v3__season, .upcoming-v3__past, .upcoming-v3__guide, .upcoming-v3__newsletter { margin-right: 24px; margin-left: 24px; } } @media (max-width: 780px) { .upcoming-v3__featured header, .upcoming-v3__season header, .upcoming-v3__past header, .upcoming-v3__newsletter { align-items: start; flex-direction: column; }.upcoming-v3__featured > div, .upcoming-v3__season > div, .upcoming-v3__past > div { grid-template-columns: 1fr; }.upcoming-v3__card { grid-template-columns: 112px minmax(0,1fr); grid-template-rows: minmax(0,1fr); min-height: 138px; }.upcoming-v3__card--lead { grid-template-columns: 130px minmax(0,1fr); } }

/* Règlement FFPJP: complete information hub, calibrated to the live editorial layout. */
.page:has(.rules-live),.site-main:has(.rules-live){padding-top:0}.rules-live{display:grid;gap:16px;max-width:1184px;margin:0 auto;padding:20px 0 48px}.rules-live__crumb{display:flex;gap:9px;color:#817368;font-size:.68rem;letter-spacing:.03em}.rules-live__crumb a{color:#91691c;text-decoration:none}.rules-live__hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.62fr);gap:24px;align-items:center;min-height:230px;padding:25px 30px;border:1px solid #e8c35f;border-bottom:3px solid #e5ad00;border-radius:26px;background:radial-gradient(circle at 94% 13%,rgba(237,195,63,.3),transparent 25%),linear-gradient(118deg,#fffef9,#fae3a2);box-shadow:0 13px 28px rgba(74,52,20,.07)}.rules-live__hero>div{display:grid;justify-items:start;gap:10px}.rules-live__hero p,.rules-live__archive header p,.rules-live__more p{margin:0;color:#a57418;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.rules-live h1,.rules-live h2{margin:0;color:#2d211b;font:600 clamp(2.4rem,4vw,4.1rem)/.96 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.rules-live__hero>div>span{max-width:720px;color:#695b50;font-size:1rem;line-height:1.5}.rules-live__hero nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}.rules-live__button{display:inline-flex;align-items:center;min-height:40px;padding:0 17px;border:1px solid rgba(70,52,33,.2);border-radius:999px;background:#fffdf8;color:#34271f;font-size:.68rem;font-weight:900;letter-spacing:.065em;text-decoration:none;text-transform:uppercase}.rules-live__button--gold{background:#f0b818;border-color:#f0b818}.rules-live__hero aside{display:grid;grid-template-columns:55px minmax(0,1fr);gap:13px;align-items:center;padding:18px;border:1px solid rgba(86,65,35,.17);border-radius:18px;background:rgba(255,255,255,.78)}.rules-live__hero aside>b{display:grid;width:55px;height:55px;place-items:center;border-radius:50%;background:#2c211a;color:#f0bb14;font-size:.62rem}.rules-live__hero aside>div{display:grid;gap:4px}.rules-live__hero aside strong{color:#362921;font-size:.84rem}.rules-live__hero aside span{color:#817166;font-size:.69rem;line-height:1.35}.rules-live__hero aside a,.rules-live__read{color:#9c6c16;font-size:.66rem;font-weight:900;letter-spacing:.065em;text-decoration:none;text-transform:uppercase}.rules-live__paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.rules-live__paths a{display:flex;align-items:center;gap:13px;min-height:78px;padding:12px 15px;border:1px solid rgba(213,166,28,.45);border-radius:16px;background:linear-gradient(135deg,#fffefd,#fbebbf);color:#342720;text-decoration:none}.rules-live__paths a:nth-child(2){background:linear-gradient(135deg,#fffdf7,#f7dfa4)}.rules-live__paths a:nth-child(3){background:linear-gradient(135deg,#fffefa,#edf3e9)}.rules-live__paths>b{display:grid;width:41px;height:41px;flex:0 0 auto;place-items:center;border-radius:11px;background:#f1b914;color:#2f241d;font-size:1rem}.rules-live__paths span{display:grid;gap:4px}.rules-live__paths strong{font-size:.82rem}.rules-live__paths small{color:#807066;font-size:.68rem}.rules-live__archive{padding:23px;border:1px solid rgba(93,71,44,.13);border-radius:25px;background:rgba(255,255,255,.66)}.rules-live__archive header{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:17px}.rules-live__archive header>div{display:grid;gap:8px}.rules-live__archive h2{font-size:clamp(2rem,3.2vw,3rem)}.rules-live__archive header span{max-width:720px;color:#77685e;font-size:.9rem;line-height:1.45}.rules-live__archive header>b{padding:8px 13px;border:1px solid rgba(213,166,28,.52);border-radius:999px;color:#9e6d17;font-size:.68rem;white-space:nowrap}.rules-live__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.rules-live__card{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:146px;overflow:hidden;border:1px solid rgba(91,69,42,.13);border-radius:15px;background:#fffefa}.rules-live__image{display:block;background:#d8c7a8}.rules-live__card img{display:block;width:100%;height:100%;object-fit:cover}.rules-live__card>div{display:grid;align-content:start;gap:5px;padding:11px}.rules-live__card p{margin:0;color:#a87517;font-size:.61rem;font-weight:850;letter-spacing:.035em}.rules-live__card h3{display:-webkit-box;overflow:hidden;margin:0;color:#30241d;font:750 .87rem/1.14 "Manrope",sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:3}.rules-live__card h3 a{color:inherit;text-decoration:none}.rules-live__card>div>span{display:-webkit-box;overflow:hidden;color:#817267;font-size:.68rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rules-live__read{margin-top:1px}.rules-live__read b{font-size:.9rem}.rules-live__empty{color:#76685c}.rules-live__pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:20px}.rules-live__pagination>*{padding:9px 13px;border:1px solid rgba(95,74,45,.16);border-radius:999px;color:#7f6e61;font-size:.68rem;font-weight:850;text-align:center;text-decoration:none}.rules-live__pagination a:last-child{justify-self:end;background:#efb812;color:#30241c}.rules-live__pagination a:first-child{justify-self:start;background:#fffefa}.rules-live__more{display:flex;justify-content:space-between;align-items:center;gap:23px;padding:24px;border:1px solid rgba(213,166,28,.5);border-radius:22px;background:linear-gradient(115deg,#fffefa,#fbeabb)}.rules-live__more>div{display:grid;gap:8px}.rules-live__more h2{font-size:clamp(1.9rem,3vw,2.7rem)}.rules-live__more span{max-width:670px;color:#746459;font-size:.9rem;line-height:1.45}.rules-live__more nav{display:flex;flex-wrap:wrap;justify-content:end;gap:9px}.rules-live__more nav a{padding:10px 13px;border:1px solid rgba(98,76,45,.18);border-radius:999px;background:rgba(255,255,255,.72);color:#58483b;font-size:.67rem;font-weight:850;letter-spacing:.03em;text-decoration:none}.rules-live__newsletter{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 23px;border-radius:18px;background:linear-gradient(105deg,#2b201a,#5a3420);color:#fff9ef}.rules-live__newsletter span{color:#f2c23d;font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.rules-live__newsletter strong{font-size:.91rem}.rules-live__newsletter a{padding:10px 15px;border-radius:999px;background:#efb814;color:#2d2119;font-size:.67rem;font-weight:900;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;white-space:nowrap}@media(min-width:761px){.rules-live__hero,.rules-live__paths,.rules-live__archive,.rules-live__more,.rules-live__newsletter{margin-right:24px;margin-left:24px}}@media(max-width:900px){.rules-live__hero{grid-template-columns:1fr}.rules-live__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.rules-live{gap:13px;padding:16px 0 34px}.rules-live__hero,.rules-live__archive,.rules-live__more{padding:18px;border-radius:20px}.rules-live__hero h1{font-size:clamp(2.25rem,11vw,3.45rem)}.rules-live__paths,.rules-live__grid{grid-template-columns:1fr}.rules-live__archive header,.rules-live__more,.rules-live__newsletter{align-items:flex-start;flex-direction:column}.rules-live__more nav{justify-content:start}.rules-live__pagination{grid-template-columns:1fr;gap:8px}.rules-live__pagination a,.rules-live__pagination a:first-child,.rules-live__pagination a:last-child{justify-self:stretch}.rules-live__newsletter{gap:13px}.rules-live__newsletter a{align-self:stretch;text-align:center}}

/* Native rules footer follows the live split newsletter and sharing panels. */
.rules-live__bottom{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.1fr);gap:14px;margin-top:20px}.rules-live__bottom .rules-live__newsletter,.rules-live__share{display:grid;align-content:start;justify-items:start;gap:10px;min-height:215px;padding:24px 22px;border:1px solid #e4bd5c;border-radius:23px}.rules-live__bottom .rules-live__newsletter{background:radial-gradient(circle at 92% 94%,rgba(132,72,27,.34) 0 2px,transparent 3px),linear-gradient(120deg,#fff0bc,#f7ce4d);color:#2e211a}.rules-live__bottom .rules-live__newsletter p,.rules-live__share>p{margin:0;color:#a96a09;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.rules-live__bottom .rules-live__newsletter h2{margin:0;font-family:var(--font-serif);font-size:clamp(1.65rem,2.25vw,2.35rem);font-weight:500;line-height:1.03}.rules-live__bottom .rules-live__newsletter>span{max-width:620px;color:#3b3028;font-size:1rem;line-height:1.45}.rules-live__bottom .rules-live__newsletter a{display:inline-flex;align-items:center;gap:8px;margin-top:2px;padding:10px 15px;border-radius:999px;background:#2a211c;color:#fff9f0;font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.rules-live__share{background:linear-gradient(120deg,#fffaf0,#f8ecd2);color:#31251f}.rules-live__share>strong{max-width:690px;font-size:1.08rem;line-height:1.35}.rules-live__share nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}.rules-live__share-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid #dec28d;border-radius:999px;background:#fffaf2;color:#332720;font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.rules-live__share-link svg{width:18px;height:18px}.rules-live__share-link--facebook{background:#2178e8;border-color:#2178e8;color:#fff}.rules-live__share-link--x{background:#181514;border-color:#181514;color:#fff}@media (max-width:760px){.rules-live__bottom{grid-template-columns:1fr}.rules-live__bottom .rules-live__newsletter,.rules-live__share{min-height:0;padding:20px}.rules-live__share-link{padding:0 12px}}@media (min-width:761px){.rules-live__bottom{margin-left:24px;margin-right:24px}}

/* Match the live Univers Paquita hierarchy: readable body copy and editorial serif headings. */
.universe-v2__hero{grid-template-columns:minmax(0,1.72fr) minmax(320px,.64fr);gap:34px;min-height:440px;padding:34px}.universe-v2__intro{gap:14px}.universe-v2__intro .home-eyebrow{color:#76665a;font-size:.78rem;letter-spacing:.18em}.universe-v2__intro h1{max-width:810px;color:#211710;font:500 clamp(3.45rem,5vw,5.75rem)/.93 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em}.universe-v2__intro>p:not(.home-eyebrow){max-width:790px;color:#5f4e42;font-size:1.08rem;line-height:1.5}.universe-v2__profile{grid-template-columns:68px minmax(0,1fr);gap:13px;max-width:790px;padding:13px;border-radius:17px}.universe-v2__profile>img{width:68px;height:68px;border-radius:14px}.universe-v2__profile small{font-size:.72rem;letter-spacing:.12em}.universe-v2__profile strong{color:#271c16;font-size:1.1rem;line-height:1.2}.universe-v2__profile em{color:#6b594c;font-size:.86rem;line-height:1.4}.universe-v2__profile nav,.universe-v2__hero-links{gap:18px}.universe-v2__profile nav a,.universe-v2__hero-links a,.universe-v2__stream header>a,.universe-v2__post footer a,.universe-v2__now header>a{color:#7a5007;font-size:.74rem;letter-spacing:.08em}.universe-v2__hero-links{padding-left:26px}.universe-v2__panel{gap:13px;padding:21px;border-radius:25px}.universe-v2__panel>p{font-size:.72rem;letter-spacing:.13em}.universe-v2__feature{grid-template-columns:48px minmax(0,1fr);gap:10px;min-height:65px;padding:10px;border-radius:14px}.universe-v2__feature img,.universe-v2__feature-mark{width:48px;height:48px}.universe-v2__feature b{font-size:.82rem}.universe-v2__feature small{color:#f2dfce;font-size:.66rem;line-height:1.2}.universe-v2__panel nav a{min-height:43px;padding:0 12px;font-size:.75rem}.universe-v2__stream,.universe-v2__now{padding:27px;border-radius:27px}.universe-v2__stream>header,.universe-v2__now>header{margin-bottom:21px}.universe-v2__stream h2,.universe-v2__now h2{color:#211710;font:500 clamp(2.65rem,3.5vw,4.15rem)/.94 "Cormorant Garamond",Georgia,serif}.universe-v2__stream header p:not(.home-eyebrow){color:#655346;font-size:1rem;line-height:1.5}.universe-v2__posts{gap:15px}.universe-v2__post{grid-template-columns:122px minmax(0,1fr);gap:13px;min-height:208px;padding:13px;border-radius:18px}.universe-v2__post>img{width:122px;height:180px;border-radius:13px}.universe-v2__post>div{gap:8px}.universe-v2__post h3{color:#241914;font-size:1rem;line-height:1.24}.universe-v2__post p{color:#665347;font-size:.85rem;line-height:1.4}.universe-v2__post footer small{color:#965c08;font-size:.68rem}.universe-v2__post footer a{font-size:.64rem}.universe-v2__now-card{grid-template-columns:70px minmax(0,1fr);gap:11px;min-height:77px;padding:9px;color:#271b15;font-size:.82rem}.universe-v2__now-card img{width:70px;height:59px}@media (max-width:900px){.universe-v2__hero{grid-template-columns:1fr;min-height:0}.universe-v2__panel{max-width:620px}}@media (max-width:760px){.universe-v2__hero,.universe-v2__stream,.universe-v2__now{padding:20px}.universe-v2__intro h1{font-size:clamp(2.85rem,12vw,4.25rem)}.universe-v2__intro>p:not(.home-eyebrow){font-size:1rem}.universe-v2__profile{grid-template-columns:58px minmax(0,1fr)}.universe-v2__profile>img{width:58px;height:58px}.universe-v2__post{grid-template-columns:102px minmax(0,1fr);min-height:165px}.universe-v2__post>img{width:102px;height:142px}.universe-v2__post h3{font-size:.92rem}.universe-v2__post p{font-size:.8rem}}

/* The three Paquita feeds are editorial blocks, not compact dashboard rows. */
.universe-v2__stream,.universe-v2__now{padding:31px 30px}.universe-v2__stream>header,.universe-v2__now>header{margin-bottom:24px}.universe-v2__stream .home-eyebrow,.universe-v2__now .home-eyebrow{font-size:.78rem;letter-spacing:.18em}.universe-v2__stream h2,.universe-v2__now h2{font-size:clamp(3.25rem,4.2vw,5.05rem);line-height:.92}.universe-v2__stream header p:not(.home-eyebrow){max-width:850px;color:#59483c;font-size:1.12rem;line-height:1.52}.universe-v2__stream>header>a,.universe-v2__now>header>a{font-size:.8rem;letter-spacing:.09em}.universe-v2__posts{gap:16px}.universe-v2__post{grid-template-columns:138px minmax(0,1fr);gap:16px;min-height:226px;padding:14px 15px;border-radius:19px}.universe-v2__post>img{width:138px;height:196px;border-radius:14px}.universe-v2__post>div{gap:9px}.universe-v2__post h3{font-size:1.05rem;line-height:1.23;-webkit-line-clamp:3}.universe-v2__post p{color:#5d4b3e;font-size:.91rem;line-height:1.42;-webkit-line-clamp:3}.universe-v2__post footer{gap:8px}.universe-v2__post footer small{font-size:.72rem}.universe-v2__post footer a{font-size:.68rem}.universe-v2__now-card{font-size:.92rem;line-height:1.25}@media (max-width:760px){.universe-v2__stream,.universe-v2__now{padding:22px 20px}.universe-v2__stream h2,.universe-v2__now h2{font-size:clamp(2.55rem,11vw,3.7rem)}.universe-v2__stream header p:not(.home-eyebrow){font-size:1rem}.universe-v2__post{grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:182px}.universe-v2__post>img{width:112px;height:156px}.universe-v2__post h3{font-size:.96rem}.universe-v2__post p{font-size:.84rem}}

/* Community close for the Univers Paquita page. */
.universe-v2__community{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:36px;align-items:start;padding:30px 29px;border:1px solid #e4b72d;border-radius:27px;background:radial-gradient(circle at 97% 92%,rgba(173,117,32,.18) 0 66px,transparent 67px),linear-gradient(112deg,#fffdf6,#ffedb7)}.universe-v2__community>div{display:grid;gap:10px}.universe-v2__community p{margin:0;color:#aa700f;font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.universe-v2__community h2{max-width:650px;margin:0;color:#261a13;font:500 clamp(2.8rem,3.8vw,4.6rem)/.92 "Cormorant Garamond",Georgia,serif}.universe-v2__community>div>span{max-width:720px;color:#604e41;font-size:1.08rem;line-height:1.55}.universe-v2__community aside{display:grid;gap:16px;justify-items:start}.universe-v2__newsletter{display:inline-flex;align-items:center;min-height:52px;padding:0 25px;border-radius:999px;background:#efb51b;color:#23180f;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.universe-v2__community nav{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.universe-v2__community nav>a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:72px;padding:10px 13px;border:1px solid rgba(84,54,28,.2);border-radius:16px;background:rgba(255,255,255,.74);color:#31231a;text-decoration:none}.universe-v2__community-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#2e241d}.universe-v2__community-mark img{width:18px;height:18px;object-fit:contain}.universe-v2__community-mark.social-facebook{background:#1877f2}.universe-v2__community-mark.social-instagram{background:radial-gradient(circle at 30% 105%,#ffd46b 0 10%,#f77737 30%,#e1306c 55%,#833ab4 100%)}.universe-v2__community-mark.social-youtube{background:#f00}.universe-v2__community-mark.social-x{background:#151515}.universe-v2__community-mark.social-tiktok{background:#090909;box-shadow:-1px 0 #25f4ee,1px 0 #fe2c55}.universe-v2__community nav>a>span:last-child{display:grid;gap:3px;min-width:0}.universe-v2__community nav strong{font-size:.86rem;line-height:1.12}.universe-v2__community nav small{color:#765f4f;font-size:.75rem;line-height:1.15}@media(max-width:900px){.universe-v2__community{grid-template-columns:1fr;gap:24px}}@media(max-width:560px){.universe-v2__community{padding:22px 20px}.universe-v2__community h2{font-size:clamp(2.5rem,11vw,3.7rem)}.universe-v2__community>div>span{font-size:1rem}.universe-v2__community nav{grid-template-columns:1fr}.universe-v2__community nav>a{min-height:58px}.universe-v2__community nav small{display:none}}

/* Native results archive. */
.page:has(.results-v2), .site-main:has(.results-v2) { padding-top: 0; }.results-v2 { display: grid; gap: 18px; }.results-v2__hero { min-height: 192px; padding: 27px 30px; border: 1px solid rgba(214,168,35,.48); border-bottom: 3px solid #e7b312; border-radius: 25px; background: linear-gradient(104deg,rgba(255,254,250,.96),rgba(255,249,237,.88) 52%,rgba(249,230,185,.6)),url('/media/tools/terrain-petanque-hero.png') 70% center/cover; }.results-v2 p { margin: 0; color: #a07527; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.results-v2 h1, .results-v2 h2 { margin: 14px 0 11px; color: #2d211b; font: 600 clamp(2rem,3.3vw,3.3rem)/.98 "Cormorant Garamond",Georgia,serif; }.results-v2__hero > span { color: #75665b; font-size: .86rem; }.results-v2__intro { display: grid; gap: 13px; padding: 17px 20px; border: 1px solid rgba(85,64,38,.1); border-radius: 21px; background: rgba(255,255,255,.64); color: #786a5e; font-size: .8rem; }.results-v2__intro nav { display: flex; flex-wrap: wrap; gap: 10px; }.results-v2__intro a { padding: 8px 13px; border: 1px solid rgba(85,64,38,.14); border-radius: 999px; background: #fffefa; color: #4f4137; font-size: .64rem; font-weight: 850; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.results-v2__lead { display: grid; grid-template-columns: 42% minmax(0,1fr); gap: 22px; min-height: 400px; padding: 24px; border: 1px solid rgba(88,66,39,.12); border-radius: 24px; background: rgba(255,255,255,.68); }.results-v2__lead > a { display: block; overflow: hidden; border-radius: 18px; background: #29201a; }.results-v2__lead img { width: 100%; height: 100%; object-fit: cover; }.results-v2__lead > div { display: grid; align-content: center; justify-items: start; }.results-v2__lead h2 { font-size: clamp(1.65rem,2.6vw,2.5rem); }.results-v2__lead h2 a { color: inherit; text-decoration: none; }.results-v2__lead > div > span { max-width: 650px; color: #77685e; font-size: .85rem; line-height: 1.42; }.results-v2__lead small { margin: 17px 0 9px; color: #a67515; font-size: .64rem; font-weight: 850; }.results-v2__lead > div > a, .results-v2__card > div > a { color: #956714; font-size: .68rem; font-weight: 900; text-decoration: none; }.results-v2__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.results-v2__card { display: grid; grid-template-columns: 94px minmax(0,1fr); min-height: 172px; overflow: hidden; border: 1px solid rgba(88,66,39,.1); border-radius: 19px; background: rgba(255,255,255,.72); }.results-v2__card > a, .results-v2__placeholder { display: block; background: #d8c7a8; }.results-v2__card img { width: 100%; height: 100%; object-fit: cover; }.results-v2__card > div { display: grid; align-content: start; gap: 5px; padding: 12px; }.results-v2__card p { color: #a67515; font-size: .59rem; letter-spacing: .06em; }.results-v2__card h2 { display: -webkit-box; overflow: hidden; margin: 0; font: 750 .86rem/1.14 "Manrope",sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.results-v2__card h2 a { color: inherit; text-decoration: none; }.results-v2__card > div > span { display: -webkit-box; overflow: hidden; color: #86766b; font-size: .66rem; line-height: 1.28; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media (min-width: 761px) { .results-v2__hero, .results-v2__intro, .results-v2__lead, .results-v2__grid { margin-right: 24px; margin-left: 24px; } } @media (max-width: 800px) { .results-v2__lead { grid-template-columns: 1fr; min-height: 0; }.results-v2__lead > a { max-height: 330px; }.results-v2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 560px) { .results-v2__hero, .results-v2__lead { padding: 18px; border-radius: 20px; }.results-v2__grid { grid-template-columns: 1fr; }.results-v2__lead > a { max-height: 240px; } }

/* Native editorial article shell used by every migrated article route. */
.page:has(.article-v2), .site-main:has(.article-v2) { padding-top: 0; }.article-v2 { max-width: 940px; margin: 0 auto; padding: 25px 0 48px; }.article-v2__crumb { display: flex; gap: 8px; overflow: hidden; color: #8d7e71; font-size: .65rem; white-space: nowrap; }.article-v2__crumb a { color: #8b6c32; text-decoration: none; }.article-v2__crumb b { overflow: hidden; text-overflow: ellipsis; font-weight: 600; }.article-v2 header { display: grid; justify-items: start; gap: 12px; padding: 27px 0 23px; }.article-v2 header p { margin: 0; color: #a67618; font-size: .68rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }.article-v2 h1 { margin: 0; color: #2d211b; font: 600 clamp(2.55rem,5vw,4.5rem)/.95 "Cormorant Garamond",Georgia,serif; letter-spacing: -.03em; }.article-v2 header strong { max-width: 790px; color: #65574d; font-size: 1rem; font-weight: 500; line-height: 1.48; }.article-v2 header small { color: #8d7d70; font-size: .7rem; }.article-v2 figure { margin: 0 0 28px; overflow: hidden; border-radius: 24px; background: #d7c6a7; }.article-v2 figure img { display: block; width: 100%; max-height: 560px; object-fit: cover; }.article-v2__body { max-width: 760px; margin: 0 auto; color: #443831; font-size: 1rem; line-height: 1.75; }.article-v2__body h2, .article-v2__body h3 { margin: 2em 0 .6em; color: #2c211b; font-family: "Cormorant Garamond",Georgia,serif; line-height: 1; }.article-v2__body h2 { font-size: 2.1rem; }.article-v2__body h3 { font-size: 1.65rem; }.article-v2__body p, .article-v2__body ul, .article-v2__body ol { margin: 0 0 1.25em; }.article-v2__body img { max-width: 100%; height: auto; border-radius: 16px; }.article-v2__body a { color: #946816; text-decoration-thickness: 1px; }.article-v2 footer { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; padding-top: 22px; border-top: 1px solid rgba(79,59,37,.14); }.article-v2 footer a { padding: 9px 13px; border: 1px solid rgba(79,59,37,.16); border-radius: 999px; background: #fffefa; color: #5d4c3f; font-size: .66rem; font-weight: 850; text-decoration: none; }
@media (max-width: 1000px) { .article-v2 { padding-right: 24px; padding-left: 24px; } } @media (max-width: 620px) { .article-v2 { padding-top: 18px; padding-right: 16px; padding-left: 16px; }.article-v2 header { padding-top: 20px; }.article-v2 h1 { font-size: clamp(2.25rem,12vw,3.5rem); }.article-v2 header strong { font-size: .92rem; }.article-v2__body { font-size: .94rem; line-height: 1.68; }.article-v2 figure { border-radius: 16px; } }

/* Native product detail page; keeps the cart form contract while matching the boutique visual system. */
.page:has(.product-v2), .site-main:has(.product-v2) { padding-top: 0; }.product-v2 { max-width: 1080px; margin: 0 auto; padding: 25px 0 48px; }.product-v2__crumb { display: flex; gap: 8px; overflow: hidden; margin-bottom: 21px; color: #8d7e71; font-size: .65rem; white-space: nowrap; }.product-v2__crumb a { color: #8d6b2d; text-decoration: none; }.product-v2__crumb b { overflow: hidden; text-overflow: ellipsis; font-weight: 600; }.product-v2__main { display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,.84fr); gap: 38px; align-items: start; padding: 27px; border: 1px solid rgba(91,68,39,.12); border-radius: 28px; background: radial-gradient(circle at 92% 8%,rgba(237,194,65,.2),transparent 23%),rgba(255,255,255,.68); }.product-v2__media { display: grid; min-height: 440px; margin: 0; place-items: center; overflow: hidden; border: 1px solid rgba(84,62,35,.12); border-radius: 20px; background: linear-gradient(135deg,#fffdf8,#f4e2bd); }.product-v2__media img { display: block; width: 100%; height: 100%; object-fit: contain; }.product-v2__media span { color: #9d771e; font: 600 2.3rem/1 "Cormorant Garamond",Georgia,serif; }.product-v2__purchase { display: grid; align-content: start; gap: 14px; padding: 8px 0; }.product-v2__purchase > p, .product-v2__details header p { margin: 0; color: #a67517; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.product-v2 h1, .product-v2 h2 { margin: 0; color: #2c211b; font: 600 clamp(2rem,3.5vw,3.2rem)/.98 "Cormorant Garamond",Georgia,serif; letter-spacing: -.025em; }.product-v2__purchase > strong { color: #75655a; font-size: .88rem; font-weight: 500; line-height: 1.45; }.product-v2__price { display: flex; align-items: center; gap: 11px; padding: 15px 0; border-top: 1px solid rgba(87,65,38,.13); border-bottom: 1px solid rgba(87,65,38,.13); }.product-v2__price b { color: #32261d; font: 600 1.75rem/1 "Manrope",sans-serif; }.product-v2__price span { padding: 5px 8px; border-radius: 999px; background: #e8f0df; color: #55723d; font-size: .6rem; font-weight: 850; text-transform: uppercase; }.product-v2__form { display: grid; gap: 12px; }.product-v2__field { display: grid; gap: 6px; color: #58483d; font-size: .7rem; font-weight: 850; }.product-v2__field select, .product-v2__field input { width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid rgba(86,63,36,.2); border-radius: 11px; background: #fffefa; color: #352920; font: 500 .82rem "Manrope",sans-serif; }.product-v2__field input { max-width: 104px; }.product-v2__form button { min-height: 48px; border: 0; border-radius: 999px; background: #efb812; color: #2a211a; font: 850 .74rem "Manrope",sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }.product-v2__form button:disabled { cursor: not-allowed; opacity: .55; }.product-v2__purchase > small { color: #8c7c6f; font-size: .65rem; line-height: 1.4; }.product-v2__details { max-width: 780px; margin: 30px auto 0; padding: 25px 28px; border: 1px solid rgba(87,65,38,.1); border-radius: 24px; background: rgba(255,255,255,.58); }.product-v2__details header { display: grid; gap: 9px; margin-bottom: 20px; }.product-v2__details h2 { font-size: clamp(1.85rem,3vw,2.65rem); }.product-v2__details > div { color: #4d4037; font-size: .94rem; line-height: 1.7; }.product-v2__details > div > :first-child { margin-top: 0; }.product-v2__details > div > :last-child { margin-bottom: 0; }.product-v2__details img { max-width: 100%; height: auto; border-radius: 15px; }.product-v2__details a { color: #986a14; }.product-v2__footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 25px; }.product-v2__footer a { padding: 9px 14px; border: 1px solid rgba(84,62,35,.16); border-radius: 999px; background: #fffefa; color: #5e4c3e; font-size: .67rem; font-weight: 850; text-decoration: none; }.product-v2__footer a:last-child { background: #2f251f; color: #fff8ee; }
@media (max-width: 1120px) { .product-v2 { padding-right: 24px; padding-left: 24px; } } @media (max-width: 780px) { .product-v2__main { grid-template-columns: 1fr; gap: 22px; }.product-v2__media { min-height: 320px; }.product-v2__purchase { padding: 0; } } @media (max-width: 560px) { .product-v2 { padding: 18px 16px 35px; }.product-v2__main, .product-v2__details { padding: 18px; border-radius: 20px; }.product-v2__media { min-height: 260px; }.product-v2__crumb { margin-bottom: 14px; }.product-v2__footer { justify-content: start; } }

/* Books deliberately show the direct store and the language-specific Amazon option side by side. */
.product-v2__amazon{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:13px 15px;border:1px solid #ecd69b;border-radius:15px;background:linear-gradient(110deg,#fffdf6,#fff1c7);color:#4e4033;font-size:.8rem}.product-v2__amazon > div{display:grid;gap:3px;min-width:0}.product-v2__amazon > div > b{font-size:.76rem}.product-v2__amazon small{color:#796554;font-size:.65rem;line-height:1.35}.product-v2__amazon i{color:#796554}.product-v2__amazon nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.product-v2__amazon a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#2d241e;color:#fffaf1;font-size:.61rem;font-weight:850;letter-spacing:.03em;text-decoration:none}.product-v2__amazon a:hover{background:#17120f}.product-v2__amazon a .language-flag{width:16px;height:16px;flex:0 0 16px;border-color:rgba(255,255,255,.35);box-shadow:none}.product-v2__shipping{margin:2px 0;color:#50453b;font-size:.8rem}.product-v2__shipping b{color:#2d241e}@media(max-width:560px){.product-v2__amazon{align-items:flex-start;flex-direction:column}.product-v2__amazon nav{justify-content:flex-start}.product-v2__amazon span{white-space:normal}}
.product-v2__language-note{margin:-5px 0 0;padding:8px 11px;border-left:3px solid #e5b329;border-radius:8px;background:rgba(247,225,161,.28);color:#6d521b;font-size:.72rem;font-weight:750;line-height:1.35}.product-v2__language-note b{color:#3d2a14}
.product-v2__shipping{display:flex;align-items:flex-start;gap:7px;line-height:1.45;word-spacing:.08em}.product-v2__shipping > span:first-child{flex:0 0 auto}.product-v2__shipping > span:last-child{min-width:0}
.main-nav > a, .main-nav summary { font-size: .77rem; }
.main-nav > a::before, .main-nav summary::before { width: 8px; height: 8px; }
.home-official-live__result { grid-template-columns: minmax(0, 1fr) 92px; }
.home-official-live__result-copy { display: grid; min-width: 0; gap: 17px; }
.home-official-live__result-thumb { display: block; width: 92px; height: 112px; border-radius: 14px; object-fit: cover; box-shadow: 0 8px 16px rgba(67,48,28,.14); }
@media (max-width: 700px) { .home-official-live__result { grid-template-columns: minmax(0, 1fr) 76px; }.home-official-live__result-thumb { width: 76px; height: 92px; } }

/* Native video detail page, including the retained YouTube embed integration. */
.page:has(.video-v2), .site-main:has(.video-v2) { padding-top: 0; }.video-v2 { max-width: 900px; margin: 0 auto; padding: 25px 0 48px; }.video-v2__crumb { display: flex; gap: 8px; overflow: hidden; color: #8c7d71; font-size: .65rem; white-space: nowrap; }.video-v2__crumb a { color: #8e6d2f; text-decoration: none; }.video-v2__crumb b { overflow: hidden; text-overflow: ellipsis; font-weight: 600; }.video-v2 header { display: grid; justify-items: start; gap: 12px; padding: 27px 0 22px; }.video-v2 header p, .video-v2__about > p { margin: 0; color: #a67517; font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.video-v2 h1 { max-width: 900px; margin: 0; color: #2c211b; font: 600 clamp(2.45rem,5vw,4.35rem)/.95 "Cormorant Garamond",Georgia,serif; letter-spacing: -.03em; }.video-v2 header strong { max-width: 760px; color: #68594f; font-size: .98rem; font-weight: 500; line-height: 1.48; }.video-v2__player { display: grid; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; border: 1px solid rgba(80,58,34,.13); border-radius: 24px; background: #241c17; box-shadow: 0 15px 32px rgba(62,43,24,.14); }.video-v2__player iframe, .video-v2__player img { width: 100%; height: 100%; border: 0; object-fit: cover; }.video-v2__player span { color: #f2c247; font: 600 2rem "Cormorant Garamond",Georgia,serif; }.video-v2__about { max-width: 760px; margin: 28px auto 0; padding: 23px 27px; border: 1px solid rgba(82,61,36,.11); border-radius: 22px; background: rgba(255,255,255,.64); }.video-v2__about > p { margin-bottom: 12px; }.video-v2__about > div { color: #4f423a; font-size: .95rem; line-height: 1.7; }.video-v2__about > div > :first-child { margin-top: 0; }.video-v2__about > div > :last-child { margin-bottom: 0; }.video-v2__about img { max-width: 100%; height: auto; border-radius: 14px; }.video-v2__about a { color: #9d6d16; }.video-v2 footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; }.video-v2 footer a { padding: 9px 14px; border: 1px solid rgba(80,58,34,.17); border-radius: 999px; background: #fffefa; color: #5a493d; font-size: .67rem; font-weight: 850; text-decoration: none; }.video-v2 footer a:last-child { background: #30251e; color: #fffaf1; }
@media (max-width: 1040px) { .video-v2 { padding-right: 24px; padding-left: 24px; } } @media (max-width: 560px) { .video-v2 { padding: 18px 16px 35px; }.video-v2 header { padding: 20px 0 17px; }.video-v2 h1 { font-size: clamp(2.2rem,12vw,3.35rem); }.video-v2__player { border-radius: 16px; }.video-v2__about { padding: 18px; border-radius: 18px; } }

/* Shared native archive shell for article, product, and video taxonomies. */
.page:has(.taxonomy-v2), .site-main:has(.taxonomy-v2) { padding-top: 0; }.taxonomy-v2 { display: grid; gap: 20px; }.taxonomy-v2__hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 15px 28px; align-items: end; min-height: 213px; padding: 28px 31px; border: 1px solid rgba(216,170,34,.48); border-bottom: 3px solid #eab612; border-radius: 26px; background: radial-gradient(circle at 92% 16%,rgba(241,196,63,.25),transparent 22%),linear-gradient(117deg,#fffefa,#f8e4a7); }.taxonomy-v2__hero p { margin: 0; color: #a57417; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.taxonomy-v2__hero h1 { grid-column: 1; margin: 0; color: #2c211b; font: 600 clamp(2.35rem,4.3vw,4rem)/.95 "Cormorant Garamond",Georgia,serif; letter-spacing: -.035em; }.taxonomy-v2__hero > span { grid-column: 1; max-width: 720px; color: #76675b; font-size: .88rem; line-height: 1.45; }.taxonomy-v2__hero > b { grid-column: 2; grid-row: 1 / span 3; align-self: center; padding: 11px 15px; border: 1px solid rgba(128,91,25,.18); border-radius: 999px; background: rgba(255,255,255,.66); color: #88601a; font-size: .65rem; white-space: nowrap; }.taxonomy-v2__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.taxonomy-v2__card { display: grid; grid-template-rows: 176px minmax(0,1fr); overflow: hidden; min-height: 340px; border: 1px solid rgba(84,62,36,.12); border-radius: 20px; background: rgba(255,255,255,.7); }.taxonomy-v2__image, .taxonomy-v2__placeholder { display: block; background: linear-gradient(135deg,#e6d4af,#c8aa73); }.taxonomy-v2__image img { display: block; width: 100%; height: 100%; object-fit: cover; }.taxonomy-v2__card > div { display: grid; align-content: start; gap: 8px; padding: 16px; }.taxonomy-v2__card p { margin: 0; color: #a77416; font-size: .62rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }.taxonomy-v2__card h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #30241d; font: 750 1rem/1.15 "Manrope",sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.taxonomy-v2__card h2 a { color: inherit; text-decoration: none; }.taxonomy-v2__card > div > span { display: -webkit-box; overflow: hidden; color: #88796c; font-size: .72rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.taxonomy-v2__card > div > a { align-self: end; margin-top: 3px; color: #946815; font-size: .65rem; font-weight: 900; text-decoration: none; }
@media (min-width: 761px) { .taxonomy-v2__hero, .taxonomy-v2__grid { margin-right: 24px; margin-left: 24px; } } @media (max-width: 760px) { .taxonomy-v2__hero { grid-template-columns: 1fr; min-height: 0; }.taxonomy-v2__hero > b { grid-column: 1; grid-row: auto; justify-self: start; }.taxonomy-v2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 520px) { .taxonomy-v2__hero { padding: 20px; border-radius: 20px; }.taxonomy-v2__grid { grid-template-columns: 1fr; }.taxonomy-v2__card { grid-template-rows: 195px minmax(0,1fr); } }

/* Taxonomy archives follow the editorial card proportions used by the live site. */
.taxonomy-v2__grid { gap: 20px; }
.taxonomy-v2__card { grid-template-rows: 274px minmax(0, 1fr); min-height: 520px; border-radius: 25px; background: #fffdfa; box-shadow: 0 15px 30px rgba(64, 43, 23, .07); }
.taxonomy-v2__image { margin: 25px 25px 0; overflow: hidden; border-radius: 19px; background: #201b19; }
.taxonomy-v2__placeholder { margin: 25px 25px 0; border-radius: 19px; }
.taxonomy-v2__card > div { gap: 14px; padding: 24px 26px 26px; }
.taxonomy-v2__card p { color: #a66d07; font-size: .82rem; letter-spacing: .09em; }
.taxonomy-v2__card h2 { color: #241c18; font-size: clamp(1.55rem, 2vw, 2rem); line-height: 1.12; -webkit-line-clamp: 2; }
.taxonomy-v2__card > div > span { color: #231e1a; font-size: 1rem; line-height: 1.45; -webkit-line-clamp: 3; }
.taxonomy-v2__card > div > a { color: #382513; font-size: .78rem; letter-spacing: .055em; }
@media (max-width: 760px) { .taxonomy-v2__grid { gap: 14px; }.taxonomy-v2__card { grid-template-rows: 190px minmax(0,1fr); min-height: 0; border-radius: 20px; }.taxonomy-v2__image, .taxonomy-v2__placeholder { margin: 14px 14px 0; border-radius: 15px; }.taxonomy-v2__card > div { padding: 18px; }.taxonomy-v2__card h2 { font-size: 1.55rem; }.taxonomy-v2__card > div > span { font-size: .93rem; } }

/* Product category archives mirror the live four-column portrait catalogue. */
.taxonomy-v2__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.taxonomy-v2__card { grid-template-rows: 350px minmax(0, 1fr); min-height: 0; }
.taxonomy-v2__image { display: grid; place-items: center; background: #f3eee5; }
.taxonomy-v2__image img { width: 100%; height: 100%; object-fit: contain; }
.taxonomy-v2__card h2 { font-size: clamp(1.25rem, 1.45vw, 1.65rem); -webkit-line-clamp: 3; }
.taxonomy-v2__card > div > span { font-size: .9rem; -webkit-line-clamp: 3; }
@media (max-width: 1180px) {
  .taxonomy-v2__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .taxonomy-v2__card { grid-template-rows: 310px minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .taxonomy-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .taxonomy-v2__card { grid-template-rows: 270px minmax(0, 1fr); }
  .taxonomy-v2__image { margin: 14px 14px 0; }
}
@media (max-width: 520px) {
  .taxonomy-v2__grid { grid-template-columns: 1fr; }
  .taxonomy-v2__card { grid-template-rows: 320px minmax(0, 1fr); }
}


/* Native community archives for Paquita's humour and arbitration feeds. */
.page:has(.social-v2), .site-main:has(.social-v2) { padding-top: 0; }.social-v2 { display: grid; gap: 18px; }.social-v2__hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 13px 26px; align-items: end; min-height: 222px; padding: 28px 31px; border: 1px solid rgba(220,174,34,.49); border-bottom: 3px solid #e7b311; border-radius: 26px; background: radial-gradient(circle at 92% 18%,rgba(236,191,55,.26),transparent 22%),linear-gradient(118deg,#fffefa,#fae6ac); }.social-v2--arbitration .social-v2__hero { background: radial-gradient(circle at 92% 18%,rgba(151,183,211,.28),transparent 22%),linear-gradient(118deg,#fffefa,#dfe9ed); border-color: rgba(76,128,171,.35); border-bottom-color: #4c88b9; }.social-v2__hero p { margin: 0; color: #a57417; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.social-v2--arbitration .social-v2__hero p { color: #477497; }.social-v2__hero h1 { grid-column: 1; margin: 0; color: #2d211b; font: 600 clamp(2.4rem,4.5vw,4.2rem)/.94 "Cormorant Garamond",Georgia,serif; letter-spacing: -.035em; }.social-v2__hero > span { grid-column: 1; max-width: 720px; color: #74665b; font-size: .9rem; line-height: 1.46; }.social-v2__hero > b { grid-column: 2; grid-row: 1 / span 3; align-self: center; padding: 10px 14px; border: 1px solid rgba(86,64,38,.16); border-radius: 999px; background: rgba(255,255,255,.68); color: #886119; font-size: .65rem; white-space: nowrap; }.social-v2__intro { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 17px 21px; border: 1px solid rgba(83,62,37,.1); border-radius: 20px; background: rgba(255,255,255,.62); color: #67594f; font-size: .86rem; }.social-v2__intro a { flex: 0 0 auto; color: #946915; font-size: .66rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.social-v2__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.social-v2__card { display: grid; grid-template-rows: 205px minmax(0,1fr); overflow: hidden; min-height: 385px; border: 1px solid rgba(83,62,37,.12); border-radius: 21px; background: rgba(255,255,255,.72); }.social-v2__card > img, .social-v2__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg,#decaa7,#b69463); object-fit: cover; }.social-v2__card > div { display: grid; align-content: start; gap: 8px; padding: 16px; }.social-v2__card p { margin: 0; color: #a57417; font-size: .61rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.social-v2--arbitration .social-v2__card p { color: #477497; }.social-v2__card h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #2d211b; font: 750 1rem/1.14 "Manrope",sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.social-v2__card > div > span { display: -webkit-box; overflow: hidden; color: #88796d; font-size: .73rem; line-height: 1.36; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.social-v2__card small { display: -webkit-box; overflow: hidden; color: #6f6055; font-size: .68rem; font-style: italic; line-height: 1.34; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.social-v2__card footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }.social-v2__card footer b { color: #9a897a; font-size: .61rem; font-weight: 650; }.social-v2__card footer a { color: #956814; font-size: .63rem; font-weight: 900; text-decoration: none; }
@media (min-width: 761px) { .social-v2__hero, .social-v2__intro, .social-v2__grid { margin-right: 24px; margin-left: 24px; } } @media (max-width: 760px) { .social-v2__hero { grid-template-columns: 1fr; min-height: 0; padding: 21px; border-radius: 21px; }.social-v2__hero > b { grid-column: 1; grid-row: auto; justify-self: start; }.social-v2__intro { align-items: start; flex-direction: column; }.social-v2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 520px) { .social-v2__grid { grid-template-columns: 1fr; }.social-v2__card { grid-template-rows: 225px minmax(0,1fr); min-height: 0; } }

/* Native video category index. */
.page:has(.video-categories-v2), .site-main:has(.video-categories-v2) { padding-top: 0; }.video-categories-v2 { display: grid; gap: 20px; }.video-categories-v2__hero { display: grid; justify-items: start; min-height: 235px; padding: 30px 32px; border: 1px solid rgba(81,133,173,.33); border-bottom: 3px solid #5d95bf; border-radius: 27px; background: radial-gradient(circle at 93% 16%,rgba(105,165,204,.26),transparent 22%),linear-gradient(118deg,#fffefa,#dfeaf0); }.video-categories-v2__hero p { margin: 0; color: #4a7699; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.video-categories-v2__hero h1 { margin: 14px 0 11px; color: #2a211c; font: 600 clamp(2.45rem,4.4vw,4.2rem)/.94 "Cormorant Garamond",Georgia,serif; letter-spacing: -.035em; }.video-categories-v2__hero span { max-width: 720px; color: #647179; font-size: .9rem; line-height: 1.45; }.video-categories-v2__hero a { margin-top: 20px; padding: 10px 14px; border-radius: 999px; background: #2f536d; color: #fffaf1; font-size: .65rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.video-categories-v2__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.video-categories-v2__card { position: relative; display: grid; min-height: 205px; overflow: hidden; border-radius: 20px; background: #2b2825; color: #fff9ec; text-decoration: none; }.video-categories-v2__card > img, .video-categories-v2__card > span { position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(135deg,#5f8195,#263a48); object-fit: cover; }.video-categories-v2__card::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 20%,rgba(16,16,16,.88)); content: ""; }.video-categories-v2__card > div { position: relative; z-index: 1; display: grid; align-content: end; gap: 4px; padding: 17px; }.video-categories-v2__card small { color: #ebc14b; font-size: .62rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.video-categories-v2__card strong { font: 600 clamp(1.45rem,2.3vw,2rem)/.95 "Cormorant Garamond",Georgia,serif; }.video-categories-v2__card b { margin-top: 4px; color: #dbe9f0; font-size: .64rem; }.video-categories-v2__card:hover > img { transform: scale(1.04); }.video-categories-v2__card > img { transition: transform .3s ease; }
@media (min-width: 761px) { .video-categories-v2__hero, .video-categories-v2__grid { margin-right: 24px; margin-left: 24px; } } @media (max-width: 700px) { .video-categories-v2__hero { min-height: 0; padding: 22px; border-radius: 21px; }.video-categories-v2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 480px) { .video-categories-v2__grid { grid-template-columns: 1fr; }.video-categories-v2__card { min-height: 225px; } }

/* Shared native finish for migrated editorial pages that use the block editor. */
.editorial-page-v2 { max-width: 1120px; padding-top: 25px; }.editorial-page-v2 .page-header { position: relative; max-width: none; min-height: 214px; margin-bottom: 22px; padding: 31px 34px; overflow: hidden; border: 1px solid rgba(215,170,33,.46); border-bottom: 3px solid #eab512; border-radius: 27px; background: radial-gradient(circle at 94% 12%,rgba(239,193,54,.26),transparent 23%),linear-gradient(118deg,#fffefa,#f9e5a8); }.editorial-page-v2 .page-header::after { position: absolute; right: -52px; bottom: -78px; width: 225px; height: 225px; border: 1px solid rgba(116,90,49,.19); border-radius: 50%; content: ""; }.editorial-page-v2 .page-header h1 { position: relative; z-index: 1; max-width: 900px; margin: 0; color: #2c211b; font: 600 clamp(2.35rem,4.3vw,4rem)/.94 "Cormorant Garamond",Georgia,serif; letter-spacing: -.04em; }.editorial-page-v2 .page-header p { position: relative; z-index: 1; max-width: 760px; margin-top: 16px; color: #74655a; font: 500 .95rem/1.5 "Manrope",sans-serif; }.editorial-page-v2 .content { display: grid; gap: 18px; }.editorial-page-v2 .content > section { margin: 0; }.editorial-page-v2 .content .n-rich-text, .editorial-page-v2 .content > .n-faq, .editorial-page-v2 .content > .n-columns, .editorial-page-v2 .content > .n-cards, .editorial-page-v2 .content > .n-downloads { max-width: none; padding: 28px 30px; border: 1px solid rgba(83,62,37,.1); border-radius: 23px; background: rgba(255,255,255,.66); box-shadow: 0 12px 25px rgba(67,48,28,.04); }.editorial-page-v2 .content .n-rich-text { color: #4c3f37; font: 400 1rem/1.72 "Manrope",sans-serif; }.editorial-page-v2 .content .n-rich-text h2 { margin-top: 1.65em; color: #2c211b; font: 600 clamp(1.9rem,3vw,2.7rem)/.98 "Cormorant Garamond",Georgia,serif; }.editorial-page-v2 .content .n-rich-text h3 { color: #3b2d23; font-family: "Cormorant Garamond",Georgia,serif; }.editorial-page-v2 .content .n-rich-text p:first-child, .editorial-page-v2 .content .n-rich-text h2:first-child { margin-top: 0; }.editorial-page-v2 .content .n-rich-text p:last-child { margin-bottom: 0; }.editorial-page-v2 .content .n-feature-grid { overflow: hidden; border: 1px solid rgba(83,62,37,.11); border-radius: 22px; background: transparent; }.editorial-page-v2 .content .n-feature-grid article { min-height: 175px; background: rgba(255,255,255,.7); }.editorial-page-v2 .content .n-feature-grid article:hover { background: #fff6dc; }.editorial-page-v2 .content .n-cta { border-radius: 24px; }.editorial-page-v2 .content .n-image img, .editorial-page-v2 .content .n-article-cover img { border-radius: 20px; }
@media (max-width: 760px) { .editorial-page-v2 { padding-top: 18px; }.editorial-page-v2 .page-header { min-height: 0; padding: 23px 21px; border-radius: 21px; }.editorial-page-v2 .page-header h1 { font-size: clamp(2.2rem,11vw,3.4rem); }.editorial-page-v2 .content .n-rich-text, .editorial-page-v2 .content > .n-faq, .editorial-page-v2 .content > .n-columns, .editorial-page-v2 .content > .n-cards, .editorial-page-v2 .content > .n-downloads { padding: 20px; border-radius: 19px; }.editorial-page-v2 .content .n-feature-grid { grid-template-columns: 1fr; }.editorial-page-v2 .content .n-rich-text { font-size: .94rem; line-height: 1.67; } }

/* Native site search results. */
.page:has(.search-v2), .site-main:has(.search-v2) { padding-top: 0; }.search-v2 { display: grid; gap: 19px; }.search-v2__hero { display: grid; justify-items: start; min-height: 244px; padding: 29px 32px; border: 1px solid rgba(214,168,34,.46); border-bottom: 3px solid #e9b614; border-radius: 27px; background: radial-gradient(circle at 92% 14%,rgba(240,194,55,.27),transparent 22%),linear-gradient(118deg,#fffefa,#fae5a8); }.search-v2__hero > p { margin: 0; color: #a57417; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.search-v2__hero h1 { margin: 13px 0 10px; color: #2c211b; font: 600 clamp(2.35rem,4.2vw,3.9rem)/.95 "Cormorant Garamond",Georgia,serif; letter-spacing: -.035em; }.search-v2__hero > span { max-width: 730px; color: #75655a; font-size: .89rem; line-height: 1.45; }.search-v2__hero form { display: flex; width: min(620px,100%); gap: 8px; margin-top: 21px; padding: 5px; border: 1px solid rgba(83,62,37,.15); border-radius: 999px; background: rgba(255,255,255,.78); }.search-v2__hero input { min-width: 0; flex: 1; padding: 9px 13px; border: 0; outline: 0; background: transparent; color: #32261e; font: 500 .84rem "Manrope",sans-serif; }.search-v2__hero button { padding: 10px 15px; border: 0; border-radius: 999px; background: #2e251e; color: #fff9ee; font: 850 .65rem "Manrope",sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }.search-v2__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.search-v2__card { display: grid; align-content: start; gap: 8px; min-height: 195px; padding: 18px; border: 1px solid rgba(83,62,37,.11); border-radius: 20px; background: rgba(255,255,255,.7); }.search-v2__card p { margin: 0; color: #a57517; font-size: .62rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.search-v2__card h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #2d211b; font: 750 1rem/1.17 "Manrope",sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.search-v2__card h2 a { color: inherit; text-decoration: none; }.search-v2__card > span { display: -webkit-box; overflow: hidden; color: #88796d; font-size: .73rem; line-height: 1.36; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.search-v2__card > a { align-self: end; margin-top: auto; color: #976a15; font-size: .65rem; font-weight: 900; text-decoration: none; }
@media (min-width: 761px) { .search-v2__hero, .search-v2__grid { margin-right: 24px; margin-left: 24px; } } @media (max-width: 760px) { .search-v2__hero { min-height: 0; padding: 22px; border-radius: 21px; }.search-v2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 520px) { .search-v2__hero form { align-items: stretch; flex-direction: column; border-radius: 18px; }.search-v2__hero button { min-height: 42px; }.search-v2__grid { grid-template-columns: 1fr; } }

/* Native downloads page, preserving protected attachment routes and counters. */
.page:has(.downloads-v2), .site-main:has(.downloads-v2) { padding-top: 0; }.downloads-v2 { display: grid; gap: 20px; }.downloads-v2__hero { position: relative; display: grid; align-content: center; min-height: 196px; padding: 28px 31px; overflow: hidden; border: 1px solid rgba(213,167,32,.43); border-radius: 25px; background: radial-gradient(circle at 90% 105%,rgba(178,144,66,.3) 0 84px,transparent 85px),linear-gradient(96deg,rgba(255,254,250,.96),rgba(255,249,238,.72) 55%,rgba(238,222,191,.76)),url('/media/brand/paquita-home-hero.png') 79% 46%/cover; }.downloads-v2__hero::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,253,247,.92),rgba(255,253,247,.68) 52%,rgba(255,253,247,.1)); content: ""; }.downloads-v2__hero > * { position: relative; z-index: 1; }.downloads-v2__hero p { margin: 0; color: #a57516; font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }.downloads-v2__hero h1 { max-width: 900px; margin: 13px 0 10px; color: #2d211b; font: 600 clamp(2.45rem,4.35vw,4.15rem)/.94 "Cormorant Garamond",Georgia,serif; letter-spacing: -.04em; }.downloads-v2__hero span { max-width: 760px; color: #75655a; font-size: .9rem; line-height: 1.45; }.downloads-v2__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; min-height: 250px; }.downloads-v2__card { display: grid; align-content: start; min-height: 220px; padding: 24px; border: 1px solid rgba(82,61,37,.11); border-radius: 22px; background: rgba(255,255,255,.68); }.downloads-v2__card > div { display: grid; align-content: start; gap: 13px; }.downloads-v2__card p { margin: 0; color: #a57416; font-size: .63rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.downloads-v2__card h2 { margin: 0; color: #2d211b; font: 600 clamp(1.7rem,2.6vw,2.35rem)/.98 "Cormorant Garamond",Georgia,serif; }.downloads-v2__card span { color: #74665a; font-size: .88rem; line-height: 1.45; }.downloads-v2__card b { color: #78685c; font-size: .72rem; font-weight: 600; }.downloads-v2__card b i { color: #bc8a23; font-style: normal; }.downloads-v2__card a { justify-self: start; margin-top: 3px; padding: 10px 15px; border-radius: 999px; background: #edb714; color: #30251d; font-size: .66rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
@media (min-width: 761px) { .downloads-v2__hero, .downloads-v2__grid { margin-right: 24px; margin-left: 24px; } } @media (max-width: 700px) { .downloads-v2__hero { min-height: 0; padding: 23px; border-radius: 21px; }.downloads-v2__grid { grid-template-columns: 1fr; } }

/* Native A-Z glossary. */
.lexicon-v2__alphabet { display: flex; flex-wrap: wrap; gap: 7px; margin: 22px 0; padding: 14px; border: 1px solid rgba(83,62,37,.12); border-radius: 18px; background: rgba(255,255,255,.7); }.lexicon-v2__alphabet a { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: #f2e3c0; color: #3b2b20; font: 800 .7rem "Manrope",sans-serif; text-decoration: none; }.lexicon-v2__alphabet a:hover { background: #eab512; }.lexicon-v2__body { display: grid; gap: 20px; }.lexicon-v2__body > section { scroll-margin-top: 24px; }.lexicon-v2__body > section > h2 { margin: 0 0 11px; padding-bottom: 8px; border-bottom: 2px solid #eab512; }.lexicon-v2__body article { padding: 15px 0; border-bottom: 1px solid rgba(83,62,37,.1); }.lexicon-v2__body article:last-child { border-bottom: 0; }.lexicon-v2__body h3 { margin: 0 0 6px; color: #2b211b; font: 700 1.25rem/1.1 "Manrope",sans-serif; }.lexicon-v2__body p { margin: 0; }.lexicon-v2__body small { display: inline-block; margin-top: 8px; color: #9b721d; font: 800 .62rem "Manrope",sans-serif; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 700px) { .lexicon-v2__alphabet { gap: 6px; padding: 11px; }.lexicon-v2__alphabet a { width: 29px; height: 29px; } }

/* Native administration hub. */
.admin-hub { display: grid; gap: 22px; max-width: 1220px; }.admin-hub__hero { display: flex; align-items: end; justify-content: space-between; gap: 24px; min-height: 265px; padding: 34px; border: 1px solid rgba(213,167,32,.48); border-bottom: 4px solid #e9b515; border-radius: 27px; background: radial-gradient(circle at 90% 18%,rgba(237,184,20,.23),transparent 21%),radial-gradient(circle at 94% 89%,rgba(80,61,37,.1),transparent 25%),linear-gradient(125deg,#fffdf7,#f6e4ac); }.admin-hub__hero > div { max-width: 780px; }.admin-hub__hero p, .admin-hub__section > header > div > p, .admin-hub__panel > header > div > p { margin: 0; color: #a37217; font: 850 .64rem "Manrope",sans-serif; letter-spacing: .14em; text-transform: uppercase; }.admin-hub__hero h1 { max-width: 760px; margin: 14px 0 13px; color: #2c211b; font: 600 clamp(2.5rem,4.5vw,4.4rem)/.91 "Cormorant Garamond",Georgia,serif; letter-spacing: -.045em; }.admin-hub__hero span { color: #6d5d51; font: 500 .9rem/1.45 "Manrope",sans-serif; }.admin-hub__hero nav { display: flex; flex-wrap: wrap; justify-content: end; gap: 9px; }.admin-hub__hero .button { white-space: nowrap; }.admin-hub__section, .admin-hub__panel { padding: 23px; border: 1px solid rgba(83,62,37,.11); border-radius: 22px; background: rgba(255,255,255,.67); box-shadow: 0 13px 26px rgba(70,49,30,.04); }.admin-hub__section > header, .admin-hub__panel > header { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }.admin-hub__section h2, .admin-hub__panel h2 { margin: 6px 0 0; color: #2d211b; font: 600 clamp(1.7rem,2.8vw,2.4rem)/.96 "Cormorant Garamond",Georgia,serif; }.admin-hub__panel > header > a { color: #987018; font: 850 .65rem "Manrope",sans-serif; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.admin-hub__tasks, .admin-hub__metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.admin-hub__task { display: grid; grid-template-columns: 1fr auto; gap: 8px; min-height: 130px; padding: 16px; border: 1px solid rgba(84,64,43,.1); border-radius: 18px; background: #fffdf8; color: #34271f; text-decoration: none; }.admin-hub__task span { font: 750 .78rem/1.2 "Manrope",sans-serif; }.admin-hub__task b { align-self: start; color: #a57518; font: 600 2rem/.85 "Cormorant Garamond",Georgia,serif; }.admin-hub__task small { grid-column: 1 / -1; align-self: end; color: #8a765f; font: 850 .61rem "Manrope",sans-serif; letter-spacing: .08em; text-transform: uppercase; }.admin-hub__task--gold { border-top: 3px solid #eab512; }.admin-hub__task--blue { border-top: 3px solid #568eb7; }.admin-hub__task--sand { border-top: 3px solid #a8794f; }.admin-hub__task--red { border-top: 3px solid #bf5d4e; }.admin-hub__metric { display: grid; gap: 8px; min-height: 114px; padding: 15px; border-radius: 17px; background: #2d241e; color: #fff8ec; }.admin-hub__metric span { color: #dbb85a; font: 800 .61rem "Manrope",sans-serif; letter-spacing: .08em; text-transform: uppercase; }.admin-hub__metric strong { font: 600 2.1rem/.85 "Cormorant Garamond",Georgia,serif; }.admin-hub__metric small { color: #d4c5b8; font: 500 .68rem/1.3 "Manrope",sans-serif; }.admin-hub__split { display: grid; grid-template-columns: 1.03fr .97fr; gap: 22px; }.admin-hub__automation { display: grid; gap: 9px; }.admin-hub__automation > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px 0; border-bottom: 1px solid rgba(83,62,37,.1); color: inherit; text-decoration: none; }.admin-hub__automation > a:last-child { border-bottom: 0; }.admin-hub__dot { width: 10px; height: 10px; border-radius: 50%; }.admin-hub__dot.is-ok { background: #2d9b68; box-shadow: 0 0 0 4px rgba(45,155,104,.13); }.admin-hub__dot.is-warn { background: #d09428; box-shadow: 0 0 0 4px rgba(208,148,40,.13); }.admin-hub__automation b { display: block; color: #372a21; font: 750 .82rem "Manrope",sans-serif; }.admin-hub__automation small { display: block; margin-top: 3px; color: #7b6c60; font: 500 .69rem/1.35 "Manrope",sans-serif; }.admin-hub__automation em { color: #9b721b; font: 850 .58rem "Manrope",sans-serif; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }.admin-hub__recent { display: grid; }.admin-hub__row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 11px; padding: 10px 0; border-bottom: 1px solid rgba(83,62,37,.1); color: inherit; text-decoration: none; }.admin-hub__row:last-child { border-bottom: 0; }.admin-hub__row b { display: block; overflow: hidden; color: #35291f; font: 700 .76rem/1.25 "Manrope",sans-serif; text-overflow: ellipsis; white-space: nowrap; }.admin-hub__row small { display: block; overflow: hidden; margin-top: 2px; color: #8a796b; font: 500 .64rem "Manrope",sans-serif; text-overflow: ellipsis; white-space: nowrap; }.admin-hub__row time { color: #89796e; font: 600 .6rem "Manrope",sans-serif; text-align: right; }.admin-hub__status { padding: 5px 7px; border-radius: 999px; background: #efe3c9; color: #87641e; font: 850 .55rem "Manrope",sans-serif; font-style: normal; letter-spacing: .07em; text-transform: uppercase; }.admin-hub__status--draft { background: #e6e8ea; color: #54616b; }.admin-hub__links { display: flex; flex-wrap: wrap; gap: 8px; }.admin-hub__links a { padding: 9px 12px; border: 1px solid rgba(83,62,37,.14); border-radius: 999px; background: #fffdf8; color: #44342a; font: 800 .64rem "Manrope",sans-serif; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }.admin-hub__links a:hover, .admin-hub__task:hover { border-color: #d29a1f; background: #fff5d9; }.admin-hub__logout { justify-self: start; }.admin-hub__logout .button-secondary { border-radius: 999px; }
@media (max-width: 900px) { .admin-hub__tasks, .admin-hub__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-hub__split { grid-template-columns: 1fr; }.admin-hub__hero { align-items: start; flex-direction: column; }.admin-hub__hero nav { justify-content: start; } } @media (max-width: 560px) { .admin-hub { gap: 14px; }.admin-hub__hero, .admin-hub__section, .admin-hub__panel { padding: 20px; border-radius: 20px; }.admin-hub__hero h1 { font-size: clamp(2.35rem,12vw,3.4rem); }.admin-hub__tasks, .admin-hub__metrics { grid-template-columns: 1fr; }.admin-hub__row { grid-template-columns: minmax(0,1fr) auto; }.admin-hub__row time { display: none; }.admin-hub__automation > a { grid-template-columns: auto 1fr; }.admin-hub__automation em { display: none; } }

/* Category-local product ordering in the native administration. */
.admin-product-filter { display: flex; flex-wrap: wrap; align-items: end; gap: 9px; margin: 18px 0 8px; padding: 13px; border: 1px solid rgba(83,62,37,.1); border-radius: 16px; background: #fffaf0; }.admin-product-filter label { display: grid; gap: 5px; color: #5e4d3f; font: 800 .63rem "Manrope",sans-serif; letter-spacing: .06em; text-transform: uppercase; }.admin-product-filter select { min-width: 230px; min-height: 37px; padding: 0 10px; border: 1px solid rgba(83,62,37,.17); border-radius: 9px; background: #fffefa; color: #33261e; font: 600 .8rem "Manrope",sans-serif; }.admin-order-note { margin: 8px 0 17px; color: #766558; font: 500 .78rem/1.4 "Manrope",sans-serif; }.admin-order { display: flex; flex-wrap: wrap; gap: 6px; }.admin-order form { margin: 0; }.admin-order button { padding: 6px 8px; border: 1px solid rgba(83,62,37,.18); border-radius: 8px; background: #2f251e; color: #fff8ed; font: 800 .59rem "Manrope",sans-serif; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }.admin-order button:disabled { border-color: rgba(83,62,37,.1); background: #e5dfd8; color: #9d9186; cursor: default; }.admin-order button:not(:disabled):hover { background: #b77c10; }
@media (max-width: 650px) { .admin-product-filter { align-items: stretch; flex-direction: column; }.admin-product-filter select { width: 100%; }.admin-card { overflow-x: auto; }.admin-card table { min-width: 620px; } }

/* Phone-first shell: no clipped navigation or accidental horizontal page scroll. */
img, video { max-width: 100%; }
@media (max-width: 760px) {
  body.site-body { overflow-x: hidden; }
  .site-frame, .site-header, .site-main, .site-footer { max-width: 100%; }
  .main-nav > a, .main-nav > .nav-menu > summary { display: flex; align-items: center; min-height: 44px; white-space: normal; }
  .language-switcher { display: grid; width: 100%; max-width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; overflow: visible; padding: 2px 1px 8px; }
  .language-pill { width: auto; min-width: 0; }
  .global-search { min-height: 48px; }
  .global-search button { min-width: 52px; min-height: 48px; }
}
@media (max-width: 480px) {
  .site-header { padding: 18px 16px; }
  .brand-lockup { gap: 11px; }
  .brand-wordmark { font-size: clamp(2.15rem, 10.5vw, 2.6rem); }
  .brand-tag { font-size: .57rem; letter-spacing: .23em; }
  .main-nav { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .main-nav > a, .main-nav > .nav-menu > summary { width: 100%; padding-left: 13px; font-size: .72rem; }
  .main-nav > a::before, .main-nav summary::before { left: 0; }
  .nav-submenu { position: static; width: auto; min-width: 0; margin: 4px 0 7px; box-shadow: none; }
  .header-tools { gap: 9px; }
  .shop-chip, .cart-chip { min-height: 44px; padding: 10px 13px; }
}

/* Imported editorial articles retain their fact panels, summary and tables. */
.article-v2__body .n-rich-text > article { display: grid; gap: 0; }
.article-v2__body .n-rich-text > article > :first-child { margin-top: 0; }
.article-v2__body .pl-import-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 25px 0 28px; padding: 0; }
.article-v2__body .pl-import-fact { display: grid; align-content: start; gap: 2px; min-height: 108px; padding: 15px 12px; border: 1px solid rgba(170, 119, 25, .21); border-radius: 15px; background: linear-gradient(145deg, #fffdf8, #faedca); text-align: center; }
.article-v2__body .pl-import-fact strong { color: #9c6a13; font: 600 clamp(1.45rem, 2.6vw, 2rem)/1 "Cormorant Garamond", Georgia, serif; }
.article-v2__body .pl-import-fact span { color: #4d3d32; font-size: .7rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.article-v2__body .pl-import-fact small { color: #7b6b5e; font-size: .65rem; line-height: 1.24; }
.article-v2__body .n-rich-text > article > nav { margin: 0 0 30px; padding: 18px 21px; border: 1px solid rgba(78, 57, 35, .12); border-left: 4px solid #d6a326; border-radius: 0 16px 16px 0; background: #faf4e8; }
.article-v2__body .n-rich-text > article > nav > div { margin-bottom: 9px; color: #8c6014; font-size: .67rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.article-v2__body .n-rich-text > article > nav ol { display: grid; gap: 5px; margin: 0; padding-left: 19px; }
.article-v2__body .n-rich-text > article > nav li { padding-left: 2px; color: #9c7b3d; font-size: .84rem; }
.article-v2__body .n-rich-text > article > nav a { color: #534238; font-weight: 700; text-decoration: none; }
.article-v2__body h2 > span:first-child { display: inline-block; margin-right: .3em; color: #b77a13; font-size: .68em; }
.article-v2__body table { width: 100%; margin: 28px 0; overflow: hidden; border: 1px solid rgba(77, 55, 33, .15); border-collapse: separate; border-radius: 14px; border-spacing: 0; font-size: .88rem; }
.article-v2__body th, .article-v2__body td { padding: 11px 13px; border-bottom: 1px solid rgba(77, 55, 33, .1); text-align: left; vertical-align: top; }
.article-v2__body th { background: #2d241e; color: #fff8ec; font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; }
.article-v2__body tr:last-child td { border-bottom: 0; }
.article-v2__body td span { color: #8c631a; font-weight: 800; }

/* The seven flagship free tools keep the richer editorial layout from the live site. */
.page:has(.tool-article-v2), .site-main:has(.tool-article-v2) { padding-top: 0; }
.tool-article-v2 { width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 34px 0 70px; color: #2b201a; }
.tool-article-v2__crumb { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 22px; color: #8d745e; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.tool-article-v2__crumb a { color: inherit; text-decoration: none; }
.tool-article-v2__crumb a:hover { color: #9b6415; text-decoration: underline; }
.tool-article-v2__crumb b { overflow: hidden; max-width: 440px; text-overflow: ellipsis; white-space: nowrap; }
.tool-article-v2__hero { display: grid; grid-template-columns: minmax(320px, .86fr) minmax(0, 1.14fr); overflow: hidden; border: 1px solid #eadfce; border-radius: 32px; background: linear-gradient(135deg, #fffdf8 0%, #fbf7ef 70%, #f7ecda 100%); box-shadow: 0 20px 45px rgba(71, 46, 26, .10); }
.tool-article-v2__hero figure { display: grid; min-height: 470px; margin: 0; padding: clamp(20px, 3vw, 40px); place-items: center; background: linear-gradient(145deg, #d8dde1, #a7b0b8); }
.tool-article-v2__hero figure img { display: block; width: 100%; max-width: 460px; max-height: 600px; object-fit: contain; filter: drop-shadow(0 22px 24px rgba(19, 15, 12, .27)); }
.tool-article-v2__hero header { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 70px); }
.tool-article-v2__eyebrow, .tool-article-v2__share p { margin: 0; color: #9c6717; font-size: .76rem; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
.tool-article-v2 h1 { max-width: 720px; margin: 20px 0 18px; color: #241914; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.8rem, 5.8vw, 5.6rem); font-weight: 500; letter-spacing: -.06em; line-height: .88; }
.tool-article-v2__category { display: inline-flex; margin: 0 0 18px; padding: 10px 18px; border: 1px solid #edcd8c; border-radius: 999px; color: #39291c; background: #fff2d6; font-size: .75rem; font-weight: 900; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.tool-article-v2__excerpt { display: -webkit-box; max-width: 720px; margin: 0; overflow: hidden; color: #5e4c40; font-size: clamp(1rem, 1.4vw, 1.18rem); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.tool-article-v2__meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.tool-article-v2__meta span { padding: 9px 13px; border: 1px solid #e3d7c8; border-radius: 999px; color: #6b584b; background: rgba(255, 255, 255, .64); font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.tool-article-v2__share { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 18px 0 30px; padding: 20px 28px; border: 1px solid #e8c76b; border-radius: 22px; background: linear-gradient(100deg, #fff7de, #f9db85); }
.tool-article-v2__share strong { display: block; margin-top: 6px; color: #2b201a; font-size: 1rem; }
.tool-article-v2__share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.tool-article-v2__share a { padding: 11px 15px; border-radius: 999px; color: #fff; background: #292018; font-size: .7rem; font-weight: 900; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.tool-article-v2__share a:first-child { background: #1877f2; }.tool-article-v2__share a:nth-child(2) { background: #111; }.tool-article-v2__share a:nth-child(3) { background: linear-gradient(90deg, #9b36b7, #fa6442); }.tool-article-v2__share a:nth-child(4) { background: #ec1d24; }
.tool-article-v2__body { margin: 0 auto; padding: clamp(26px, 4vw, 56px); border: 1px solid #e9dfd1; border-radius: 28px; background: #fffdfa; box-shadow: 0 16px 32px rgba(58, 38, 21, .06); }
.tool-article-v2__body .n-rich-text { color: #33271f; font-size: 1.05rem; line-height: 1.72; }.tool-article-v2__body .n-rich-text h2 { color: #302018; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.05; }.tool-article-v2__body .n-rich-text img { height: auto; max-width: 100%; border-radius: 18px; }
.tool-article-v2__footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }.tool-article-v2__footer a { padding: 13px 20px; border: 1px solid #ddc9a8; border-radius: 999px; color: #37271f; background: #fffdf9; font-size: .78rem; font-weight: 900; text-decoration: none; text-transform: uppercase; }.tool-article-v2__footer a:last-child { color: #fff; background: #33251e; }
@media (max-width: 760px) { .tool-article-v2 { width: min(100% - 26px, 1200px); padding-top: 20px; }.tool-article-v2__crumb { font-size: .62rem; }.tool-article-v2__crumb b { max-width: 225px; }.tool-article-v2__hero { grid-template-columns: 1fr; border-radius: 24px; }.tool-article-v2__hero figure { min-height: 290px; padding: 22px; }.tool-article-v2__hero figure img { max-height: 390px; }.tool-article-v2__hero header { padding: 30px 24px 34px; }.tool-article-v2 h1 { font-size: clamp(2.4rem, 13vw, 4.1rem); }.tool-article-v2__share { align-items: flex-start; flex-direction: column; padding: 21px; }.tool-article-v2__share nav { justify-content: flex-start; }.tool-article-v2__body { padding: 25px 20px; border-radius: 22px; }.tool-article-v2__body .n-rich-text { font-size: 1rem; } }
.article-v2__body .n-rich-text > article > div:not(.pl-import-facts) { margin: 20px 0; }
.article-v2__body .n-rich-text > article > div:not(.pl-import-facts):has(> span:first-child) { padding: 15px 18px; border-radius: 14px; background: #f5ead5; color: #5d4a3d; }
.article-v2__body .n-rich-text > article > div:not(.pl-import-facts):has(> span:first-child) > span:first-child { display: inline-grid; width: 22px; height: 22px; margin-right: 8px; place-items: center; border-radius: 50%; background: #c38b1b; color: #fffdf6; font-size: .7rem; font-weight: 900; }
.article-v2__body .n-rich-text > article > div:not(.pl-import-facts):has(> span:first-child) p { display: inline; margin: 0; }
@media (max-width: 620px) {
  .article-v2__body .pl-import-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 19px 0 23px; }
  .article-v2__body .pl-import-fact { min-height: 94px; padding: 12px 8px; }
  .article-v2__body .n-rich-text > article > nav { padding: 16px; border-radius: 0 13px 13px 0; }
  .article-v2__body table { display: block; overflow-x: auto; white-space: nowrap; }
  .article-v2__body th, .article-v2__body td { padding: 9px 11px; }
}

/* Shared social profile block: the live site uses named destinations, not generic pills. */
.community-parity,
.footer-community-parity {
  position: relative;
  display: grid;
  gap: 20px;
  overflow: hidden;
  padding: 25px;
  border: 1px solid rgba(231,177,31,.2);
  border-radius: 28px;
  background:
    radial-gradient(circle at 96% 92%, rgba(198,139,67,.28) 0 102px, transparent 103px),
    radial-gradient(circle at 95% 24%, rgba(231,177,31,.16) 0 5px, transparent 6px),
    linear-gradient(112deg, #191411 0%, #2b1d16 60%, #70482d 100%);
  color: #f9efdf;
}
.community-parity__copy,
.footer-community-parity__copy { max-width: 940px; }
.community-parity .home-eyebrow,
.footer-community-parity .eyebrow { margin: 0 0 4px; color: #d9c7b8; }
.community-parity h2,
.footer-community-parity h2 { margin: 0; color: #fff5e7; font: 600 clamp(2rem,3.35vw,3.25rem)/.96 "Cormorant Garamond",Georgia,serif; letter-spacing: -.03em; }
.community-parity__copy > p:not(.home-eyebrow),
.footer-community-parity__copy > p:not(.eyebrow) { max-width: 850px; margin: 9px 0 0; color: rgba(250,239,224,.8); font-size: .9rem; line-height: 1.48; }
.community-parity .home-button,
.footer-community-parity .footer-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 17px; padding: 0 24px; border-radius: 999px; background: #efb716; color: #2d2117; font-size: .7rem; font-weight: 900; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.community-parity .home-button:hover,
.footer-community-parity .footer-cta:hover { background: #ffcb2c; color: #22170f; }
.community-parity__networks,
.footer-community-parity__networks { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.community-parity__network,
.footer-community-parity__networks a { display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 9px; min-width: 0; min-height: 63px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.085); color: #fff7eb; text-decoration: none; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; }
.community-parity__network:hover,
.footer-community-parity__networks a:hover { transform: translateY(-2px); border-color: rgba(241,192,66,.6); background: rgba(255,255,255,.14); }
.community-parity__network > img,
.footer-community-parity__networks img { display: grid; width: 27px; height: 27px; padding: 5px; border-radius: 50%; background: #1877f2; box-sizing: border-box; }
.community-parity__network:nth-child(2) > img,
.footer-community-parity__networks a:nth-child(2) img { background: radial-gradient(circle at 30% 105%,#ffd46b 0 10%,#f77737 30%,#e1306c 55%,#833ab4 100%); }
.community-parity__network:nth-child(3) > img,
.footer-community-parity__networks a:nth-child(3) img { background: #ff0000; }
.community-parity__network:nth-child(4) > img,
.footer-community-parity__networks a:nth-child(4) img { background: #fff; }
.community-parity__network:nth-child(5) > img,
.footer-community-parity__networks a:nth-child(5) img { background: #090909; box-shadow: -1px 0 #25f4ee,1px 0 #fe2c55; }
.community-parity__network > span,
.footer-community-parity__networks a > span { display: grid; min-width: 0; gap: 3px; }
.community-parity__network strong,
.footer-community-parity__networks strong { overflow: hidden; color: #fff7eb; font-size: .72rem; font-weight: 850; letter-spacing: .045em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.community-parity__network small,
.footer-community-parity__networks small { overflow: hidden; color: rgba(250,239,224,.67); font-size: .62rem; letter-spacing: .055em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.site-footer > .footer-community { display: none; }
.footer-community-parity { order: -1; }
.site-footer > .footer-community.footer-live-parity { display: grid; }
.footer-social-link .community-social-mark { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; overflow: hidden; background: rgba(241,192,66,.2); }
.footer-social-link .community-social-mark img { display: block; width: 14px; height: 14px; }
.footer-social-link .social-facebook { background: #1877f2; }
.footer-social-link .social-instagram { background: radial-gradient(circle at 30% 105%,#ffd46b 0 10%,#f77737 30%,#e1306c 55%,#833ab4 100%); }
.footer-social-link .social-youtube { background: #ff0000; }
.footer-social-link .social-x { background: #fff; }
.footer-social-link .social-x img { filter: invert(1); }
.footer-social-link .social-tiktok { background: #090909; box-shadow: -1px 0 #25f4ee,1px 0 #fe2c55; }
.site-back-to-top { position:fixed; z-index:40; right:22px; bottom:22px; display:inline-flex; min-height:49px; align-items:center; gap:8px; padding:0 17px; border:0; border-radius:999px; background:#edb91d; box-shadow:0 12px 24px rgba(78,55,17,.19); color:#231a14; cursor:pointer; font:900 .73rem "Manrope",sans-serif; letter-spacing:.015em; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity 160ms ease,transform 160ms ease,background 160ms ease; }.site-back-to-top > span { font-size:1rem; line-height:1; }.site-back-to-top.is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }.site-back-to-top:hover { background:#f5c83a; }
@media (max-width: 980px) {
  .community-parity__networks,
  .footer-community-parity__networks { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .site-back-to-top { right:12px; bottom:14px; min-height:44px; padding:0 13px; font-size:.66rem; }
  .community-parity,
  .footer-community-parity { gap: 16px; padding: 19px; border-radius: 22px; }
  .community-parity h2,
  .footer-community-parity h2 { font-size: clamp(2rem,10vw,2.7rem); }
  .community-parity__networks,
  .footer-community-parity__networks { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .community-parity__network,
  .footer-community-parity__networks a { grid-template-columns: 25px minmax(0,1fr); min-height: 58px; padding: 9px; border-radius: 15px; }
  .community-parity__network small,
  .footer-community-parity__networks small { font-size: .56rem; }
  .community-parity__network:last-child,
  .footer-community-parity__networks a:last-child { grid-column: 1 / -1; }
}

/* Keep the quiz cards aligned with the left feature cards: no dead area below them. */
@media (min-width: 1181px) {
  .home-showcase__right { align-self: stretch; grid-template-rows: 385px minmax(0, 1fr); }
  .site-main:has(.software-v2) { padding-top: 8px; }
  .home-quiz { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; }
  .home-quiz > div { min-height: 0; }
  .home-quiz-card { height: 100%; box-sizing: border-box; }
}

/* A compact phone header keeps all navigation available without consuming the first screen. */
.mobile-site-menu { display: none; }
@media (max-width: 760px) {
  .site-header > .header-center,
  .site-header > .header-tools { display: none; }
  .site-header { gap: 12px; }
  .mobile-site-menu { display: block; grid-column: 1; width: 100%; }
  .mobile-site-menu > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px; border: 1px solid rgba(73,54,34,.16); border-radius: 16px; background: #2d241e; color: #fff8ed; cursor: pointer; font: 850 .72rem "Manrope",sans-serif; letter-spacing: .09em; list-style: none; text-transform: uppercase; }
  .mobile-site-menu > summary::-webkit-details-marker { display: none; }
  .mobile-site-menu > summary > span:last-child { color: #f0bc20; font-size: 1.25rem; transition: transform 160ms ease; }
  .mobile-site-menu[open] > summary > span:last-child { transform: rotate(45deg); }
  .mobile-site-menu__panel { display: grid; gap: 13px; margin-top: 10px; padding: 14px; border: 1px solid rgba(73,54,34,.13); border-radius: 18px; background: linear-gradient(150deg,#fffefa,#f4eadb); box-shadow: 0 14px 28px rgba(65,45,25,.12); }
  .mobile-site-menu__nav { display: grid; grid-template-columns: 1fr; gap: 3px; }
  .mobile-site-menu__nav > a,
  .mobile-site-menu__nav > details > summary { display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 10px; border-radius: 10px; color: #342920; font: 800 .72rem "Manrope",sans-serif; letter-spacing: .06em; list-style: none; text-decoration: none; text-transform: uppercase; }
  .mobile-site-menu__nav > a:hover,
  .mobile-site-menu__nav > details[open] > summary { background: #f5e3b1; }
  .mobile-site-menu__nav > details > summary::-webkit-details-marker { display: none; }
  .mobile-site-menu__nav > details > summary::after { color: #a36f12; content: "+"; font-size: 1.1rem; }
  .mobile-site-menu__nav > details[open] > summary::after { content: "-"; }
  .mobile-site-menu__nav > details > div { display: grid; gap: 3px; padding: 2px 10px 8px 20px; }
  .mobile-site-menu__nav > details > div a { padding: 7px 0; color: #705c4b; font: 700 .69rem "Manrope",sans-serif; text-decoration: none; }
  .mobile-site-menu__languages { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 5px; padding-top: 12px; border-top: 1px solid rgba(73,54,34,.11); }
  .mobile-site-menu__languages .language-pill { width: auto; min-width: 0; min-height: 42px; border-radius: 13px; }
  .mobile-site-menu__search { display: flex; gap: 7px; min-width: 0; padding-top: 12px; border-top: 1px solid rgba(73,54,34,.11); }
  .mobile-site-menu__search input { min-width: 0; flex: 1; min-height: 42px; padding: 0 12px; border: 1px solid rgba(73,54,34,.16); border-radius: 12px; outline: 0; background: #fffefa; color: #392d24; font: 600 .76rem "Manrope",sans-serif; }
  .mobile-site-menu__search button { min-height: 42px; padding: 0 13px; border: 0; border-radius: 12px; background: #eab315; color: #2b2119; font: 850 .62rem "Manrope",sans-serif; letter-spacing: .06em; text-transform: uppercase; }
  .mobile-site-menu__actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  .mobile-site-menu__actions a { display: grid; min-height: 39px; place-items: center; padding: 0 7px; border: 1px solid rgba(73,54,34,.13); border-radius: 11px; background: rgba(255,255,255,.72); color: #47382d; font: 850 .59rem "Manrope",sans-serif; letter-spacing: .05em; text-align: center; text-decoration: none; text-transform: uppercase; }
}

/* Phone header: navigation left, language picker right, search always available. */
.mobile-language-menu { display: none; }
@media (max-width: 760px) {
  .site-header { position: relative; grid-template-columns: 1fr; align-items: center; gap: 8px; padding: 14px 12px 16px; }
  .site-header > .brand-lockup { grid-column: 1; grid-row: 1; justify-content: center; gap: 8px; padding: 0 58px; }
  .site-header > .brand-lockup > div { min-width: 0; overflow: hidden; }
  .site-header > .brand-lockup .brand-mark { width: 43px; height: 43px; }
  .site-header > .brand-lockup .brand-ball { width: 31px; height: 31px; }
  .site-header > .brand-lockup .brand-wordmark { display: block; overflow: hidden; font-size: clamp(1.42rem,6.5vw,2.05rem); text-overflow: clip; white-space: nowrap; }
  .site-header > .brand-lockup .brand-tag { font-size: .48rem; letter-spacing: .18em; }
  .site-header > .header-center { display: contents; }
  .site-header > .header-center > .main-nav,
  .site-header > .header-center > .language-switcher,
  .site-header > .header-tools { display: none; }
  .mobile-site-menu { position: absolute; z-index: 32; top: 14px; left: 12px; width: auto; }
  .mobile-site-menu > summary { width: 58px; min-height: 45px; padding: 0 9px; border-radius: 13px; font-size: .58rem; }
  .mobile-site-menu__panel { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; width: min(344px,calc(100vw - 24px)); }
  .mobile-language-menu { position: absolute; z-index: 32; top: 14px; right: 12px; display: block; }
  .mobile-language-menu > summary { display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 52px; min-height: 45px; padding: 0 7px; border: 1px solid rgba(73,54,34,.16); border-radius: 13px; background: #fffdf8; color: #47382d; cursor: pointer; font: 850 .61rem "Manrope",sans-serif; letter-spacing: .05em; list-style: none; }
  .mobile-language-menu > summary::-webkit-details-marker { display: none; }
  .mobile-language-menu > summary .language-flag { width: 19px; height: 19px; }
  .mobile-language-menu__panel { position: absolute; z-index: 31; top: calc(100% + 8px); right: 0; display: grid; grid-template-columns: repeat(4,38px); gap: 6px; padding: 10px; border: 1px solid rgba(73,54,34,.13); border-radius: 15px; background: #fffefa; box-shadow: 0 14px 28px rgba(65,45,25,.16); }
  .mobile-language-menu__panel .language-pill { width: 38px; min-height: 40px; border-radius: 11px; }
  .site-header > .header-center > .global-search { display: flex; grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; margin: 2px 0 0; }
  .site-header > .header-center > .global-search input { min-height: 44px; font-size: .75rem; }
  .site-header > .header-center > .global-search button { min-width: 48px; min-height: 44px; }
  /* Keep the lead statement editorial on phones without turning the first screen into a wall of type. */
  .home-showcase h1 { max-width: none; margin-bottom: 16px; font-size: clamp(1.9rem, 7.5vw, 2.25rem); line-height: 1.05; letter-spacing: .01em; transform: none; }
  .home-showcase__lead { font-size: .91rem; line-height: 1.5; }
}

.software-v2__gallery img { cursor: zoom-in; }
.article-v2__extras { display: grid; gap: 25px; max-width: 1200px; margin: 0 auto 54px; padding: 0 24px; }
.article-v2__topics { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.article-v2__topics a { padding: 8px 13px; border: 1px solid rgba(106, 77, 40, .18); border-radius: 999px; background: #fffdf8; color: #7f5719; font-size: .67rem; font-weight: 850; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; }
.article-v2__share { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid #e9cc79; border-radius: 22px; background: linear-gradient(105deg, #fffdf8, #ffe6a5); }
.article-v2__share > div { max-width: 570px; }
.article-v2__share p, .article-v2__related header p { margin: 0 0 7px; color: #9d6a0d; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.article-v2__share strong { display: block; max-width: 570px; color: #34251b; font: 800 1rem/1.38 "Manrope", sans-serif; }
.article-v2__share nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.article-v2__share-link { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 13px; border-radius: 999px; background: #2e211a; color: #fff9ee; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }
.article-v2__share-link:hover { transform: translateY(-1px); filter: brightness(1.06); }
.article-v2__share-link img { width: 17px; height: 17px; }
.article-v2__share-link--facebook { background: #247cf2; }
.article-v2__share-link--x { background: #111; }
.article-v2__share-link--instagram { background: linear-gradient(100deg, #9d35ba, #ff5f3f); }
.article-v2__share-link--youtube { background: #f32424; }
.article-v2__share-link--tiktok { background: #2e211a; }
.article-v2__related { padding: 25px; border: 1px solid rgba(73, 54, 35, .13); border-radius: 27px; background: #fffdf9; box-shadow: 0 13px 30px rgba(70, 48, 24, .06); }
.article-v2__related header { margin-bottom: 16px; }
.article-v2__related h2 { margin: 0; color: #2d211b; font: 600 clamp(2rem, 3vw, 3rem)/.95 "Cormorant Garamond", Georgia, serif; }
.article-v2__related > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.article-v2__related article { display: grid; align-content: start; gap: 9px; min-width: 0; overflow: hidden; border: 1px solid rgba(77, 56, 34, .13); border-radius: 17px; background: #fffefa; }
.article-v2__related article > a:first-child { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #eee2cc; }
.article-v2__related img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 180ms ease; }
.article-v2__related article:hover img { transform: scale(1.035); }
.article-v2__related article > p, .article-v2__related article > h2, .article-v2__related article > span, .article-v2__related .article-v2__read { margin-right: 14px; margin-left: 14px; }
.article-v2__related article > p { margin-top: 14px; margin-bottom: 0; color: #aa7619; font-size: .61rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.article-v2__related article h2 { margin-top: 0; margin-bottom: 0; color: #30231d; font: 600 1.55rem/.98 "Cormorant Garamond", Georgia, serif; }
.article-v2__related article h2 a { color: inherit; text-decoration: none; }
.article-v2__related article > span { color: #716157; font-size: .78rem; line-height: 1.42; }
.article-v2__read { width: fit-content; margin-top: 2px; margin-bottom: 15px; color: #7d5719; font-size: .65rem; font-weight: 900; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; }
.community-parity--article { margin: 0; }

/* Community landing page: same warm live direction, with native data streams. */
.community-page { display: grid; gap: 18px; max-width: 1450px; margin: 0 auto; color: #2b211b; }
.community-page section { border: 1px solid rgba(91, 62, 35, .16); border-radius: 28px; box-shadow: 0 12px 28px rgba(62, 43, 22, .055); }
.community-page__hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 25px; padding: clamp(28px, 4vw, 54px); overflow: hidden; border-color: #dfae24 !important; background: radial-gradient(circle at 93% 8%, rgba(255,255,255,.56) 0 7%, transparent 7.2%), linear-gradient(112deg, #fffdf7, #ffeab0); }
.community-page__hero-copy { min-width: 0; }
.community-page__eyebrow { margin: 0 0 12px; color: #a56a08; font-size: .72rem; font-weight: 900; letter-spacing: .18em; line-height: 1.2; text-transform: uppercase; }
.community-page h1, .community-page h2, .community-page h3, .community-page p { margin-top: 0; }
.community-page__hero h1 { max-width: 900px; margin-bottom: 17px; font: 600 clamp(3rem, 6vw, 6.3rem)/.86 "Cormorant Garamond", Georgia, serif; letter-spacing: -.055em; }
.community-page__hero-copy > p:not(.community-page__eyebrow) { max-width: 720px; margin-bottom: 24px; color: #6c5b4e; font-size: 1.07rem; line-height: 1.55; }
.community-page__hero nav { display: flex; flex-wrap: wrap; gap: 10px; }
.community-page__button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid rgba(71, 44, 20, .2); border-radius: 999px; background: rgba(255,255,255,.7); color: #2b211b; font-size: .72rem; font-weight: 900; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.community-page__button:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(66, 42, 17, .12); }
.community-page__button--gold { border-color: #e0a800; background: #efb617; }
.community-page__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; max-width: 610px; margin-top: 34px; }
.community-page__stats article { display: grid; gap: 4px; padding: 13px 14px; border: 1px solid rgba(72, 48, 23, .15); border-radius: 15px; background: rgba(255,255,255,.66); }
.community-page__stats strong { color: #9d6800; font: 2rem/1 "Bebas Neue", Impact, sans-serif; }
.community-page__stats span { color: #6c5b4e; font-size: .7rem; line-height: 1.2; }
.community-page__hero-aside { display: grid; align-content: center; justify-items: center; min-height: 330px; padding: 23px; border-radius: 23px; background: linear-gradient(145deg, #211713, #56301c); color: #fff5e7; text-align: center; }
.community-page__hero-aside > p { margin-bottom: 8px; color: #efb716; font-size: .68rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.community-page__hero-aside > strong { font: 600 clamp(2.4rem, 5vw, 4.6rem)/.9 "Cormorant Garamond", Georgia, serif; }
.community-page__hero-aside > span { max-width: 200px; margin-top: 9px; color: rgba(255,245,231,.72); font-size: .72rem; line-height: 1.5; }
.community-page__orb { position: relative; width: 170px; height: 150px; margin: -5px auto 22px; }
.community-page__orb::before, .community-page__orb::after { position: absolute; border: 1px solid rgba(241,192,66,.35); border-radius: 50%; content: ""; }
.community-page__orb::before { inset: 8px 9px 0; }
.community-page__orb::after { inset: 38px 35px 30px; }
.community-page__orb span { position: absolute; display: block; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #fff, #a6a4a0 20%, #3f3d3c 58%, #151313 100%); box-shadow: 8px 10px 13px rgba(0,0,0,.25); }
.community-page__orb span:nth-child(1) { top: 17px; left: 34px; width: 48px; height: 48px; }
.community-page__orb span:nth-child(2) { right: 20px; bottom: 8px; width: 78px; height: 78px; }
.community-page__orb span:nth-child(3) { right: 1px; bottom: 2px; width: 22px; height: 22px; background: #efb617; box-shadow: none; }
.community-page__manifesto, .community-page__networks, .community-page__current, .community-page__explore { padding: clamp(25px, 4vw, 45px); background: #fffdf9; }
.community-page__manifesto > header, .community-page__networks > header, .community-page__content > header, .community-page__current > header, .community-page__explore > header { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(250px, .75fr); gap: 22px; align-items: end; margin-bottom: 25px; }
.community-page h2 { margin-bottom: 0; font: 600 clamp(2.35rem, 4vw, 4.3rem)/.88 "Cormorant Garamond", Georgia, serif; letter-spacing: -.045em; }
.community-page__manifesto > header > p, .community-page__networks > header > p, .community-page__content > header > p, .community-page__current > header > p { margin-bottom: 0; color: #6c5b4e; font-size: .92rem; line-height: 1.55; }
.community-page__manifesto > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.community-page__manifesto article { padding: 21px; border-radius: 18px; background: #f5eee1; }
.community-page__manifesto article:nth-child(2) { background: #eaf0e7; }
.community-page__manifesto article:nth-child(3) { background: #fff0bd; }
.community-page__manifesto article b { display: block; margin-bottom: 9px; color: #a76607; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.community-page__manifesto article p { margin: 0; color: #6c5b4e; font-size: .9rem; line-height: 1.5; }
.community-page__networks { background: linear-gradient(112deg, #fffdf9, #f4eadb); }
.community-page__networks > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.community-page__network { display: grid; gap: 12px; min-width: 0; padding: 17px; border: 1px solid rgba(76, 49, 25, .16); border-radius: 19px; background: rgba(255,255,255,.73); color: #2b211b; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.community-page__network:hover { transform: translateY(-3px); box-shadow: 0 10px 18px rgba(69, 45, 23, .13); }
.community-page__network-icon { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: #1877f2; }
.community-page__network--instagram .community-page__network-icon { background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); }
.community-page__network--youtube .community-page__network-icon { background: #f00000; }
.community-page__network--x .community-page__network-icon { background: #151515; }
.community-page__network--tiktok .community-page__network-icon { background: #101010; box-shadow: -1px 0 #25f4ee, 1px 0 #fe2c55; }
.community-page__network-icon img { width: 18px; height: 18px; }
.community-page__network > span:nth-child(2) { display: grid; gap: 5px; min-width: 0; }
.community-page__network strong { overflow: hidden; font-size: .83rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.community-page__network small { min-height: 32px; color: #786656; font-size: .72rem; line-height: 1.35; }
.community-page__network > b { color: #a76607; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.community-page__content { display: grid; gap: 18px; padding: clamp(25px, 4vw, 45px); border: 0 !important; box-shadow: none !important; background: transparent; }
.community-page__content > header { margin-bottom: 5px; }
.community-page__stream { padding: 23px; border: 1px solid rgba(76,49,25,.15); border-radius: 24px; background: #fffdf9; }
.community-page__stream--gold { background: #fff4ce; }
.community-page__stream--sand { background: #f1eadf; }
.community-page__stream > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.community-page__stream > header h2 { font-size: clamp(2rem, 3vw, 3.25rem); }
.community-page__stream > header span { display: block; max-width: 720px; margin-top: 9px; color: #6c5b4e; font-size: .86rem; line-height: 1.45; }
.community-page__stream > header > a, .community-page__current > header > a { flex: 0 0 auto; color: #a76607; font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.community-page__posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.community-page__post { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 11px; border: 1px solid rgba(76,49,25,.14); border-radius: 17px; background: rgba(255,255,255,.74); }
.community-page__post-image, .community-page__post-image img { display: block; width: 110px; height: 128px; border-radius: 12px; object-fit: cover; }
.community-page__post-image span { display: block; height: 100%; border-radius: 12px; background: #ded2bf; }
.community-page__post > div { display: flex; min-width: 0; flex-direction: column; }
.community-page__post p { margin-bottom: 6px; color: #a76607; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.community-page__post h3 { display: -webkit-box; overflow: hidden; margin-bottom: 7px; font-size: .95rem; line-height: 1.18; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.community-page__post > div > span { display: -webkit-box; overflow: hidden; color: #6c5b4e; font-size: .76rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.community-page__post footer { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 9px; }
.community-page__post footer small { color: #a76607; font-size: .65rem; font-weight: 800; }
.community-page__post footer a { color: #2b211b; font-size: .62rem; font-weight: 900; text-align: right; text-decoration: none; text-transform: uppercase; }
.community-page__current { background: #fffaf0; }
.community-page__current > header { grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr) auto; align-items: end; }
.community-page__current > header > a { align-self: end; }
.community-page__current > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.community-page__current-card { display: grid; min-width: 0; overflow: hidden; border: 1px solid rgba(76,49,25,.14); border-radius: 16px; background: #fff; color: #2b211b; text-decoration: none; }
.community-page__current-card img { width: 100%; height: 135px; object-fit: cover; }
.community-page__current-card span { display: grid; gap: 6px; padding: 12px; }
.community-page__current-card small { color: #a76607; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.community-page__current-card strong { display: -webkit-box; overflow: hidden; font-size: .82rem; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.community-page__newsletter { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 30px 35px; border-color: #bd7c2d !important; background: linear-gradient(112deg, #211713, #724626); color: #fff4e5; }
.community-page__newsletter h2 { max-width: 850px; color: #fff4e5; font-size: clamp(2rem, 3.2vw, 3.4rem); }
.community-page__newsletter p:not(.community-page__eyebrow) { max-width: 750px; margin: 12px 0 0; color: rgba(255,244,229,.76); line-height: 1.5; }
.community-page__explore > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.community-page__explore > div > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 78px; padding: 15px; border: 1px solid rgba(76,49,25,.14); border-radius: 16px; background: #f6eee1; color: #2b211b; text-decoration: none; }
.community-page__explore > div > a:nth-child(2) { background: #eaf0e7; }
.community-page__explore > div > a:nth-child(3) { background: #fff1c0; }
.community-page__explore > div > a:nth-child(4) { background: #f1e8ee; }
.community-page__explore > div > a > span { display: grid; gap: 5px; }
.community-page__explore strong { font-size: .8rem; }
.community-page__explore small { color: #786656; font-size: .72rem; line-height: 1.35; }
.community-page__explore b { color: #a76607; font-size: 1.2rem; }
@media (max-width: 1050px) { .community-page__networks > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }.community-page__posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }.community-page__current > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }.community-page__explore > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .community-page { gap: 12px; }.community-page__hero { grid-template-columns: 1fr; padding: 24px 18px; border-radius: 22px; }.community-page__hero h1 { font-size: clamp(3rem, 14vw, 4.7rem); }.community-page__hero-aside { min-height: 230px; }.community-page__orb { transform: scale(.78); margin-bottom: 0; }.community-page__manifesto > header, .community-page__networks > header, .community-page__content > header, .community-page__current > header { grid-template-columns: 1fr; }.community-page__manifesto, .community-page__networks, .community-page__current, .community-page__explore { padding: 24px 18px; border-radius: 22px; }.community-page__manifesto > div, .community-page__networks > div { grid-template-columns: 1fr; }.community-page__network { grid-template-columns: 35px minmax(0,1fr) auto; align-items: center; }.community-page__network small { min-height: 0; }.community-page__stream { padding: 17px; border-radius: 19px; }.community-page__stream > header { display: grid; gap: 12px; }.community-page__posts { grid-template-columns: 1fr; }.community-page__current > div, .community-page__explore > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.community-page__current-card img { height: 115px; }.community-page__newsletter { display: grid; padding: 25px 19px; border-radius: 22px; }.community-page__newsletter .community-page__button { justify-self: start; } }
@media (max-width: 430px) { .community-page__stats { gap: 5px; }.community-page__stats article { padding: 10px 8px; }.community-page__stats strong { font-size: 1.55rem; }.community-page__stats span { font-size: .6rem; }.community-page__current > div, .community-page__explore > div { grid-template-columns: 1fr; }.community-page__post { grid-template-columns: 92px minmax(0,1fr); }.community-page__post-image, .community-page__post-image img { width: 92px; height: 110px; } }

/* Start YouTube only after an explicit interaction so the branded cover remains
   useful when an embedded player is unavailable. */
.video-v2__launch { position: relative; display: grid; width: 100%; height: 100%; padding: 0; overflow: hidden; border: 0; background: #241c17; color: #fff9ec; cursor: pointer; text-align: left; }
.video-v2__launch > img { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: cover; }
.video-v2__launch-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(19,13,10,.85), rgba(19,13,10,.2) 52%, rgba(19,13,10,.72)); }
.video-v2__launch-copy { position: relative; z-index: 1; align-self: end; display: grid; gap: 9px; max-width: 58%; margin: 0 0 42px 44px; }
.video-v2__launch-copy b, .video-v2__launch-copy em { width: max-content; max-width: 100%; padding: 7px 13px; border-radius: 999px; background: #efb716; color: #21170f; font-size: .62rem; font-style: normal; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.video-v2__launch-copy strong { color: #fff9ec; font: 600 clamp(2rem,4vw,3.35rem)/.95 "Cormorant Garamond", Georgia, serif; letter-spacing: -.025em; }
.video-v2__launch-copy em { padding: 10px 17px; font-size: .66rem; }
.video-v2__launch--fallback { place-items: center; text-align: center; }
.video-v2__launch--fallback .video-v2__launch-copy { align-self: auto; max-width: none; margin: 0; justify-items: center; }
@media (max-width: 560px) { .video-v2__launch-copy { max-width: 76%; margin: 0 0 24px 24px; }.video-v2__launch-copy strong { font-size: clamp(1.7rem,9vw,2.35rem); } }

@media (min-width: 761px) {
  .social-video { gap: 8px; padding: 17px 20px; }
  .social-video p { margin-bottom: 4px; }
}
@media (max-width: 800px) {
  .article-v2__extras { padding: 0 16px; }
  .article-v2__share { grid-template-columns: 1fr; gap: 16px; padding: 19px; border-radius: 20px; }
  .article-v2__share strong { max-width: 650px; }
  .article-v2__share nav { justify-content: flex-start; }
  .article-v2__related { padding: 19px; border-radius: 22px; }
  .article-v2__related > div { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
  .article-v2__extras { gap: 18px; }
  .article-v2__share-link { min-height: 35px; padding: 0 9px; font-size: .59rem; }
  .article-v2__share-link span { max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.native-software-lightbox { width: min(960px,calc(100vw - 32px)); max-height: min(90vh,900px); padding: 16px; border: 0; border-radius: 22px; background: #201913; box-shadow: 0 28px 70px rgba(0,0,0,.42); color: #fff8ea; }
.native-software-lightbox::backdrop { background: rgba(19,14,10,.76); }
.native-software-lightbox button { float: right; min-height: 36px; padding: 0 12px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff8ea; font: 800 .64rem "Manrope",sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.native-software-lightbox img { display: block; clear: both; width: 100%; max-height: calc(90vh - 90px); margin-top: 12px; object-fit: contain; }
.native-software-lightbox p { margin: 9px 0 0; color: #eadac7; font-size: .78rem; text-align: center; }
.product-v2__reviews { display:grid; gap:16px; margin-top:24px; padding:clamp(20px,3vw,34px); border:1px solid rgba(77,51,28,.15); border-radius:24px; background:#fffaf0; }.product-v2__reviews header p { margin:0 0 5px; color:#9b6a16; font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.product-v2__reviews h2 { margin:0; font-family:var(--font-display,Georgia,serif); font-size:clamp(1.8rem,3vw,2.8rem); }.product-v2__review { padding:15px; border-radius:14px; background:#fffdf8; box-shadow:0 8px 18px rgba(61,40,21,.06); }.product-v2__review strong { color:#b37a00; }.product-v2__review strong span { color:#2a211b; }.product-v2__review h3,.product-v2__review p { margin:8px 0 0; }.product-v2__review-form { display:grid; gap:12px; padding-top:10px; }.product-v2__review-form label { display:grid; gap:6px; color:#513d2d; font-weight:700; }.product-v2__review-form input,.product-v2__review-form select,.product-v2__review-form textarea { width:100%; min-height:42px; padding:9px 11px; border:1px solid rgba(77,51,28,.2); border-radius:9px; background:#fffefa; font:inherit; }.product-v2__review-form textarea { min-height:110px; resize:vertical; }.product-v2__review-form button { width:max-content; padding:12px 17px; border:0; border-radius:999px; background:#231a15; color:#fffaf0; font-weight:800; cursor:pointer; }
@media (max-width: 760px) { body.site-body:has(.upcoming-v3), body.site-body:has(.upcoming-v3) .site-frame, .site-main:has(.upcoming-v3) { width: 100vw; min-width: 0; max-width: 100vw; }.site-main:has(.upcoming-v3) { padding: 12px; overflow: hidden; }.page:has(.upcoming-v3), .upcoming-v3, .upcoming-v3 > section { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }.upcoming-v3 h1 { max-width: 100%; overflow-wrap: anywhere; font-size: 1.55rem; line-height: 1.03; }.upcoming-v3 h2 { max-width: 100%; overflow-wrap: anywhere; font-size: 1.4rem; line-height: 1.04; }.upcoming-v3__hero { min-height: 0; }.upcoming-v3__hero nav { display: grid; width: 100%; grid-template-columns: 1fr; gap: 8px; }.upcoming-v3__hero nav a { width: 100%; max-width: 100%; padding: 11px 7px; font-size: .57rem; text-align: center; } }

.poster-tool { display:grid; gap:20px; padding:22px 0 38px; }.poster-tool > header { padding:clamp(28px,5vw,54px); border-radius:28px; background:linear-gradient(125deg,#201914,#56351f); color:#fff8ed; }.poster-tool > header p { color:#f0bd29; }.poster-tool h1 { max-width:12ch; margin:0 0 13px; font:400 clamp(3rem,5vw,5.4rem)/.87 "Bebas Neue",Impact,sans-serif; }.poster-tool > header span { color:#e8d9ca; line-height:1.55; }.poster-tool__layout { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); gap:20px; align-items:start; }.poster-tool__form { display:grid; gap:10px; padding:23px; border:1px solid rgba(70,49,29,.14); border-radius:24px; background:#fffdf8; }.poster-tool__form label { display:grid; gap:5px; color:#80590f; font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.poster-tool__form :is(input,select) { width:100%; min-height:40px; padding:8px 10px; border:1px solid rgba(70,49,29,.2); border-radius:9px; background:#fffefa; font:inherit; }.poster-tool__actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }.poster-tool__actions button { min-height:42px; border:0; border-radius:999px; background:#2b211b; color:#fff9ee; font-size:.67rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }.poster-tool__actions button:first-child { background:#387b52; }.poster-tool__actions button:last-child { grid-column:span 2; border:1px solid rgba(70,49,29,.18); background:#fffefa; color:#4b3a2b; }.poster-tool__preview { padding:20px; border:1px solid rgba(70,49,29,.14); border-radius:24px; background:#f4ead9; }.poster-tool__preview > p { margin:0 0 12px; color:#7d5c1c; font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.poster-tool__canvas { display:grid; justify-items:center; align-content:center; min-height:670px; padding:42px; overflow:hidden; border:1px solid rgba(70,49,29,.18); background:#fffdf8; color:#2a211a; text-align:center; }.poster-tool__canvas[data-theme="dark"] { background:#1d1916; color:#fff8ed; }.poster-tool__canvas[data-theme="kraft"] { background:#e4c48b; color:#382719; }.poster-tool__canvas > div { min-height:45px; }.poster-tool__canvas img { max-width:80px; max-height:55px; object-fit:contain; }.poster-tool__canvas small { color:var(--poster-accent); font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.poster-tool__canvas h2 { max-width:12ch; margin:17px 0; font:400 clamp(2.8rem,5vw,5.4rem)/.85 "Bebas Neue",Impact,sans-serif; }.poster-tool__balls { display:flex; gap:8px; margin:12px 0 20px; }.poster-tool__balls i { width:45px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 30% 28%,#fff,#9a928b 30%,#292724 78%); }.poster-tool__canvas > :is(strong,span,b,em,footer) { display:block; margin-top:10px; }.poster-tool__canvas strong { font-size:1.05rem; }.poster-tool__canvas b { color:var(--poster-accent); font:400 1.55rem/1 "Bebas Neue",sans-serif; }.poster-tool__canvas em { font-size:1.2rem; font-weight:800; font-style:normal; }.poster-tool__canvas footer { margin-top:25px; padding:10px 15px; border-radius:999px; background:var(--poster-accent); color:#2b211b; font-size:.78rem; font-weight:800; }
@media (max-width:800px) { .poster-tool__layout { grid-template-columns:1fr; }.poster-tool__canvas { min-height:560px; } }
@media print { body:has(.poster-tool) :is(.site-header,.site-footer,.poster-tool > header,.poster-tool__form,.poster-tool__preview > p) { display:none !important; } body:has(.poster-tool) .poster-tool__preview { padding:0; border:0; background:#fff; } body:has(.poster-tool) .poster-tool__canvas { min-height:0; border:0; } }

.prize-tool { display:grid; gap:20px; padding:22px 0 40px; }.prize-tool > header { padding:clamp(28px,5vw,58px); border-radius:28px; background:linear-gradient(130deg,#1b1916,#463421); color:#fffaf0; }.prize-tool > header h1 { max-width:13ch; margin:8px 0 14px; font:400 clamp(3rem,5.3vw,5.6rem)/.86 "Bebas Neue",Impact,sans-serif; }.prize-tool > header > p:last-child { max-width:600px; color:#e9d9c6; line-height:1.55; }.prize-tool__card,.prize-tool__guide,.prize-tool__result { padding:clamp(20px,3.5vw,36px); border:1px solid rgba(70,49,29,.14); border-radius:24px; background:#fffdf8; box-shadow:0 12px 25px rgba(65,45,22,.05); }.prize-tool h2 { margin:0 0 18px; color:#2b211a; font:400 clamp(2rem,3.2vw,3.35rem)/.9 "Bebas Neue",Impact,sans-serif; }.prize-tool__inputs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.prize-tool__inputs label,.prize-tool__structure label { display:grid; gap:6px; color:#795513; font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.prize-tool :is(input,select) { width:100%; min-height:42px; padding:9px 11px; border:1px solid rgba(70,49,29,.2); border-radius:9px; background:#fffefa; color:#2b211a; font:600 .88rem/1.2 "Manrope",sans-serif; }.prize-tool__pot { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }.prize-tool__pot article { display:grid; gap:6px; padding:17px; border:1px solid rgba(70,49,29,.12); border-radius:15px; background:#f9f6f0; text-align:center; }.prize-tool__pot span { color:#786a5e; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.prize-tool__pot strong { color:#2d231c; font:400 2.2rem/1 "Bebas Neue",Impact,sans-serif; }.prize-tool__pot-main { border-color:#e5b224 !important; background:linear-gradient(135deg,#413018,#241d17) !important; }.prize-tool__pot-main :is(span,strong) { color:#f8d15a; }.prize-tool__tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }.prize-tool__tabs button,.prize-tool__actions button { min-height:42px; padding:0 15px; border:1px solid rgba(70,49,29,.22); border-radius:999px; background:#fffefa; color:#35291f; cursor:pointer; font:800 .68rem/1 "Manrope",sans-serif; letter-spacing:.05em; text-transform:uppercase; }.prize-tool__tabs button.is-active,.prize-tool__actions button:first-child { border-color:#edb51d; background:#edb51d; color:#2b211a; }.prize-tool__structure { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.prize-tool__structure article { padding:15px; border:1px solid rgba(70,49,29,.14); border-left:4px solid var(--prize-color); border-radius:14px; background:#fbf8f2; }.prize-tool__structure h3 { margin:0 0 14px; font:400 1.6rem/1 "Bebas Neue",Impact,sans-serif; }.prize-tool__structure label + label { margin-top:12px; }.prize-tool__print-fields { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:16px; }.prize-tool__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }.prize-tool__actions button:nth-child(2) { background:#d9453f; color:#fff; }.prize-tool__actions button:nth-child(3) { background:#3287bb; color:#fff; }.prize-tool__actions button:nth-child(4) { background:#2f895d; color:#fff; }.prize-tool__result { background:#1a1815; color:#fff7ea; }.prize-result-title { margin-bottom:15px; text-align:center; }.prize-result-title h2 { margin-bottom:6px; color:#fff8ed; }.prize-result-title p { margin:0; color:#cfc0ae; font-size:.85rem; }.prize-balance { margin:0 0 15px; padding:13px 16px; border:1px solid #904442; border-radius:12px; background:#311d1b; color:#ffc2ba; font-weight:800; text-align:center; }.prize-balance.is-ok { border-color:#377d53; background:#163122; color:#9be0b3; }.prize-result-table { margin-top:14px; padding:17px; border-top:4px solid var(--prize-color); border-radius:13px; background:#25211e; }.prize-result-table header { display:flex; justify-content:space-between; gap:10px; margin-bottom:12px; }.prize-result-table h3 { margin:0; color:#fff8ed; font:400 1.75rem/1 "Bebas Neue",Impact,sans-serif; }.prize-result-table header span { color:var(--prize-color); font-weight:900; }.prize-result-table table { width:100%; border-collapse:collapse; }.prize-result-table :is(th,td) { padding:8px; border-top:1px solid rgba(255,255,255,.1); text-align:left; font-size:.82rem; }.prize-result-table th { color:#c6b9aa; font-size:.64rem; letter-spacing:.06em; text-transform:uppercase; }.prize-result-table td:nth-child(n+2),.prize-result-table th:nth-child(n+2) { text-align:right; }.prize-result-table input { width:86px; min-height:28px; padding:3px 5px; border:0; border-bottom:1px dashed #c79e28; border-radius:0; background:transparent; color:#f5c944; text-align:right; }.prize-tool__guide { background:linear-gradient(120deg,#fffdf8,#f0dfb1); }.prize-tool__guide > p { max-width:700px; color:#695a4f; line-height:1.55; }.prize-tool__guide > div { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }.prize-tool__guide article { padding:16px; border:1px solid rgba(70,49,29,.12); border-radius:13px; background:rgba(255,255,255,.65); }.prize-tool__guide h3 { margin:0 0 7px; color:#6e4d13; font:400 1.55rem/1 "Bebas Neue",Impact,sans-serif; }.prize-tool__guide article p { margin:0; color:#6b5d51; font-size:.82rem; line-height:1.45; }
@media (max-width:900px) { .prize-tool__inputs,.prize-tool__structure { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .prize-tool { gap:14px; padding-top:12px; }.prize-tool > header,.prize-tool__card,.prize-tool__guide,.prize-tool__result { border-radius:20px; }.prize-tool > header { padding:33px 21px; }.prize-tool > header h1 { font-size:clamp(3.1rem,15vw,4.4rem); }.prize-tool__inputs,.prize-tool__pot,.prize-tool__structure,.prize-tool__print-fields,.prize-tool__guide > div { grid-template-columns:1fr; }.prize-tool__card,.prize-tool__guide,.prize-tool__result { padding:22px 17px; }.prize-tool__tabs button { flex:1 1 135px; }.prize-tool__actions { display:grid; grid-template-columns:1fr; }.prize-result-table { overflow:auto; }.prize-result-table table { min-width:500px; } }
@media print { body:has(.prize-tool) :is(.site-header,.site-footer,.prize-tool > header,.prize-tool__card,.prize-tool__actions,.prize-tool__guide) { display:none !important; } body:has(.prize-tool) .prize-tool__result { padding:0; border:0; background:#fff; color:#111; box-shadow:none; } body:has(.prize-tool) .prize-result-title h2,body:has(.prize-tool) .prize-result-table h3 { color:#111; } body:has(.prize-tool) .prize-result-table { background:#fff; } }

.pools-tool { display:grid; gap:20px; padding:22px 0 40px; }.pools-tool > header { padding:clamp(28px,5vw,58px); border-radius:28px; background:linear-gradient(130deg,#1e1a16,#513421); color:#fff8ed; }.pools-tool > header h1 { max-width:12ch; margin:8px 0 14px; font:400 clamp(3rem,5.3vw,5.6rem)/.86 "Bebas Neue",Impact,sans-serif; }.pools-tool > header > p:last-child { max-width:640px; color:#e7d8c9; line-height:1.55; }.pools-tool__card,.pools-tool__result,.pools-tool__guide { padding:clamp(20px,3.5vw,36px); border:1px solid rgba(70,49,29,.14); border-radius:24px; background:#fffdf8; box-shadow:0 12px 25px rgba(65,45,22,.05); }.pools-tool__notice { margin-bottom:18px; padding:14px 16px; border-radius:13px; background:#f4dfa0; color:#523a10; font-size:.9rem; font-weight:700; line-height:1.45; }.pools-tool__inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.pools-tool__inputs label { display:grid; gap:6px; color:#795513; font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.pools-tool :is(input,select) { width:100%; min-height:43px; padding:9px 11px; border:1px solid rgba(70,49,29,.2); border-radius:9px; background:#fffefa; color:#2b211a; font:600 .88rem/1.2 "Manrope",sans-serif; }.pools-tool__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:19px; }.pools-tool__actions button { min-height:42px; padding:0 15px; border:1px solid rgba(70,49,29,.22); border-radius:999px; background:#29201a; color:#fff9ee; cursor:pointer; font:800 .68rem/1 "Manrope",sans-serif; letter-spacing:.05em; text-transform:uppercase; }.pools-tool__actions button:first-child { background:#d8433d; border-color:#d8433d; }.pools-tool__actions button:nth-child(2) { background:#2c87be; border-color:#2c87be; }.pools-tool__actions button:nth-child(3) { background:#2d8b5c; border-color:#2d8b5c; }.pools-tool__actions button:last-child { background:#fffefa; color:#4c3a2d; }.pools-tool__stats { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }.pools-tool__stats article { display:grid; gap:7px; min-height:140px; padding:16px; border:1px solid rgba(70,49,29,.13); border-radius:15px; background:#fbf8f2; text-align:center; }.pools-tool__stats span { color:#7a6c61; font-size:.64rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.pools-tool__stats strong { color:#2c221a; font:400 2.6rem/1 "Bebas Neue",Impact,sans-serif; }.pools-tool__stats small { color:#6d5e52; line-height:1.4; }.pools-tool__detail { margin-top:18px; padding:22px; border-radius:17px; background:#1e1a17; color:#fff8ed; }.pools-tool__detail h2 { margin:0 0 14px; color:#f7c43d; font:400 2rem/1 "Bebas Neue",Impact,sans-serif; }.pools-tool__detail dl { display:grid; grid-template-columns:repeat(2,1fr); gap:0 22px; margin:0; }.pools-tool__detail dl div { display:flex; justify-content:space-between; gap:15px; padding:10px 0; border-top:1px solid rgba(255,255,255,.12); }.pools-tool__detail dt { color:#d9caba; }.pools-tool__detail dd { margin:0; color:#fff; font-weight:850; text-align:right; }.pools-tool__detail > p { margin:15px 0 0; color:#c8b9a9; font-size:.81rem; line-height:1.5; }.pools-tool__error { margin:0; padding:16px; border-radius:13px; background:#3a201f; color:#ffd0c6; font-weight:800; }.pools-tool__guide { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:25px; align-items:center; background:linear-gradient(120deg,#fffdf8,#f0dfb1); }.pools-tool__guide h2 { margin:8px 0 12px; color:#2b211a; font:400 clamp(2rem,3.2vw,3.25rem)/.9 "Bebas Neue",Impact,sans-serif; }.pools-tool__guide > div > p:last-child { margin:0; color:#695a4f; line-height:1.55; }.pools-tool__guide > div + div { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.pools-tool__guide article { padding:15px; border:1px solid rgba(70,49,29,.13); border-radius:13px; background:rgba(255,255,255,.65); }.pools-tool__guide h3 { margin:0 0 7px; color:#755114; font:400 1.5rem/1 "Bebas Neue",Impact,sans-serif; }.pools-tool__guide article p { margin:0; color:#6b5d51; font-size:.8rem; line-height:1.45; }
@media (max-width:900px) { .pools-tool__stats { grid-template-columns:repeat(3,1fr); }.pools-tool__guide { grid-template-columns:1fr; } }
@media (max-width:600px) { .pools-tool { gap:14px; padding-top:12px; }.pools-tool > header,.pools-tool__card,.pools-tool__result,.pools-tool__guide { border-radius:20px; }.pools-tool > header { padding:33px 21px; }.pools-tool > header h1 { font-size:clamp(3.1rem,15vw,4.4rem); }.pools-tool__card,.pools-tool__result,.pools-tool__guide { padding:22px 17px; }.pools-tool__inputs,.pools-tool__stats,.pools-tool__detail dl,.pools-tool__guide > div + div { grid-template-columns:1fr; }.pools-tool__actions { display:grid; grid-template-columns:1fr; }.pools-tool__detail { padding:18px; } }
@media print { body:has(.pools-tool) :is(.site-header,.site-footer,.pools-tool > header,.pools-tool__card,.pools-tool__guide) { display:none !important; } body:has(.pools-tool) .pools-tool__result { padding:0; border:0; box-shadow:none; } }

.grounds-tool { display:grid; gap:20px; padding:22px 0 40px; }.grounds-tool > header { padding:clamp(28px,5vw,58px); border-radius:28px; background:linear-gradient(130deg,#1d1916,#493621); color:#fff8ed; }.grounds-tool > header h1 { max-width:12ch; margin:8px 0 14px; font:400 clamp(3rem,5.3vw,5.6rem)/.86 "Bebas Neue",Impact,sans-serif; }.grounds-tool > header > p:last-child { max-width:620px; color:#e6d8c9; line-height:1.55; }.grounds-tool__card,.grounds-tool__output,.grounds-tool__help { padding:clamp(20px,3.5vw,36px); border:1px solid rgba(70,49,29,.14); border-radius:24px; background:#fffdf8; box-shadow:0 12px 25px rgba(65,45,22,.05); }.grounds-tool__form { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(230px,.95fr); gap:17px; }.grounds-tool label { display:grid; gap:6px; color:#795513; font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.grounds-tool textarea,.grounds-tool :is(input,select) { width:100%; padding:10px 11px; border:1px solid rgba(70,49,29,.2); border-radius:9px; background:#fffefa; color:#2b211a; font:600 .88rem/1.3 "Manrope",sans-serif; resize:vertical; }.grounds-tool__form > div { display:grid; align-content:start; gap:12px; }.grounds-tool__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:18px; }.grounds-tool__actions button { min-height:42px; padding:0 15px; border:1px solid rgba(70,49,29,.2); border-radius:999px; background:#2a211a; color:#fff8ed; cursor:pointer; font:800 .68rem/1 "Manrope",sans-serif; letter-spacing:.05em; text-transform:uppercase; }.grounds-tool__actions button:first-child { background:#edb51d; border-color:#edb51d; color:#2b211a; }.grounds-tool__actions button:nth-child(2) { background:#d8433d; border-color:#d8433d; }.grounds-tool__actions button:nth-child(3) { background:#2d88bd; border-color:#2d88bd; }.grounds-tool__actions button:nth-child(4) { background:#2d8b5c; border-color:#2d8b5c; }.grounds-tool__summary { margin-bottom:16px; text-align:center; }.grounds-tool__summary h2 { margin:0 0 6px; color:#2a211a; font:400 2.2rem/1 "Bebas Neue",Impact,sans-serif; }.grounds-tool__summary p { margin:0; color:#6f6156; }.grounds-sheet { margin-top:18px; padding:18px; border:1px solid rgba(70,49,29,.15); border-radius:16px; background:#faf7f0; }.grounds-sheet header { display:flex; justify-content:space-between; gap:12px; padding-bottom:11px; border-bottom:2px solid #2a211a; }.grounds-sheet h2 { margin:0; color:#2a211a; font:400 1.85rem/1 "Bebas Neue",Impact,sans-serif; }.grounds-sheet header span { color:#856015; font-size:.72rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.grounds-sheet > div { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }.grounds-sheet article { padding:12px; border:1px solid #bcae9e; border-radius:10px; background:#fff; }.grounds-sheet h3 { margin:0 0 10px; color:#745213; font:400 1.3rem/1 "Bebas Neue",Impact,sans-serif; }.grounds-sheet p { min-height:23px; margin:0; padding:4px 0; border-bottom:1px solid #cfc5b7; color:#2c211a; font-weight:750; }.grounds-sheet b { display:block; margin:6px 0; color:#83766b; font-size:.63rem; text-align:center; text-transform:uppercase; }.grounds-sheet small { display:block; margin-top:10px; color:#61554b; font-size:.7rem; }.grounds-tool__error { margin:0; padding:16px; border-radius:13px; background:#3a201f; color:#ffd0c6; font-weight:800; }.grounds-tool__help { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; background:linear-gradient(120deg,#fffdf8,#f0dfb1); }.grounds-tool__help article { padding:15px; border:1px solid rgba(70,49,29,.13); border-radius:13px; background:rgba(255,255,255,.65); }.grounds-tool__help h2 { margin:0 0 8px; color:#704e13; font:400 1.6rem/1 "Bebas Neue",Impact,sans-serif; }.grounds-tool__help p { margin:0; color:#6b5d51; font-size:.82rem; line-height:1.45; }
@media (max-width:900px) { .grounds-sheet > div { grid-template-columns:repeat(3,1fr); } }
@media (max-width:620px) { .grounds-tool { gap:14px; padding-top:12px; }.grounds-tool > header,.grounds-tool__card,.grounds-tool__output,.grounds-tool__help { border-radius:20px; }.grounds-tool > header { padding:33px 21px; }.grounds-tool > header h1 { font-size:clamp(3.1rem,15vw,4.4rem); }.grounds-tool__card,.grounds-tool__output,.grounds-tool__help { padding:22px 17px; }.grounds-tool__form,.grounds-tool__help,.grounds-sheet > div { grid-template-columns:1fr; }.grounds-tool__actions { display:grid; grid-template-columns:1fr; }.grounds-sheet { padding:14px; } }
@media print { body:has(.grounds-tool) :is(.site-header,.site-footer,.grounds-tool > header,.grounds-tool__card,.grounds-tool__help) { display:none !important; } body:has(.grounds-tool) .grounds-tool__output { padding:0; border:0; box-shadow:none; } }

/* Detailed native guide for the printable bracket tool. */
.bracket-tool__manual { display: grid; gap: 22px; padding: clamp(26px, 4vw, 46px); border: 1px solid rgba(70,49,29,.13); border-radius: 27px; background: linear-gradient(125deg, #fffdf8, #f1e0b7); box-shadow: 0 12px 25px rgba(65,45,22,.05); }
.bracket-tool__manual header { display: grid; gap: 9px; max-width: 760px; }
.bracket-tool__manual h2 { margin: 0; color: #2b211a; font: 400 clamp(2.2rem, 3.2vw, 3.8rem)/.9 "Bebas Neue", Impact, sans-serif; }
.bracket-tool__manual header > span { color: #6b5c50; font-size: .92rem; line-height: 1.55; }
.bracket-tool__manual > nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.bracket-tool__manual > nav a { display: flex; gap: 8px; align-items: center; min-width: 0; padding: 10px; border: 1px solid rgba(70,49,29,.12); border-radius: 12px; background: rgba(255,255,255,.62); color: #4c3927; font-size: .67rem; font-weight: 800; line-height: 1.25; text-decoration: none; }
.bracket-tool__manual > nav b, .bracket-tool__manual > div > article > b { display: grid; flex: 0 0 auto; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #2b211a; color: #f4c542; font: 400 .95rem/1 "Bebas Neue", Impact, sans-serif; }
.bracket-tool__manual > nav span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bracket-tool__manual > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.bracket-tool__manual > div > article { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 11px; align-items: start; min-height: 118px; padding: 17px; border: 1px solid rgba(70,49,29,.12); border-radius: 16px; background: rgba(255,255,255,.68); scroll-margin-top: 24px; }
.bracket-tool__manual h3 { margin: 0 0 7px; color: #3b2b1e; font: 400 1.55rem/.96 "Bebas Neue", Impact, sans-serif; }
.bracket-tool__manual article p { margin: 0; color: #6b5d52; font-size: .84rem; line-height: 1.5; }
@media (max-width: 860px) { .bracket-tool__manual > nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }.bracket-tool__manual > div { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .bracket-tool__manual { gap: 17px; padding: 24px 18px; border-radius: 21px; }.bracket-tool__manual > nav { grid-template-columns: 1fr; }.bracket-tool__manual > nav a { font-size: .72rem; }.bracket-tool__manual > div > article { min-height: 0; padding: 15px; }.bracket-tool__manual h3 { font-size: 1.38rem; } }

/* Live-parity FAQ treatment for the match-sheet downloads. */
.match-sheets-v2 .match-sheets-details { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.match-sheets-faq__details details { padding: 18px; border: 1px solid rgba(71,50,29,.12); border-radius: 18px; background: #fffefa; }
.match-sheets-faq__details summary { color: #2d231c; cursor: pointer; font-size: .92rem; font-weight: 850; line-height: 1.35; }
.match-sheets-faq__details p { margin: 11px 0 0; color: #6a5b50; font-size: .84rem; line-height: 1.5; }
@media (max-width: 860px) { .match-sheets-v2 .match-sheets-details { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .match-sheets-v2 .match-sheets-details { grid-template-columns: 1fr; }.match-sheets-faq__details details { padding: 15px; } }

/* Tool pages must never establish a wider layout viewport on phones. */
@media (max-width: 620px) {
  .match-sheets-v2 { width: calc(100vw - 24px) !important; }
  .match-sheets-hero { grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; }
  .match-sheets-hero__copy { width: 100% !important; box-sizing: border-box; }
  .match-sheets-hero__copy > p:not(.home-eyebrow) { width: 100%; }
  .site-main:has(.match-sheets-v2), .site-main:has(.home-page) { width: 100vw; min-width: 0; max-width: 100vw; padding: 12px; overflow: hidden; box-sizing: border-box; }
  .page:has(.match-sheets-v2), .home-page { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .site-main:has(.match-sheets-v2), .page:has(.match-sheets-v2), .match-sheets-v2,
  .match-sheets-v2 > section, .match-sheets-v2 > nav { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .match-sheets-hero__copy, .match-sheets-hero__copy > *, .match-sheets-why > *,
  .match-sheets-includes > *, .match-sheets-formats > *, .match-sheets-faq > * { min-width: 0; max-width: 100%; }
  .match-sheets-hero__copy > p:not(.home-eyebrow), .match-sheets-why p,
  .match-sheets-faq p { overflow-wrap: anywhere; }
  .match-sheets-badges { width: 100%; }
  .match-sheets-badges span { padding: 7px 9px; font-size: .62rem; }
  .home-results-panel, .home-results-panel__grid, .home-result-card { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .home-results-panel header { min-width: 0; overflow: hidden; }
  .home-results-panel header p, .home-results-panel header a { white-space: nowrap; }
  .home-result-card strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}

/* Feuilles de match: the public page uses the calm editorial treatment of the live tool. */
.match-sheets-v2 { gap: 22px; padding: 14px 0 42px; }
.match-sheets-v2__crumb { padding-left: clamp(0px, 4vw, 62px); color: #685e56; font-size: .76rem; letter-spacing: .075em; text-transform: uppercase; }
.match-sheets-v2__crumb a { color: #685e56; }
.match-sheets-hero { grid-template-columns: minmax(0, 1fr) minmax(250px, 278px); gap: clamp(26px, 5vw, 80px); align-items: center; min-height: 435px; padding: clamp(28px, 4vw, 54px) clamp(28px, 5vw, 62px); overflow: visible; border-color: rgba(210,154,33,.48); border-radius: 28px; background: radial-gradient(circle at 90% 20%, rgba(250,218,121,.38), transparent 29%), linear-gradient(115deg, #fffdf8, #fff0bf); box-shadow: 0 17px 36px rgba(66, 42, 18, .08); }
.match-sheets-hero__copy { gap: 18px; padding: 0; }
.match-sheets-hero h1 { max-width: 900px; color: #2a211c; font: 500 clamp(3rem, 4.5vw, 4.65rem)/.98 "Cormorant Garamond", Georgia, serif; letter-spacing: -.04em; }
.match-sheets-hero__copy > p:not(.home-eyebrow) { max-width: 740px; color: #68594d; font-size: 1.05rem; line-height: 1.55; }
.match-sheets-badges span { border: 1px solid rgba(169,111,16,.23); background: rgba(255,255,255,.7); color: #744e10; font-size: .7rem; }
.match-sheets-hero .home-button { width: fit-content; min-width: 212px; min-height: 58px; padding: 0 25px; border-radius: 999px; font-size: .77rem; }
.match-sheets-hero__visual { width: 100%; min-height: 0; aspect-ratio: .72; overflow: hidden; border-radius: 25px; box-shadow: 0 18px 32px rgba(40,25,16,.2); }
.match-sheets-hero__visual::after { background: linear-gradient(180deg, transparent 68%, rgba(25,17,12,.32)); }
.match-sheets-hero__visual figcaption { right: 14px; bottom: 13px; min-height: 33px; padding: 0 13px; background: #29211d; color: #fff9ed; font-size: 1rem; line-height: 33px; }
.match-sheets-formats { padding: clamp(30px, 4vw, 46px); border-radius: 28px; background: #fffdfa; }
.match-sheets-formats h2 { font: 500 clamp(2.5rem, 3.4vw, 4rem)/.96 "Cormorant Garamond", Georgia, serif; letter-spacing: -.035em; }
.match-sheets-formats > header > p { max-width: 520px; color: #6e5e52; font-size: 1rem; }
.match-sheets-formats > div { gap: 16px; }
.match-sheet-card { min-height: 220px; gap: 11px; padding: 21px; border-radius: 22px; background: linear-gradient(145deg, #fff9ec, #f7edd7); }
.match-sheet-card:nth-child(2) { background: linear-gradient(145deg, #fff7e7, #f5e4be); }
.match-sheet-card:nth-child(3) { background: linear-gradient(145deg, #fbfdf7, #edf3e8); }
.match-sheet-number { color: #ae7410; font-size: 2rem; }
.match-sheet-card h3 { color: #241c18; font: 700 clamp(1.3rem, 2vw, 1.8rem)/1 "Manrope", sans-serif; }
.match-sheet-card > p:not(.match-sheet-number) { color: #6c5c50; font-size: .92rem; }
.match-sheet-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.match-sheet-actions a { min-height: 39px; padding: 0 9px; border-color: rgba(90,64,26,.18); background: rgba(255,255,255,.8); color: #33271d; font-size: .66rem; line-height: 39px; }
.match-sheet-actions a + a { border-color: #fff; background: #fffefa; color: #33271d; }
.match-sheets-share { grid-template-columns: 1fr; gap: 11px; padding: 20px 23px; border-color: rgba(210,154,33,.4); border-radius: 22px; background: radial-gradient(circle at right center, rgba(212,158,33,.16), transparent 18%), linear-gradient(105deg, #fffdf6, #fce8a9); }
.match-sheets-share strong { display: block; max-width: 790px; color: #2a211c; font-size: 1rem; }
.match-sheets-share nav { justify-content: flex-start; }
.match-sheets-share__link { min-height: 42px; padding: 0 14px; font-size: .68rem; }
.match-sheets-share__link--facebook { background: #287cf1; }.match-sheets-share__link--x { background: #121212; }.match-sheets-share__link--instagram { background: linear-gradient(100deg, #9b35b9, #fa6048); }.match-sheets-share__link--youtube { background: #fa2929; }.match-sheets-share__link--tiktok { background: #111; }
.match-sheets-newsletter { min-height: 70px; padding: 16px 23px; border-radius: 21px; background: linear-gradient(105deg, #241c18, #5a3621); }
.match-sheets-newsletter strong { font-size: .93rem; }.match-sheets-newsletter b { min-height: 38px; padding: 0 16px; line-height: 38px; }
.match-sheets-details { border-radius: 21px; }.match-sheets-details article { min-height: 86px; padding: 18px 23px; }.match-sheets-details strong { font-size: 2rem; }.match-sheets-details span { font-size: .78rem; }
.match-sheets-help { grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); padding: 28px; border: 0; border-radius: 27px; background: linear-gradient(100deg, #332219, #633c24); color: #fff8ec; }.match-sheets-help h2 { color: #fff5e8; font: 500 clamp(2.35rem, 3.4vw, 3.75rem)/.98 "Cormorant Garamond", Georgia, serif; }.match-sheets-help > div > p:not(.home-eyebrow) { color: #eadccd; font-size: 1rem; }.match-sheets-help nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }.match-sheets-help nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; min-width: 150px; padding: 0 14px; border-color: rgba(255,255,255,.28); border-radius: 999px; background: transparent; color: #fff9ef; font: 800 .66rem/1 "Manrope", sans-serif; letter-spacing: .03em; }.match-sheets-help nav a:first-child { border-color: #efb91a; background: #efb91a; color: #2d2118; }
@media (max-width: 860px) { .match-sheets-hero, .match-sheets-help { grid-template-columns: 1fr; }.match-sheets-hero__visual { width: min(330px, 100%); justify-self: center; }.match-sheets-help nav { justify-content: flex-start; }.match-sheets-formats > header { align-items: start; } }
@media (max-width: 620px) { .match-sheets-v2__crumb { padding-left: 0; font-size: .65rem; }.match-sheets-hero { gap: 24px; padding: 27px 20px; }.match-sheets-hero h1 { font-size: clamp(2.65rem, 12vw, 3.65rem); }.match-sheets-hero__copy > p:not(.home-eyebrow) { font-size: .95rem; }.match-sheets-hero .home-button { min-height: 51px; }.match-sheets-formats > header { gap: 12px; }.match-sheets-formats h2 { font-size: clamp(2.25rem, 10vw, 3.2rem); }.match-sheet-actions { grid-template-columns: 1fr; }.match-sheets-details { grid-template-columns: 1fr !important; }.match-sheets-details article { min-height: 0; }.match-sheets-newsletter { grid-template-columns: 1fr; }.match-sheets-share__link span { display: none; }.match-sheets-share__link { min-width: 42px; justify-content: center; padding: 0; }.match-sheets-help { padding: 25px 20px; }.match-sheets-help nav { gap: 8px; }.match-sheets-help nav a { min-width: 0; } }

.match-sheets-faq { padding: 29px clamp(28px, 4vw, 46px); border-radius: 28px; background: #fffdfa; }
.match-sheets-faq > header { align-items: center; margin-bottom: 16px; }
.match-sheets-faq h2 { font: 500 clamp(2.35rem, 3.2vw, 3.55rem)/.98 "Cormorant Garamond", Georgia, serif; letter-spacing: -.035em; }
.match-sheets-faq > header > p { max-width: 555px; color: #2c241e; font-size: 1rem; line-height: 1.45; }
.match-sheets-faq__details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.match-sheets-faq__details article { position: relative; display: grid; align-content: start; gap: 10px; min-height: 184px; overflow: hidden; padding: 20px; border: 1px solid rgba(75,54,33,.12); border-radius: 22px; background: linear-gradient(145deg, #fffefa, #f7f0e6); }
.match-sheets-faq__details article::after { position: absolute; right: -17px; bottom: -28px; width: 104px; height: 104px; border: 1px solid rgba(104,80,43,.1); border-radius: 50%; box-shadow: inset 0 0 0 17px rgba(104,80,43,.035); content: ""; }
.match-sheets-faq__details h3 { position: relative; z-index: 1; margin: 0; color: #27201b; font: 750 1.18rem/1.08 "Manrope", sans-serif; }
.match-sheets-faq__details p { position: relative; z-index: 1; margin: 0; color: #695c51; font-size: 1rem; line-height: 1.48; }
@media (max-width: 860px) { .match-sheets-faq__details { grid-template-columns: 1fr; }.match-sheets-faq__details article { min-height: 0; } }
@media (max-width: 620px) { .match-sheets-faq { padding: 25px 20px; }.match-sheets-faq > header { display: grid; gap: 10px; }.match-sheets-faq h2 { font-size: clamp(2.15rem, 10vw, 3rem); }.match-sheets-faq__details h3 { font-size: 1.05rem; }.match-sheets-faq__details p { font-size: .92rem; } }

/* The printable bracket must use the viewport width on phones, never its desktop content width. */
@media (max-width: 620px) {
  .site-main:has(.bracket-tool) { width: 100vw; min-width: 0; max-width: 100vw; padding: 12px; overflow: hidden; box-sizing: border-box; }
  .page:has(.bracket-tool), .bracket-tool, .bracket-tool > section, .bracket-tool > nav { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .bracket-tool__hero > *, .bracket-tool__form > *, .bracket-tool__help > *, .bracket-tool__manual > * { min-width: 0; max-width: 100%; }
  .bracket-tool__hero h1 { max-width: 100%; font-size: clamp(2.65rem, 13.5vw, 3.7rem); overflow-wrap: anywhere; }
  .bracket-tool__hero > div > p:not(.home-eyebrow), .bracket-tool__notice, .bracket-tool__manual p { overflow-wrap: anywhere; }
}
/* Keep the software promise readable on narrow screens without horizontal clipping. */
@media (max-width: 700px) {
  .software-v2 h1 { width: min(100%, 300px); max-width: 100%; margin: 9px auto 15px; font-size: clamp(2rem, 7.7vw, 2.45rem); line-height: .94; overflow-wrap: anywhere; }
  .software-v2__hero > p { max-width: 100%; font-size: .6rem; line-height: 1.35; }
}
/* Countdown treatment shared by the current official layout. */
.home-official-live__current, .home-official-live__count { align-self: start; justify-self: start; width: fit-content; max-width: 100%; }
.home-official-live__current { display: flex; width: 195px; min-width: 195px; flex-direction: column; align-items: center; gap: 5px; padding: 13px 16px; border: 5px solid #2f1e16; border-radius: 16px; background: #3c251a; box-shadow: 0 9px 15px rgba(0,0,0,.22); text-align: center; text-transform: uppercase; }
.home-official-live__current-label { display: block; width: auto !important; min-width: 0; color: #ffca24; font: 400 1.55rem/1 "Bebas Neue", sans-serif; letter-spacing: .04em; white-space: nowrap !important; }
.home-official-live__current small { color: #f5e7d0; font-size: .48rem; letter-spacing: .14em; }
.home-official-live__count { display: flex; gap: 5px; padding: 5px; border-radius: 15px; background: #2f1e16; box-shadow: 0 9px 15px rgba(0,0,0,.22); }
.home-official-live__count b { display: grid; min-width: 38px; height: 51px; place-items: center; align-content: center; border-radius: 9px; background: rgba(255,255,255,.04); color: #ffca24; font: 400 1.55rem/.92 "Bebas Neue", sans-serif; }
.home-official-live__count b small { display: block; margin-top: 3px; color: #f5e7d0; font: 700 .42rem/1 system-ui, sans-serif; letter-spacing: .05em; }

/* Printable bracket: mirror the live tool-first layout while keeping a semantic H1 for SEO. */
.bracket-tool { max-width: 1160px; margin-right: auto; margin-left: auto; }
.bracket-tool__crumb { justify-content: center; color: #756a60; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bracket-tool__hero { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.bracket-tool__workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "notice notice" "type type" "count count" "formation formation" "perpage perpage" "checks checks" "name date" "club empty" "actions actions" "output output"; gap: 14px; max-width: 1105px; margin: 0 auto; padding: 22px; border-radius: 22px; }
.bracket-tool__notice { grid-area: notice; margin: 0; border: 1px solid rgba(211,158,25,.35); background: linear-gradient(90deg,#fff7d6,#fff0bb); font-size: .88rem; }
.bracket-tool__form { display: contents; }
.bracket-tool__form label { min-width: 0; }
.bracket-tool__form label:nth-child(1) { grid-area: type; }
.bracket-tool__form label:nth-child(2) { grid-area: count; }
.bracket-tool__form label:nth-child(3) { grid-area: formation; }
.bracket-tool__form label:nth-child(4) { grid-area: perpage; }
.bracket-tool__form label:nth-child(5) { grid-area: name; }
.bracket-tool__form label:nth-child(6) { grid-area: date; }
.bracket-tool__form label:nth-child(7) { grid-area: club; }
.bracket-tool__form :is(input, select) { min-height: 47px; border-color: #73685f; border-radius: 12px; background: #fffdf9; }
.bracket-tool__checks { grid-area: checks; margin: 0; padding: 2px 0; }
.bracket-tool__actions { grid-area: actions; margin-top: 4px; }
.bracket-tool__actions button { border-radius: 11px; font-size: .75rem; }
.bracket-tool__actions button:nth-child(2) { border-color: #1b1a20; background: #1b1a20; }
.bracket-tool__output { grid-area: output; min-height: 0; margin-top: 8px; padding: 44px; overflow: auto; border-radius: 22px; background: #fffdf9; }
.bracket-output__header { padding-bottom: 14px; border-bottom: 3px solid #1b1917; }
.bracket-output__header h2 { font-family: "Manrope", sans-serif; font-size: 1.55rem; font-weight: 900; line-height: 1; text-transform: uppercase; }
.bracket-output__header span { display: none; }
.bracket-output__rounds { gap: 20px; }
.bracket-output__round { width: 180px; }
.bracket-output__round h3 { padding: 9px 8px; border-radius: 6px; background: #121212; color: #fffdf6; font-family: "Manrope", sans-serif; font-size: .61rem; font-weight: 900; text-align: center; text-transform: uppercase; }
.bracket-output__match { min-height: 64px; padding: 0; border-color: #28231e; border-radius: 7px; }
.bracket-output__team { min-height: 31px; padding: 0; border-color: #ded7cd; }

@media (max-width: 620px) {
  .bracket-tool__crumb { justify-content: flex-start; font-size: .65rem; letter-spacing: .03em; }
  .bracket-tool > .bracket-tool__hero { width: 1px; max-width: 1px; }
  .bracket-tool__workspace { grid-template-columns: minmax(0, 1fr); grid-template-areas: "notice" "type" "count" "formation" "perpage" "checks" "name" "date" "club" "actions" "output"; gap: 13px; padding: 18px; }
  .bracket-tool__output { padding: 20px 16px; }
  .bracket-output__round { width: 154px; }
}

/* Compact the dense result ribbon on phones instead of clipping its content. */
@media (max-width: 620px) {
  .home-results-panel header { align-items: flex-start; flex-wrap: wrap; gap: 5px 12px; overflow: visible; }
  .home-results-panel header p, .home-results-panel header a { white-space: normal; }
  .home-result-card { grid-template-columns: 52px minmax(0, 1fr); gap: 9px; padding: 11px; }
  .home-result-card img, .home-result-card__placeholder { width: 52px; height: 52px; }
  .home-result-card i { display: none; }
  .home-showcase h1 { width: 100%; max-width: 100%; overflow-wrap: anywhere; }
}

/* The live quiz rail has a readable sentence title; only its actions are compact labels. */
.home-quiz header p { color:#2b2520; font-size:1rem; font-weight:500; letter-spacing:0; text-transform:none; }
@media (max-width:760px) { .home-quiz header p { font-size:.9rem; } }

/* Official home panel: keep the live two-panel composition and prevent grid compression. */
.home-official-live {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-official-live__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 8px 22px;
}
.home-official-live__head p { margin: 0 0 12px; color: #6b625a; font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.home-official-live__head h2 { max-width: none; margin: 0; color: #211a16; font: 500 clamp(2.5rem, 4vw, 4.35rem)/.92 "Cormorant Garamond", Georgia, serif; letter-spacing: -.035em; text-transform: none; }
.home-official-live__head > a { flex: 0 0 auto; color: #241c18; font-size: .68rem; font-weight: 900; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.home-official-live__grid { display: grid; grid-template-columns: minmax(0, 1.68fr) minmax(360px, .98fr); gap: 20px; width: 100%; }
.home-official-live__grid > * { min-width: 0; }
.home-official-live__agenda, .home-official-live__result { min-width: 0; padding: clamp(22px, 2.4vw, 30px); border: 1px solid rgba(67,48,28,.12); border-radius: 27px; background: #fffdf9; box-shadow: 0 12px 25px rgba(67,48,28,.05); }
.home-official-live__agenda h3 { margin: 0 0 19px; color: #241c18; font: 400 clamp(2rem, 2.8vw, 3.35rem)/.91 "Bebas Neue", sans-serif; letter-spacing: -.015em; }
.home-official-live__appointments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.home-official-live__appointments article { min-width: 0; min-height: 287px; padding: 19px; border: 1px solid rgba(67,48,28,.11); border-radius: 25px; background: #fffefa; }
.home-official-live__appointments small { color: #95620c; font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.home-official-live__appointments strong { overflow-wrap: anywhere; color: #2c241f; font: 400 clamp(1.55rem, 1.72vw, 2.15rem)/.95 "Bebas Neue", sans-serif; }
.home-official-live__appointments span { color: #88600d; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.home-official-live__result { display: grid; align-content: start; gap: 18px; min-height: 0; background: linear-gradient(145deg, #fffefa, #f7ead2); }
.home-official-live__result p { color: #352a24; }
.home-official-live__result h3 { overflow-wrap: anywhere; color: #2b231f; font: 400 clamp(1.75rem, 2.1vw, 2.55rem)/.94 "Bebas Neue", sans-serif; }
.home-official-live__result span { color: #67594e; font-size: .94rem; line-height: 1.55; }
.home-official-live a { color: #eeb61a; }
.home-official-live__head > a { color: #241c18; }
@media (max-width: 1160px) { .home-official-live__appointments { grid-template-columns: repeat(2, minmax(0, 1fr)); }.home-official-live__appointments article:last-child { grid-column: span 2; } }
@media (max-width: 920px) { .home-official-live__grid { grid-template-columns: 1fr; }.home-official-live__result { min-height: 0; }.home-official-live__appointments { grid-template-columns: repeat(3, minmax(0, 1fr)); }.home-official-live__appointments article:last-child { grid-column: auto; } }
@media (max-width: 700px) { .home-official-live__head { align-items: start; flex-direction: column; margin: 0 0 16px; }.home-official-live__head h2 { font-size: 2.7rem; }.home-official-live__agenda, .home-official-live__result { padding: 21px 17px; border-radius: 21px; }.home-official-live__agenda h3 { font-size: 2.25rem; }.home-official-live__appointments { grid-template-columns: 1fr; gap: 11px; }.home-official-live__appointments article, .home-official-live__appointments article:last-child { grid-column: auto; min-height: 0; }.home-official-live__result h3 { font-size: 2rem; } }

/* Do not compress the official countdown cards: stack the two panels first. */
.home-official-live__appointments article { grid-template-rows: auto minmax(5.7em, 1fr) auto auto auto; }
.home-official-live__appointments span { display: inline-flex; width: fit-content; padding: 8px 12px; border-radius: 999px; background: #fff3d4; color: #94600b; font-size: .72rem; font-weight: 900; letter-spacing: .06em; line-height: 1; }
.home-official-live__appointments a { font-size: .8rem; line-height: 1.15; }
.home-official-live__current { min-height: 94px; background: linear-gradient(145deg, #452a1d, #2f1d15); }
.home-official-live__current-label { color: #ffcf2d; font-size: 1.75rem; text-shadow: 0 1px 0 rgba(0,0,0,.26); }
@media (max-width: 1320px) {
  .home-official-live__grid { grid-template-columns: 1fr; }
  .home-official-live__appointments { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-official-live__appointments article:last-child { grid-column: auto; }
}
@media (max-width: 760px) {
  .home-official-live__appointments { grid-template-columns: 1fr; }
  .home-official-live__appointments article { grid-template-rows: auto minmax(0, 1fr) auto auto auto; }
  .home-official-live__current { width: 100%; min-width: 0; box-sizing: border-box; }
}

/* Official calendar: match the light, editorial live layout without changing event data. */
.calendar-v2 { gap: 20px; }
.calendar-v2__hero,
.calendar-v2__featured,
.calendar-v2__list {
  margin: 0;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid #ecd28f;
  border-radius: 28px;
  background: #fffdf9;
}
.calendar-v2__hero {
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, .72fr);
  min-height: 300px;
  background: radial-gradient(circle at 93% 14%, rgba(237, 187, 32, .18), transparent 28%), linear-gradient(120deg, #fffdf7, #fff0be);
}
.calendar-v2 p { color: #76665b; }
.calendar-v2 h1,
.calendar-v2 h2 {
  color: #211a16;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  letter-spacing: -.055em;
}
.calendar-v2 h1 { max-width: 11ch; font-size: clamp(2.8rem, 5vw, 5.35rem); line-height: .92; }
.calendar-v2 h2 { font-size: clamp(2rem, 3vw, 3.15rem); line-height: .98; }
.calendar-v2__hero > div > span { max-width: 680px; color: #75665a; font-size: 1rem; line-height: 1.52; }
.calendar-v2__hero nav { gap: 24px; }
.calendar-v2__hero nav a { color: #251d17; }
.calendar-v2__hero nav a:first-child { padding: 15px 22px; background: #efb719; }
.calendar-v2__paths {
  display: grid;
  align-content: center;
  gap: 9px;
  padding-left: 26px;
  border-left: 1px solid rgba(168, 118, 24, .22);
}
.calendar-v2__paths a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  border: 1px solid #ebd8aa;
  border-radius: 15px;
  background: rgba(255, 254, 250, .9);
  color: #34291f;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
}
.calendar-v2__paths a::before { width: 21px; height: 21px; margin-right: 11px; border-radius: 50%; background: #efb719; content: ""; }
.calendar-v2__featured { background: #fffdf9; }
.calendar-v2__featured header,
.calendar-v2__list header { align-items: center; margin-bottom: 18px; }
.calendar-v2__featured header > a {
  flex: 0 0 auto;
  padding: 11px 16px;
  border: 1px solid #e8bd4e;
  border-radius: 999px;
  color: #a16d0e;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-decoration: none;
  text-transform: uppercase;
}
.calendar-v2__featured > div { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; gap: 13px; }
.calendar-v2__event--featured {
  display: block;
  min-height: 255px;
  border-color: #ead8ad;
  border-top: 4px solid #efb719;
  border-radius: 18px;
  background: #fffdf9;
}
.calendar-v2__event--featured:nth-child(2) { border-top-color: #ca802e; }
.calendar-v2__event--featured:nth-child(3) { border-top-color: #9c7751; }
.calendar-v2__event--featured > div { height: 100%; align-content: start; gap: 13px; padding: 18px; }
.calendar-v2__event--featured h2 {
  display: block;
  overflow: visible;
  min-height: 4.35em;
  font: 800 clamp(1rem, 1.18vw, 1.22rem)/1.14 "Manrope", sans-serif;
  letter-spacing: -.035em;
  -webkit-line-clamp: unset;
}
.calendar-v2__event--featured p { display: none; }
.calendar-v2__date {
  align-self: start;
  padding: 8px 13px;
  border-radius: 999px;
  background: #fff5d9;
  color: #a57414;
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.calendar-v2__event--featured .calendar-v2__count { margin-top: 3px; }
.calendar-v2__event--featured .calendar-v2__read { margin-top: auto; }
.calendar-v2__list { background: linear-gradient(120deg, #fffdf9, #fff8e7); }
@media (min-width: 761px) {
  .calendar-v2__hero, .calendar-v2__featured, .calendar-v2__list { margin-right: 0; margin-left: 0; }
}
@media (max-width: 880px) {
  .calendar-v2__hero { grid-template-columns: 1fr; }
  .calendar-v2__paths { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px 0 0; border-top: 1px solid rgba(168, 118, 24, .22); border-left: 0; }
}
@media (max-width: 700px) {
  .calendar-v2__featured > div { grid-template-columns: 1fr; }
  .calendar-v2__featured header { align-items: start; flex-direction: column; }
  .calendar-v2__event--featured h2 { min-height: 0; }
}
@media (max-width: 520px) {
  .calendar-v2__hero, .calendar-v2__featured, .calendar-v2__list { padding: 21px 17px; border-radius: 22px; }
  .calendar-v2 h1 { font-size: 2.6rem; }
  .calendar-v2__paths { grid-template-columns: 1fr; }
}

/* Complete native official hub, rebuilt from the live editorial composition. */
.official-page-main { display: grid; gap: 18px; min-width: 0; }
.official-page-main > .officials-hub { min-width: 0; }
.officials-hub { display: grid; gap: 18px; }
.officials-hero, .officials-section, .officials-results-showcase, .officials-replay-card, .officials-newsletter { border: 1px solid #ead9b6; border-radius: 24px; background: #fffdf8; box-shadow: 0 14px 32px rgba(67,43,20,.07); }
.officials-eyebrow { margin: 0; color: #95620c; font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.officials-hero { display: grid; grid-template-columns: minmax(0,1.38fr) minmax(300px,.62fr); gap: 22px; align-items: center; padding: 24px 32px; background: radial-gradient(circle at 84% 22%,rgba(239,183,31,.2),transparent 21%),linear-gradient(110deg,#fffdf8,#fff5d7); }.officials-hero-copy, .officials-section-heading > * { min-width: 0; }
.officials-hero h1 { max-width: 690px; margin: 3px 0 8px; color: #211a16; font-size: clamp(2.15rem,3.35vw,3.55rem); letter-spacing: -.035em; line-height: 1.02; }
.officials-hero-copy > p:not(.officials-eyebrow), .officials-newsletter > p:not(.officials-eyebrow) { max-width: 650px; margin: 0; color: #6f6055; font-size: .96rem; line-height: 1.45; }
.officials-hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.officials-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px; border: 1px solid #e2d4be; border-radius: 999px; background: #fffdf8; color: #2d2119; font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.officials-button--gold { border-color: #edb719; background: #efb719; }
.officials-signal-list { display: grid; gap: 7px; padding: 4px; border-left: 1px solid rgba(171,122,28,.18); }
.officials-signal-list a { display: flex; align-items: center; gap: 9px; min-height: 39px; padding: 8px 11px; border: 1px solid #ead9b6; border-radius: 12px; background: rgba(255,255,255,.78); color: #35251a; font-size: .91rem; font-weight: 800; box-shadow: 0 5px 13px rgba(72,47,20,.04); text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.officials-signal-list a:hover { border-color: #d6a016; background: #fff; transform: translateX(3px); }
.officials-signal-list span { display: grid; flex: 0 0 auto; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: #f0b71a; color: #2a1c11; font-size: .66rem; }
.officials-section { padding: 20px 22px 22px; }
.officials-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.officials-section-heading h2 { margin: 3px 0 0; color: #211a16; font-size: clamp(1.55rem,2.35vw,2.35rem); letter-spacing: -.03em; }
.officials-results-showcase h2, .officials-replay-card h2, .officials-newsletter h2 { margin: 4px 0 8px; color: #211a16; font-size: clamp(1.45rem,2.2vw,2.15rem); }
.officials-section-heading > a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid #e6c775; border-radius: 999px; background: #fff8e7; color: #8d5c06; font-size: .7rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.officials-event-grid, .officials-calendar-grid, .officials-latest-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.officials-event-card { position: relative; display: flex; min-height: 206px; flex-direction: column; align-items: flex-start; overflow: hidden; padding: 16px 17px 15px; border: 1px solid #ead8ad; border-radius: 16px; background: linear-gradient(145deg,#fffefa,#fff3d3); box-shadow: 0 9px 20px rgba(87,57,21,.055); transition: transform .18s ease, box-shadow .18s ease; }
.officials-event-card::before { position: absolute; top: 0; right: 0; left: 0; height: 4px; background: #e7ad16; content: ""; }
.officials-event-card:nth-child(2) { background: linear-gradient(145deg,#fffefa,#f7ead3); }.officials-event-card:nth-child(2)::before { background: #c98138; }.officials-event-card:nth-child(3) { background: linear-gradient(145deg,#fffefa,#f4e6d5); }.officials-event-card:nth-child(3)::before { background: #96704f; }
.officials-rank, .officials-date { margin: 0; color: #9d6708; font-size: .65rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }.officials-rank { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; background: rgba(255,255,255,.72); }.officials-date { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 7px; background: rgba(255,255,255,.62); }
.officials-event-card h3 { display: -webkit-box; overflow: hidden; margin: 8px 0 7px; color: #281e18; font-size: 1.08rem; line-height: 1.08; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.officials-event-card h3 a { color: inherit; text-decoration: none; }
.official-countdown { display: inline-grid; grid-template-columns: repeat(4,minmax(41px,1fr)); gap: 0; overflow: hidden; margin: 12px 0 10px; border: 1px solid rgba(136,89,16,.20); border-radius: 13px; background: rgba(255,255,255,.88); box-shadow: 0 6px 13px rgba(89,57,19,.07); }.official-countdown span { display: grid; min-width: 42px; padding: 7px 6px 6px; background: transparent; text-align: center; }.official-countdown span + span { border-left: 1px solid rgba(136,89,16,.16); }.official-countdown strong { color: #3a281c; font-family: "Bebas Neue",sans-serif; font-size: 1.75rem; line-height: .9; letter-spacing: .02em; }.official-countdown small { margin-top: 4px; color: #9a6b16; font-size: .5rem; font-weight: 900; letter-spacing: .09em; }.official-countdown--current { display: grid; grid-template-columns:1fr; grid-template-rows:auto auto; justify-items:center; align-content:center; min-width: 208px; min-height: 92px; padding: 13px 18px 10px; border-color: rgba(52,33,22,.24); border-radius: 14px; background: #2c201a; box-shadow: 0 9px 18px rgba(71,44,22,.16); text-align: center; }.official-countdown--current strong { display: block; width: auto; color: #ffc72c; font-family: "Bebas Neue","Oswald",sans-serif; font-size: 2rem; line-height: .86; letter-spacing: .04em; text-shadow: 0 1px 0 #160d09,0 0 10px rgba(255,199,44,.24); text-transform: uppercase; white-space: nowrap; }.official-countdown--current small { display:block; margin-top: 3px; color: rgba(255,245,229,.76); font-size: .5rem; letter-spacing: .12em; text-transform: uppercase; }
.officials-card-link, .officials-results-cta { display: inline-flex; margin-top: auto; color: #8e5b04; font-size: .67rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.officials-card-link::after { margin-left: 6px; content: "→"; }
.officials-live-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); gap: 18px; }.officials-results-showcase, .officials-replay-card { padding: 22px; }.officials-results-showcase { background: linear-gradient(135deg,#fffdf8,#fff3d5); }.officials-results-showcase > p:not(.officials-eyebrow) { margin: 8px 0 0; color: #6f6055; line-height: 1.48; }
.officials-result-mini-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 16px; }.officials-result-mini { display: grid; overflow: hidden; min-width: 0; border: 1px solid #ead9b6; border-radius: 13px; background: rgba(255,255,255,.78); color: #33251d; text-decoration: none; }.officials-result-mini img, .officials-result-mini__placeholder { width: 100%; aspect-ratio: 16/9; object-fit: cover; background: #eee4d3; }.officials-result-mini span { display: grid; gap: 4px; padding: 9px; }.officials-result-mini small, .officials-latest-card > span { color: #9a6710; font-size: .63rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }.officials-result-mini strong { display: -webkit-box; overflow: hidden; font-size: .84rem; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.officials-results-cta { margin-top: 15px; font-size: .74rem; }
.officials-replay-card { background: #fffdf8; }.officials-replay-heading { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.officials-replay-heading > a { margin-top: 4px; color: #9a6710; font-size: .68rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }.officials-replay-frame { overflow: hidden; margin-top: 12px; border: 1px solid #ddc788; border-radius: 14px; aspect-ratio: 16/9; background: #2a1d15; }.officials-replay-frame iframe { display: block; width: 100%; height: 100%; border: 0; }.officials-replay-title { display: block; margin-top: 9px; color: #3a271b; font-size: .9rem; font-weight: 800; line-height: 1.25; text-decoration: none; }
.officials-official-nav { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 14px; padding: 10px 12px; border-top: 1px solid #e9d6ae; border-bottom: 1px solid #e9d6ae; background: linear-gradient(90deg,#fffaf0,#fffdf8); }.officials-nav-intro { display: grid; align-content: center; gap: 3px; padding: 5px 11px; border-right: 1px solid #ead9b6; }.officials-nav-intro strong { color: #31221a; font: 600 1.3rem/1 "Cormorant Garamond",serif; }.officials-official-nav-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }.officials-official-nav-card { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 7px 9px; border: 1px solid transparent; border-radius: 12px; color: #33251d; text-decoration: none; }.officials-nav-icon { display: grid; flex: 0 0 27px; width: 27px; height: 27px; place-items: center; border-radius: 9px; background: #f4b816; color: #362512; font-size: .78rem; }.officials-official-nav-card:nth-child(2) .officials-nav-icon { background: #e8d0a9; }.officials-official-nav-card:nth-child(3) .officials-nav-icon { background: #dcebd4; }.officials-official-nav-card:nth-child(4) .officials-nav-icon { background: #e6d8c9; }.officials-official-nav-card > span:last-child { display: grid; min-width: 0; gap: 2px; }.officials-official-nav-card b { overflow: hidden; font-size: .83rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }.officials-official-nav-card small { overflow: hidden; color: #75675b; font-size: .67rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.officials-calendars { position: relative; overflow: hidden; background: linear-gradient(130deg,#fffdf8,#fff8e8); }.officials-calendars::after { position: absolute; right: -36px; bottom: -62px; width: 190px; height: 190px; border: 1px solid rgba(204,152,44,.17); border-radius: 50%; content: ""; pointer-events: none; }.officials-calendars > * { position: relative; z-index: 1; }.officials-calendar-grid { gap: 10px; }.officials-calendar-card { display: grid; grid-template-columns: 38px 1fr; column-gap: 10px; min-height: 116px; padding: 14px; border: 1px solid #ead9b6; border-radius: 15px; background: rgba(255,255,255,.8); color: #33251d; text-decoration: none; }.officials-calendar-icon { display: grid; grid-row: span 3; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #f6c344; font-size: 1.08rem; }.officials-calendar-card:nth-child(2) .officials-calendar-icon { background: #d8e7ef; }.officials-calendar-card:nth-child(3) .officials-calendar-icon { background: #f2d8a7; }.officials-calendar-card strong { align-self: end; font-size: 1rem; line-height: 1.1; }.officials-calendar-card > span:not(.officials-calendar-icon) { display: -webkit-box; overflow: hidden; margin-top: 3px; color: #6f6055; font-size: .8rem; line-height: 1.28; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.officials-calendar-card b { align-self: end; margin-top: 4px; color: #936008; font-size: .63rem; letter-spacing: .07em; text-transform: uppercase; }
.officials-agenda { padding: 22px; background: linear-gradient(115deg,#fffdf8,#fff6df); }.officials-agenda-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.officials-agenda-list a { position: relative; display: grid; grid-template-rows: auto 1fr auto; min-height: 126px; gap: 8px; padding: 14px 15px 13px; border: 1px solid #ebd6a2; border-radius: 16px; background: rgba(255,255,255,.76); color: #34251b; text-decoration: none; }.officials-agenda-list a::before { position: absolute; top: 14px; left: 0; width: 4px; height: 30px; border-radius: 0 5px 5px 0; background: #efb719; content: ""; }.officials-agenda-list a:nth-child(2)::before { background: #c77c35; }.officials-agenda-list a:nth-child(3)::before { background: #4d8157; }.officials-agenda-date { padding-left: 8px; color: #9a6508; font-size: .68rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }.officials-agenda-list strong { display: -webkit-box; overflow: hidden; font-size: 1rem; line-height: 1.16; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.officials-agenda-list a > span:last-child { color: #9a6710; font-size: .66rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.officials-latest-card { display: grid; grid-template-columns: 84px 1fr; column-gap: 10px; align-items: center; min-height: 92px; padding: 8px; border: 1px solid #eadfca; border-radius: 13px; background: #fff; color: #33251d; text-decoration: none; }.officials-latest-card img, .officials-latest-card__placeholder { grid-row: span 2; width: 84px; height: 76px; border-radius: 9px; object-fit: cover; background: #eee4d3; }.officials-latest-card strong { line-height: 1.15; }
.officials-newsletter { padding: 28px 30px; background: linear-gradient(120deg,#fffdf8,#f6e4b3); }.officials-newsletter h2 { margin: 5px 0 9px; }
.officials-community { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 26px; align-items: center; overflow: hidden; padding: 27px 30px; border: 1px solid rgba(197,143,42,.48); border-radius: 25px; background: radial-gradient(circle at 99% 100%,rgba(204,148,80,.32) 0 10%,transparent 10.2%),linear-gradient(112deg,#211914,#58351f); box-shadow: 0 14px 32px rgba(67,43,20,.1); color: #f8eee1; }
.officials-community h2 { max-width: 470px; margin: 6px 0 8px; color: #fff5e8; font: 600 clamp(1.72rem,2.8vw,2.55rem)/1 "Cormorant Garamond",serif; }
.officials-community > div > p:not(.officials-eyebrow) { max-width: 520px; margin: 0; color: rgba(247,237,225,.78); font-size: .96rem; line-height: 1.48; }
.officials-community .officials-eyebrow { color: #efbd25; }
.officials-community__actions { display: grid; gap: 16px; }
.officials-community__actions > div { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.officials-community__share { color: #fff4e5; font-size: .74rem; font-weight: 850; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.officials-community__socials { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.officials-community__social { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 7px; align-items: center; min-height: 65px; padding: 9px; border: 1px solid rgba(248,238,225,.2); border-radius: 13px; background: rgba(255,255,255,.085); color: #fff5e8; text-decoration: none; }
.officials-community__mark { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #f6bf23; }.officials-community__mark img { width: 15px; height: 15px; }
.officials-community__mark--facebook { background: #2378ec; }.officials-community__mark--instagram { background: linear-gradient(135deg,#8f38ba,#fb5a4e); }.officials-community__mark--youtube { background: #f92a28; }.officials-community__mark--x { background: #fff; }.officials-community__mark--tiktok { background: #111; }
.officials-community__social > span:last-child { display: grid; min-width: 0; gap: 2px; }.officials-community__social strong { overflow: hidden; font-size: .69rem; letter-spacing: .04em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.officials-community__social small { overflow: hidden; color: rgba(247,237,225,.66); font-size: .6rem; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.officials-hub .officials-event-card, .officials-hub .officials-calendar-card, .officials-hub .officials-agenda-list a, .officials-hub .officials-result-mini, .officials-hub .officials-latest-card, .officials-hub .officials-official-nav-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.officials-hub .officials-event-card:hover, .officials-hub .officials-calendar-card:hover, .officials-hub .officials-agenda-list a:hover, .officials-hub .officials-result-mini:hover, .officials-hub .officials-latest-card:hover { z-index: 1; border-color: #d4a137; box-shadow: 0 15px 26px rgba(79,47,15,.13); transform: translateY(-3px); }
.officials-hub .officials-official-nav-card:hover { border-color: #e5c473; background: #fff8e8; transform: translateY(-2px); }
@media (max-width: 900px) { .officials-hero,.officials-live-grid { grid-template-columns: 1fr; }.officials-event-grid,.officials-calendar-grid { grid-template-columns: 1fr; }.officials-official-nav { grid-template-columns: 1fr; }.officials-nav-intro { border-right: 0; border-bottom: 1px solid #ead9b6; }.officials-official-nav-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.officials-latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.officials-agenda-list { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .officials-community { grid-template-columns: 1fr; }.officials-community__socials { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 620px) { .officials-hero,.officials-section,.officials-results-showcase,.officials-replay-card,.officials-newsletter,.officials-community { padding: 21px 17px; border-radius: 18px; }.officials-section-heading { align-items: flex-start; flex-direction: column; gap: 5px; }.officials-section-heading h2 { max-width: 100%; font-size: clamp(1.8rem,8.8vw,2.25rem); line-height: 1.05; overflow-wrap: anywhere; }.officials-result-mini-grid { grid-template-columns: 1fr; }.officials-official-nav-grid,.officials-latest-grid { grid-template-columns: 1fr; }.officials-replay-heading { flex-direction: column; }.officials-hero h1 { font-size: 2.25rem; overflow-wrap: anywhere; }.officials-event-card h3,.officials-agenda-list strong { overflow-wrap: anywhere; }.officials-community__socials { grid-template-columns: repeat(2,minmax(0,1fr)); }.officials-community__social { min-height: 56px; }.officials-community__social small { display: none; } }

/* Native consent layer: no tracking cookie or remote CMP is required. */
.site-body--consent-open { overflow: hidden; }
.site-consent { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(34,29,24,.58); backdrop-filter: blur(3px); }
.site-consent[hidden] { display: none; }
.site-consent__card { width: min(100%, 510px); max-height: min(760px, calc(100vh - 40px)); overflow: auto; padding: 24px 30px 22px; border: 1px solid rgba(232,217,187,.94); border-radius: 12px; background: #fffdfa; box-shadow: 0 24px 70px rgba(0,0,0,.32); color: #292019; }
.site-consent__brand { display: inline-flex; margin: 0 0 15px; padding: 8px 13px; background: #171311; color: #fff; font: 800 1.24rem/1 "Manrope",sans-serif; letter-spacing: .02em; text-transform: uppercase; }
.site-consent h2 { margin: 0 0 10px; font: 800 clamp(1.25rem,2vw,1.58rem)/1.1 "Manrope",sans-serif; letter-spacing: -.03em; }
.site-consent > .site-consent__card > p { margin: 0; color: #5e5147; font-size: .94rem; line-height: 1.52; }
.site-consent ul { display: grid; gap: 9px; margin: 18px 0 12px; padding: 0; list-style: none; }
.site-consent li { display: grid; grid-template-columns: 22px 1fr; gap: 8px; align-items: start; color: #45372e; font-size: .88rem; line-height: 1.36; }
.site-consent li span { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: #e8f3e9; color: #147544; font-size: .76rem; font-weight: 900; }
.site-consent__details { padding: 12px 0 14px; border-top: 1px solid #eadfce; color: #67594e; font-size: .84rem; line-height: 1.45; }
.site-consent__details summary { cursor: pointer; color: #34261d; font-weight: 800; }
.site-consent__details p { margin: 9px 0 0; }
.site-consent__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 12px; border-top: 1px solid #eadfce; }
.site-consent__actions button { min-height: 43px; border: 1px solid #d9c9b2; border-radius: 999px; font-size: .85rem; font-weight: 850; cursor: pointer; }
.site-consent__deny { background: #fffdfa; color: #4b3a2d; }
.site-consent__accept { border-color: #1769d6 !important; background: #1769d6; color: #fff; }
@media (max-width: 560px) { .site-consent { align-items: end; padding: 11px; }.site-consent__card { max-height: calc(100vh - 22px); padding: 21px 19px 18px; border-radius: 18px; }.site-consent__brand { margin-bottom: 12px; font-size: 1.05rem; }.site-consent__actions { gap: 8px; } }

/* Footer parity: keep the live site's generous type hierarchy and clear actions. */
.site-footer { gap: 25px; padding: 31px clamp(28px, 3vw, 38px) 26px; color: #f7efe4; background: #151313; }
.footer-top { grid-template-columns: 1.08fr .92fr 1fr; gap: clamp(28px, 4vw, 60px); padding-bottom: 25px; }
.footer-panel .eyebrow, .footer-newsletter .eyebrow { margin-bottom: 10px; color: #d6c9bf; font-size: .78rem; font-weight: 750; letter-spacing: .18em; }
.footer-panel strong { color: #fff8ee; font-family: "Manrope", sans-serif; font-size: 1.04rem; font-weight: 850; line-height: 1.34; }
.footer-panel p:not(.eyebrow), .footer-newsletter p { margin-top: 13px; color: rgba(247,239,228,.72); font-size: .92rem; line-height: 1.55; }
.footer-link-list { gap: 11px; }
.footer-link-list a { color: #f7efe4; font-size: .9rem; text-decoration: none; }
.footer-link-list a:hover { color: #f2c03a; }
.footer-community { grid-template-columns: minmax(0, 1.1fr) minmax(470px, .9fr); gap: 28px; }
.footer-newsletter { min-height: 222px; padding: 30px 24px 24px; border-color: rgba(211,154,39,.52); border-radius: 25px; background: linear-gradient(118deg, #302018, #57331f); }
.footer-newsletter .eyebrow { color: #f1c042; font-size: .8rem; }
.footer-newsletter strong { max-width: 48rem; color: #fff8ee; font-family: "Manrope", sans-serif; font-size: 1.13rem; font-weight: 850; line-height: 1.33; }
.footer-newsletter p { max-width: 48rem; }
.footer-cta { min-height: 43px; margin-top: 17px; padding: 0 19px; background: #f2bb1e; color: #fff !important; font-size: .69rem; text-decoration: none; }
.footer-cta:hover { background: #ffc934; color: #fff !important; }
.footer-social-column { gap: 17px; }
.footer-socials { gap: 9px; }
.footer-social-link { min-height: 40px; padding: 8px 13px; color: #fff8ee; font-size: .72rem; font-weight: 850; letter-spacing: .03em; text-decoration: none; text-transform: uppercase; }
.footer-social-link:hover { color: #fff8ee; border-color: rgba(242,192,58,.65); }
.footer-stats { gap: 12px; }
.footer-stat { min-height: 86px; padding: 14px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: #252323; text-decoration: none; }
.footer-stat strong { color: #fff9ef; font: 400 2rem/.9 "Bebas Neue", Impact, sans-serif; }
.footer-stat span { color: rgba(247,239,228,.74); font-size: .79rem; }
.footer-bottom { gap: 30px; padding-top: 2px; }
.footer-brand { color: #fff7ea !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(2.55rem, 4vw, 3.35rem) !important; font-weight: 500; line-height: .78; letter-spacing: -.055em; text-decoration: none !important; }
.footer-bottom .brand-tag { margin-top: 10px; color: rgba(247,239,228,.58); font-size: .67rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.footer-nav { gap: 13px 22px; }
.footer-nav a { color: #f7efe4; font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.footer-legal-line { padding-top: 17px; color: rgba(247,239,228,.66); font-size: .74rem; }
.footer-legal-line a { color: #f7efe4; font-size: .74rem; text-decoration: none; }

@media (max-width: 980px) {
  .footer-community { grid-template-columns: 1fr; }
  .footer-social-column { max-width: 760px; }
}
@media (max-width: 700px) {
  .site-footer { gap: 20px; padding: 25px 19px 22px; }
  .footer-top { gap: 25px; }
  .footer-newsletter { min-height: 0; padding: 24px 19px; }
  .footer-socials { gap: 7px; }
  .footer-social-link { flex: 1 1 120px; justify-content: center; }
  .footer-stats { grid-template-columns: 1fr; }
  .footer-stat { min-height: 72px; }
  .footer-bottom { gap: 23px; }
  .footer-nav { justify-content: flex-start; }
  .footer-legal-line { gap: 13px; }
}

/* Keep the global search as a proper central control rather than content-sized. */
.site-header > .header-center > .global-search { width: min(100%, 610px); min-height: 52px; margin: 0 auto; border-color: rgba(70,48,29,.16); background: rgba(255,255,255,.96); box-shadow: 0 8px 18px rgba(71,49,29,.08); }
.site-header > .header-center > .global-search input { min-height: 50px; padding: 0 1.05rem; color: #453b34; font-size: .9rem; font-weight: 500; }
.site-header > .header-center > .global-search button { position: relative; width: 48px; min-width: 48px; min-height: 44px; margin: 3px 4px 3px 0; border-radius: 999px; background: #edb517; color: transparent; }
.site-header > .header-center > .global-search button::before { position: absolute; top: 12px; left: 13px; width: 12px; height: 12px; border: 2.2px solid #211a16; border-radius: 50%; content: ""; }
.site-header > .header-center > .global-search button::after { position: absolute; top: 24px; left: 25px; width: 8px; height: 2.2px; border-radius: 999px; background: #211a16; content: ""; transform: rotate(45deg); transform-origin: left center; }

/* Keep the responsive search in the live order: icon, field, then action. */
@media (min-width: 761px) and (max-width: 900px) {
  .site-header > .header-center > .global-search {
    grid-template-columns: 26px minmax(0, 1fr) 44px;
  }
  .site-header > .header-center > .global-search::before,
  .site-header > .header-center > .global-search input,
  .site-header > .header-center > .global-search button { grid-row: 1; }
  .site-header > .header-center > .global-search::before {
    grid-column: 1;
    align-self: center;
    justify-self: center;
    width: 12px;
    height: 12px;
    border: 2px solid #9a6e0f;
    border-radius: 50%;
    background: linear-gradient(45deg, transparent 46%, #9a6e0f 47% 60%, transparent 61%) 9px 9px / 7px 7px no-repeat;
    content: "";
  }
  .site-header > .header-center > .global-search input { grid-column: 2; width: auto; min-width: 0; }
  .site-header > .header-center > .global-search button { grid-column: 3; width: 44px; min-width: 44px; margin: 0; }
}

@media (max-width: 760px) {
  .site-header > .header-center > .global-search {
    grid-template-columns: 26px minmax(0, 1fr) 34px;
  }
  .site-header > .header-center > .global-search::before,
  .site-header > .header-center > .global-search input,
  .site-header > .header-center > .global-search button { grid-row: 1; }
  .site-header > .header-center > .global-search::before {
    grid-column: 1;
    align-self: center;
    justify-self: center;
    width: 12px;
    height: 12px;
    border: 2px solid #9a6e0f;
    border-radius: 50%;
    background: linear-gradient(45deg, transparent 46%, #9a6e0f 47% 60%, transparent 61%) 9px 9px / 7px 7px no-repeat;
    content: "";
  }
  .site-header > .header-center > .global-search input { grid-column: 2; width: auto; min-width: 0; }
  .site-header > .header-center > .global-search button { grid-column: 3; width: 34px; min-width: 34px; margin: 0; }
}

/* Newsletter: keep the visual panel balanced beside the signup copy. */
@media (min-width: 1121px) {
  body[data-page="newsletter"] .nl-hero-grid { align-items: start; }
  body[data-page="newsletter"] .nl-hero-visual {
    align-self: start;
    height: 640px;
    min-height: 640px;
  }
}

/* At intermediate widths the header must shrink before its right controls clip. */
@media (min-width: 1181px) and (max-width: 1360px) {
  body[data-page="newsletter"] .site-header {
    grid-template-columns: minmax(230px, .8fr) minmax(0, 1.55fr) minmax(220px, .75fr);
    gap: 14px;
    padding-right: 20px;
    padding-left: 20px;
  }
  body[data-page="newsletter"] .site-header > .header-center { padding-right: 0; }
  body[data-page="newsletter"] .site-header > .header-center .main-nav { column-gap: 7px; }
  body[data-page="newsletter"] .site-header > .header-center .main-nav > a,
  body[data-page="newsletter"] .site-header > .header-center .main-nav summary { font-size: .72rem; letter-spacing: .035em; }
  body[data-page="newsletter"] .site-header > .header-center .language-switcher { gap: 4px; }
  body[data-page="newsletter"] .site-header > .header-center .language-pill { width: 40px; }
  body[data-page="newsletter"] .site-header > .header-tools { gap: 7px; }
  body[data-page="newsletter"] .site-header > .header-tools .search-trigger { font-size: .82rem; }
  body[data-page="newsletter"] .site-header > .header-tools .shop-chip,
  body[data-page="newsletter"] .site-header > .header-tools .cart-chip { padding-right: 12px; padding-left: 12px; font-size: .65rem; }
}

@media (max-width: 1120px) {
  body[data-page="newsletter"] .nl-hero-visual { height: auto; }
}

/* Newsletter sample: it contains one email preview, so it must use the full column. */
body[data-page="newsletter"] .nl-sample-wrap {
  display: block;
  width: min(100%, 760px);
  margin: 0 auto;
}
body[data-page="newsletter"] .nl-sample-card {
  width: 100%;
  box-sizing: border-box;
}

/* Newsletter FAQ: the section and its card grid share a legacy class name. */
body[data-page="newsletter"] section.nl-section.nl-faq {
  display: block;
}
body[data-page="newsletter"] section.nl-section.nl-faq > .nl-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .75fr);
  gap: 30px;
  align-items: end;
  margin-bottom: 25px;
}
body[data-page="newsletter"] section.nl-section.nl-faq > .nl-faq {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 700px) {
  body[data-page="newsletter"] section.nl-section.nl-faq > .nl-section-head,
  body[data-page="newsletter"] section.nl-section.nl-faq > .nl-faq {
    grid-template-columns: 1fr;
  }
}

/* Match the live stacked header at tablet widths instead of shrinking the desktop grid. */
@media (min-width: 761px) and (max-width: 900px) {
  body.site-body { padding-top: 10px; }
  .site-frame {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 30px 30px 0 0;
  }
  .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 58px 188px;
    gap: 18px;
    min-height: 292px;
    padding: 14px 20px;
  }
  .site-header > .brand-lockup {
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    gap: 16px;
    padding: 0;
  }
  .site-header > .brand-lockup .brand-mark { width: 58px; height: 58px; }
  .site-header > .brand-lockup .brand-wordmark { font-size: 2.8rem; }
  .site-header > .brand-lockup .brand-tag { font-size: .7rem; letter-spacing: .22em; }
  .site-header > .header-tools {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
  }
  .site-header > .header-center {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-rows: 80px 46px 46px;
    gap: 8px;
    width: 100%;
    margin: 0;
  }
  .site-header > .header-center > .main-nav {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    width: 100%;
    height: 80px;
    margin: 0;
    overflow: hidden;
  }
  .site-header > .header-center > .main-nav > a,
  .site-header > .header-center > .main-nav > .nav-menu > summary {
    min-width: 0;
    padding: 8px 0;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
  }
  .site-header > .header-center > .language-switcher {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 7px;
    width: 100%;
    height: 46px;
    overflow: hidden;
    padding: 0;
  }
  .site-header > .header-center > .language-switcher .language-pill {
    width: 47px;
    height: 46px;
    min-height: 46px;
    flex: 0 0 47px;
    box-sizing: border-box;
  }
  .site-header > .header-center > .global-search {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) 34px;
    width: 560px;
    max-width: 100%;
    height: 46px;
    min-height: 46px;
    margin: 0 auto;
    padding: 5px 6px 5px 14px;
    box-sizing: border-box;
  }
  .site-header > .header-center > .global-search input { min-height: 34px; padding: 0 8px; font-size: .75rem; }
  .site-header > .header-center > .global-search button { width: 34px; min-width: 34px; min-height: 34px; }
  .site-header > .mobile-site-menu,
  .site-header > .mobile-language-menu { display: none; }

  body.site-body:has(section[data-historic-tool="test-concours-tir"]) #site-content {
    width: calc(100% - 34px);
    margin: 0 17px;
    padding: 0 20px 26px;
    box-sizing: border-box;
  }
  body.site-body:has(section[data-historic-tool="test-concours-tir"]) #site-content > .page {
    padding: 0 0 46px;
  }
}
@media (max-width: 700px) {
  .site-header > .header-center > .global-search { min-height: 48px; }
  .site-header > .header-center > .global-search input { min-height: 46px; font-size: .82rem; }
  .site-header > .header-center > .global-search button { width: 46px; min-width: 46px; min-height: 40px; }
}

/* Book shelf: restore the framed, raised display treatment from the live store. */
.books-v2__shelf { background: radial-gradient(circle at 91% 17%, rgba(236,190,54,.29), transparent 22%), linear-gradient(135deg, #fffefa, #f4e8cb); }
.books-v2__shelf > div { gap: 15px; }
.books-v2__shelf-book { position: relative; display: grid; place-items: center; width: 108px; height: 156px; padding: 10px; overflow: hidden; border-color: rgba(83,58,33,.13); border-radius: 21px; background: linear-gradient(145deg, #fff, #eee5d7); box-shadow: 0 12px 21px rgba(69,48,28,.13), inset 0 1px 0 #fff; text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.books-v2__shelf-book::before { position: absolute; inset: 27px 10px 10px; border-radius: 16px; background: linear-gradient(145deg, #3b3029, #181513); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 5px 9px rgba(38,25,16,.25); content: ""; }
.books-v2__shelf-book img { position: relative; z-index: 1; width: auto; max-width: 82px; max-height: 129px; filter: drop-shadow(0 3px 2px rgba(0,0,0,.34)); transform: translateY(3px); transition: transform 180ms ease; }
.books-v2__shelf-book:hover, .books-v2__shelf-book:focus-visible { z-index: 2; border-color: #e1ac18; box-shadow: 0 18px 27px rgba(69,48,28,.2), inset 0 1px 0 #fff; outline: 0; transform: translateY(-7px) scale(1.035); }
.books-v2__shelf-book:hover img, .books-v2__shelf-book:focus-visible img { transform: translateY(-1px) scale(1.025); }
.books-v2__shelf-book:nth-child(5n + 2) { transform: translateY(7px) rotate(-1.5deg); }
.books-v2__shelf-book:nth-child(5n + 3) { transform: translateY(-3px) rotate(1.25deg); }
.books-v2__shelf-book:nth-child(5n + 4) { transform: translateY(5px) rotate(-.75deg); }
.books-v2__shelf-book:nth-child(5n + 5) { transform: translateY(-5px) rotate(1deg); }
.books-v2__shelf-book:nth-child(5n + 2):hover, .books-v2__shelf-book:nth-child(5n + 2):focus-visible, .books-v2__shelf-book:nth-child(5n + 3):hover, .books-v2__shelf-book:nth-child(5n + 3):focus-visible, .books-v2__shelf-book:nth-child(5n + 4):hover, .books-v2__shelf-book:nth-child(5n + 4):focus-visible, .books-v2__shelf-book:nth-child(5n + 5):hover, .books-v2__shelf-book:nth-child(5n + 5):focus-visible { transform: translateY(-7px) scale(1.035); }
@media (max-width: 760px) { .books-v2__shelf > div { gap: 10px; }.books-v2__shelf-book { width: 84px; height: 126px; padding: 8px; border-radius: 17px; }.books-v2__shelf-book::before { inset: 21px 8px 8px; border-radius: 12px; }.books-v2__shelf-book img { max-width: 64px; max-height: 103px; } }

/* Full book cards use fixed visual rhythm and the original store's two clear actions. */
.books-v2__series > div { align-items: stretch; }
.books-v2__card { position: relative; grid-template-rows: 282px minmax(4.1em, auto) auto 1fr; gap: 13px; min-height: 500px; padding: 16px; overflow: hidden; border-color: rgba(70,51,29,.1); border-radius: 22px; background: linear-gradient(155deg, #fffefa, #f7f3eb); box-shadow: 0 13px 24px rgba(67,48,28,.08); transition: transform 180ms ease, box-shadow 180ms ease; }
.books-v2__card::after { position: absolute; right: -40px; bottom: -55px; width: 145px; height: 145px; border-radius: 50%; background: radial-gradient(circle, rgba(222,177,42,.17) 0 4px, rgba(222,177,42,.08) 5px 36%, transparent 37%); content: ""; pointer-events: none; }
.books-v2__card:hover { box-shadow: 0 19px 33px rgba(67,48,28,.15); transform: translateY(-5px); }
.books-v2__card-image { position: relative; z-index: 1; min-height: 0; height: 282px; padding: 10px; border-radius: 17px; background: linear-gradient(150deg, #fffdf9, #f2e7d4); box-shadow: inset 0 1px 0 #fff, 0 7px 14px rgba(65,45,25,.07); }
.books-v2__card-image img { width: auto; max-width: 100%; height: 262px; max-height: 262px; filter: drop-shadow(0 5px 4px rgba(0,0,0,.22)); transition: transform 180ms ease; }
.books-v2__card:hover .books-v2__card-image img { transform: translateY(-3px) scale(1.015); }
.books-v2__series--other, .books-v2__series--latest { text-align: left; }
.books-v2__series--other header, .books-v2__series--latest header { margin-bottom: 3px; }
.books-v2__series--other header > p { display: none; }
.books-v2__packs { display: grid; gap: 18px; padding: 24px; border: 1px solid rgba(70,51,29,.1); border-radius: 28px; background: rgba(255,255,255,.56); }
.books-v2__packs-header { display: grid; gap: 5px; max-width: 760px; padding: 4px 5px 1px; text-align: left; }
.books-v2__packs-header p { margin: 0; color: #97651e; font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.books-v2__packs-header h2 { margin: 0; color: #2c211b; font: 500 clamp(2.2rem, 3vw, 3.1rem)/1 "Cormorant Garamond", Georgia, serif; }
.books-v2__packs-header span { color: #6b5a4d; font-size: 1rem; line-height: 1.45; }
.books-v2__pack { display: grid; grid-template-columns: minmax(360px, .78fr) minmax(0, 1.14fr); align-items: center; min-height: 300px; overflow: hidden; border: 1px solid rgba(204,150,25,.36); border-radius: 23px; background: radial-gradient(circle at 95% 10%, rgba(236,194,61,.28), transparent 24%), linear-gradient(105deg, #fffdf8, #fae3a4); box-shadow: 0 14px 27px rgba(70,50,25,.1); }
.books-v2__pack-image { display: grid; place-items: center; align-self: stretch; min-height: 300px; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.7), rgba(242,231,211,.9)); }
.books-v2__pack-image img { width: 100%; height: 100%; max-height: 300px; object-fit: contain; filter: drop-shadow(0 12px 8px rgba(41,26,15,.3)); transition: transform 180ms ease; }
.books-v2__pack:hover .books-v2__pack-image img { transform: scale(1.025); }
.books-v2__pack > div { display: grid; justify-items: start; gap: 12px; padding: 27px 30px; }
.books-v2__pack > div > p { margin: 0; color: #746055; font-size: .7rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.books-v2__pack h2 { font-size: clamp(2rem, 3vw, 3.25rem); line-height: .98; text-align: left; }
.books-v2__pack h2 a { color: inherit; text-decoration: none; }
.books-v2__pack > div > span { color: #6c5b50; font-size: 1.02rem; line-height: 1.5; }
.books-v2__pack footer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; }.books-v2__pack footer strong { color: #31261f; font-size: 1.45rem; }.books-v2__pack footer small { color: #93621d; font-size: .72rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.books-v2__pack-link { display: inline-flex; align-items: center; min-height: 43px; padding: 0 20px; border-radius: 999px; background: #efb514; color: #2a211b; font-weight: 900; text-decoration: none; }
@media (max-width: 760px) { .books-v2__packs { padding: 14px; border-radius: 20px; }.books-v2__pack { grid-template-columns: 1fr; min-height: 0; border-radius: 18px; }.books-v2__pack-image { min-height: 210px; }.books-v2__pack-image img { max-height: 230px; }.books-v2__pack > div { padding: 21px; }.books-v2__pack h2 { font-size: 2rem; } }

/* Suite hero: lighter display face and readable product information. */
.software-v2 h1 { font-family: "Bebas Neue", "Arial Narrow", sans-serif; font-size: clamp(4rem, 5.4vw, 5.65rem); font-weight: 400; line-height: .92; letter-spacing: .018em; }
.software-v2__hero > span { max-width: 880px; color: #4b4038; font-size: clamp(1rem, 1.18vw, 1.12rem); font-weight: 500; line-height: 1.48; }
.software-v2__points { gap: 18px 22px; color: #4c4139; font-size: .84rem; font-weight: 650; }
.software-v2__hero em { color: #665449; font-size: .8rem; }
.software-v2__journey { padding: 20px 26px; color: #41372f; font-size: .84rem; font-weight: 850; }
.software-v2__journey span { gap: 10px; }.software-v2__journey b { width: 24px; height: 24px; font-size: .75rem; }
@media (max-width: 700px) { .software-v2 h1 { font-size: clamp(3.2rem, 15vw, 4.45rem); line-height: .9; }.software-v2__hero > span { font-size: 1rem; }.software-v2__points { justify-content: start; font-size: .78rem; }.software-v2__journey { padding: 16px; font-size: .8rem; } }

/* Keep the detailed Suite Pétanque panel legible at the same scale as the live page. */
.software-v2__overview { padding: clamp(34px, 4.3vw, 58px); }
.software-v2__overview p { color: #9a6413; font-size: .92rem; font-weight: 650; }
.software-v2__overview h2 { margin: 16px 0 17px; font-size: clamp(2.55rem, 3.15vw, 3.4rem); font-weight: 500; line-height: .98; }
.software-v2__overview > div > span { max-width: 740px; color: #554940; font-size: clamp(1rem, 1.16vw, 1.14rem); line-height: 1.48; }
.software-v2__overview ul { gap: 13px 38px; margin: 22px 0; color: #554940; font-size: clamp(.96rem, 1.08vw, 1.06rem); line-height: 1.42; }
.software-v2__overview nav { justify-content: flex-start; gap: 12px; }
.software-v2__overview .software-v2__button { min-height: 56px; padding: 0 27px; font-size: .78rem; }
.software-v2__overview em { color: #79685d; font-size: .84rem; }
@media (max-width: 700px) { .software-v2__overview { padding: 32px 28px; }.software-v2__overview h2 { font-size: clamp(2.3rem, 10vw, 3rem); }.software-v2__overview ul { grid-template-columns: 1fr; gap: 11px; font-size: 1rem; }.software-v2__overview .software-v2__button { width: auto; min-height: 54px; font-size: .76rem; }.software-v2__overview nav { justify-content: flex-start; } }

/* Software screenshots follow the compact gallery from the live Suite page. */
.software-v2__gallery { min-height: 298px; padding: 26px 28px; text-align: left; }
.software-v2__gallery > header { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .9fr); gap: 28px; align-items: start; }
.software-v2__gallery > header p { margin: 0 0 17px; color: #756860; font-size: .76rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.software-v2__gallery > header h2 { margin: 0; color: #281e19; font: 500 clamp(2.45rem, 3.2vw, 3.1rem)/1 "Cormorant Garamond", Georgia, serif; }
.software-v2__gallery > header > span { max-width: 430px; color: #63574f; font-size: 1rem; line-height: 1.55; }
.software-v2__gallery > div { display: grid; grid-template-columns: repeat(4, minmax(145px, 166px)); gap: 11px; margin-top: 17px; }
.software-v2__gallery > div figure { margin: 0; padding: 11px; border: 1px solid rgba(71,52,35,.12); border-radius: 18px; background: #fffdfa; box-shadow: 0 10px 22px rgba(59,42,24,.05); cursor: zoom-in; }
.software-v2__gallery > div img { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 10px; box-shadow: none; object-fit: cover; }
.software-v2__gallery > div figcaption { padding-top: 8px; color: #271e19; font-size: .77rem; font-weight: 850; line-height: 1.22; }
@media (max-width: 700px) { .software-v2__gallery { min-height: 0; padding: 28px 22px; }.software-v2__gallery > header { grid-template-columns: 1fr; gap: 11px; }.software-v2__gallery > header h2 { font-size: 2.4rem; }.software-v2__gallery > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.software-v2__gallery > div figure { padding: 8px; border-radius: 14px; } }

/* Licence cards precede the trial and use the generous scale of the live page. */
.software-v2__pricing { width: auto; max-width: none; margin: 0 24px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.software-v2__pricing > header { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, .75fr); max-width: none; margin: 0 0 17px; text-align: left; }
.software-v2__pricing header p { grid-column: 1; margin-bottom: 14px; color: #756860; font-size: .76rem; font-weight: 700; letter-spacing: .22em; }
.software-v2__pricing h2 { grid-column: 1; margin: 0; font-size: clamp(2.6rem, 3.5vw, 3.45rem); font-weight: 500; }
.software-v2__pricing header span { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #3d322c; font-size: 1.05rem; line-height: 1.5; }
.software-v2__pricing > div { max-width: none; gap: 18px; }
.software-v2__pricing article { min-height: 370px; padding: 38px 29px 30px; border-radius: 27px; }
.software-v2__pricing article > p { padding: 9px 13px; font-size: .72rem; }
.software-v2__pricing h3 { margin-top: 9px; font-size: clamp(3.7rem, 5.1vw, 4.7rem); line-height: .9; }
.software-v2__pricing article > span { color: #56483e; font-size: 1.08rem; line-height: 1.45; }
.software-v2__pricing article > strong { padding-top: 15px; font-size: .9rem; }
.software-v2__pricing article > a { padding: 15px 25px; font-size: .82rem; }
.software-v2__trial--primary { display: block; margin: 12px 24px 0; padding: 36px 21px 22px; text-align: left; }
.software-v2__trial--primary > p { color: #554a42; font-size: 1rem; }
.software-v2__trial--primary h2 { margin: 14px 0 15px; font-size: clamp(2.25rem, 3vw, 3rem); font-weight: 500; }
.software-v2__trial--primary > span { display: block; max-width: 100%; margin-bottom: 20px; color: #594c43; font-size: 1rem; line-height: 1.5; }
.software-v2__trial--primary a { margin-right: 9px; min-height: 56px; padding: 0 25px; font-size: .77rem; }
@media (max-width: 700px) { .software-v2__pricing { margin: 0; }.software-v2__pricing > header { grid-template-columns: 1fr; gap: 10px; }.software-v2__pricing header span { grid-column: 1; grid-row: auto; font-size: 1rem; }.software-v2__pricing article { min-height: 0; padding: 30px 22px; }.software-v2__pricing h3 { font-size: 3.55rem; }.software-v2__trial--primary { margin: 0; padding: 30px 22px; }.software-v2__trial--primary a { width: auto; margin: 0 7px 9px 0; } }

/* News spotlight keeps the larger live typography and warm editorial contrast. */
.news-v2__spotlight { padding: 22px; }
.news-v2__spotlight > header { margin-bottom: 18px; }
.news-v2__spotlight > header .home-eyebrow { color: #6f635b; font-size: .77rem; font-weight: 700; letter-spacing: .2em; }
.news-v2__spotlight h2 { color: #271e19; font-size: clamp(2.35rem, 3.25vw, 3.15rem); font-weight: 500; line-height: .98; }
.news-v2__spotlight > header > a { padding-bottom: 7px; color: #805d18; font-size: .76rem; font-weight: 900; letter-spacing: .09em; }
.news-v2__spotlight > div { gap: 15px; }
.news-v2__spotlight-card { grid-template-rows: 194px minmax(0, 1fr); min-height: 319px; border-radius: 19px; background: #fffdfa; }
.news-v2__spotlight-card > div { gap: 8px; padding: 13px 14px 14px; }
.news-v2__spotlight-card .news-v2__kicker { color: #976616; font-size: .68rem; font-weight: 800; letter-spacing: .075em; line-height: 1.33; }
.news-v2__spotlight-card h3 { color: #2b241f; font-size: 1.03rem; font-weight: 750; line-height: 1.18; }
.news-v2__spotlight-card .news-v2__read { color: #8d6318; font-size: .72rem; font-weight: 900; letter-spacing: .055em; }
@media (max-width: 760px) { .news-v2__spotlight-card { grid-template-rows: 180px minmax(0, 1fr); min-height: 292px; }.news-v2__spotlight h2 { font-size: clamp(2rem, 10vw, 2.7rem); } }

/* Full article archive: same editorial scale and warm accents as the live listing. */
.news-v2__archive { padding: 22px; }
.news-v2__archive > header { margin-bottom: 17px; }
.news-v2__archive > header .home-eyebrow { color: #6f635b; font-size: .77rem; font-weight: 700; letter-spacing: .2em; }
.news-v2__archive h2 { color: #271e19; font-size: clamp(2.35rem, 3.25vw, 3.15rem); font-weight: 500; line-height: .98; }
.news-v2__archive > header > span { padding: 9px 14px; color: #84601d; font-size: .74rem; }
.news-v2__categories { margin: -3px 0 18px; }
.news-v2__categories a { padding: 8px 12px; color: #4d3b29; font-size: .76rem; }
.news-v2__categories small { min-width: 19px; height: 19px; font-size: .62rem; }
.news-v2__archive > div { gap: 16px; }
.news-v2__archive-card { grid-template-columns: 116px minmax(0, 1fr); gap: 14px; min-height: 180px; padding: 0; border-radius: 18px; background: #fffdfa; }
.news-v2__archive-image { border-radius: 17px 0 0 17px; }
.news-v2__archive-image img { min-height: 180px; }
.news-v2__archive-card > div { gap: 7px; padding: 14px 14px 14px 0; }
.news-v2__archive-card .news-v2__kicker { color: #976616; font-size: .68rem; font-weight: 800; letter-spacing: .06em; line-height: 1.28; }
.news-v2__archive-card h3 { font-size: 1.02rem; font-weight: 750; line-height: 1.16; -webkit-line-clamp: 2; }
.news-v2__archive-card p:not(.news-v2__kicker) { color: #6a5c52; font-size: .82rem; line-height: 1.3; -webkit-line-clamp: 2; }
.news-v2__archive-card .news-v2__read { color: #8d6318; font-size: .72rem; font-weight: 900; letter-spacing: .055em; }
@media (max-width: 760px) { .news-v2__archive-card { grid-template-columns: 105px minmax(0, 1fr); min-height: 154px; }.news-v2__archive-image img { min-height: 154px; }.news-v2__archive-card > div { padding: 11px 11px 11px 0; }.news-v2__archive h2 { font-size: clamp(2rem, 10vw, 2.7rem); } }

/* Archive footer mirrors the live page: simple count, next action, then a prominent newsletter. */
.news-v2__pagination { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 13px; margin-top: 23px; padding-top: 16px; border-top: 1px solid rgba(70,51,29,.12); }
.news-v2__pagination [aria-disabled="true"], .news-v2__pagination a { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 0 17px; border: 1px solid rgba(119,83,23,.22); border-radius: 999px; background: #fffaf0; color: #78551a; font-size: .78rem; font-weight: 900; }
.news-v2__pagination [aria-disabled="true"] { color: #b9a784; opacity: .72; }
.news-v2__pagination b { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid rgba(119,83,23,.2); border-radius: 999px; background: #fffaf0; color: #665849; font-size: .78rem; font-weight: 800; }
.news-v2__pagination > :last-child { justify-self: end; }
.news-v2__pagination a:hover { background: #efb613; color: #2b201a; }
.news-v2__newsletter { grid-template-columns: auto minmax(0, 1fr) auto; min-height: 70px; gap: 22px; margin-top: 20px; padding: 16px 32px; border-radius: 18px; background: linear-gradient(105deg, #2b1d17, #58341f); }
.news-v2__newsletter span { color: #f1bf25; font-size: .73rem; font-weight: 900; letter-spacing: .09em; }
.news-v2__newsletter strong { color: #fff7e8; font-size: 1rem; font-weight: 750; line-height: 1.25; }
.news-v2__newsletter b { padding: 11px 17px; background: #efb613; color: #2b201a; font-size: .74rem; font-weight: 900; }
@media (max-width: 700px) { .news-v2__pagination { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); justify-content: initial; }.news-v2__pagination b { grid-column: 1 / -1; grid-row: 1; }.news-v2__pagination > :first-child { grid-column: 1; grid-row: 2; }.news-v2__pagination > :last-child { grid-column: 2; grid-row: 2; width: 100%; }.news-v2__pagination b, .news-v2__pagination a, .news-v2__pagination [aria-disabled="true"] { min-height: 36px; font-size: .71rem; }.news-v2__newsletter { grid-template-columns: 1fr; gap: 9px; padding: 20px; }.news-v2__newsletter b { width: fit-content; } }

/* Bottom editorial streams and rules panel keep the live page's generous rhythm. */
.news-v2__streams { gap: 20px; }
.news-v2__stream { padding: 25px; border-radius: 27px; }
.news-v2__stream header { margin-bottom: 17px; }
.news-v2__stream .home-eyebrow { color: #6f635b; font-size: .77rem; font-weight: 700; letter-spacing: .2em; }
.news-v2__stream h2 { color: #271e19; font-size: clamp(2.35rem, 3.15vw, 3.1rem); font-weight: 500; line-height: .98; }
.news-v2__stream header > a { padding-bottom: 6px; color: #805d18; font-size: .76rem; font-weight: 900; letter-spacing: .09em; }
.news-v2__stream > div { gap: 11px; }
.news-v2__stream-item { grid-template-columns: 90px minmax(0, 1fr); gap: 12px; min-height: 92px; padding: 10px; border-radius: 15px; background: #fffdfa; }
.news-v2__stream-item img, .news-v2__stream-placeholder { width: 90px; height: 70px; border-radius: 10px; }
.news-v2__stream-item > span:last-child { gap: 5px; }
.news-v2__stream-item strong { color: #2b241f; font-size: .98rem; font-weight: 750; line-height: 1.14; }
.news-v2__stream-item small { color: #6a5c52; font-size: .8rem; line-height: 1.28; }
.news-v2__rules { min-height: 170px; padding: 30px 28px; border-left: 6px solid #efb613; border-radius: 24px; background: radial-gradient(circle at 98% 10%, rgba(255,255,255,.72), transparent 24%), linear-gradient(115deg, #fffdf5, #f8e2a0); }
.news-v2__rules .home-eyebrow { color: #6f635b; font-size: .77rem; font-weight: 700; letter-spacing: .2em; }
.news-v2__rules h2 { color: #271e19; font-size: clamp(2.35rem, 3.15vw, 3.1rem); font-weight: 500; line-height: .98; }
.news-v2__rules p:not(.home-eyebrow) { color: #66584f; font-size: 1rem; line-height: 1.45; }
.news-v2__rules .home-button { min-height: 48px; padding: 0 23px; font-size: .76rem; }
@media (max-width: 760px) { .news-v2__stream { padding: 20px; }.news-v2__stream h2, .news-v2__rules h2 { font-size: clamp(2rem, 10vw, 2.7rem); }.news-v2__stream-item { grid-template-columns: 78px minmax(0, 1fr); min-height: 82px; }.news-v2__stream-item img, .news-v2__stream-placeholder { width: 78px; height: 60px; }.news-v2__rules { min-height: 0; padding: 26px 21px; } }
.books-v2__card h3 { position: relative; z-index: 1; min-height: 3.1em; color: #35291f; font-size: 1.42rem; line-height: 1.08; }
.books-v2__price { position: relative; z-index: 1; color: #7c5410; font-size: 1.06rem; }
.books-v2__actions { position: relative; z-index: 1; display: grid; align-content: end; gap: 8px; margin-top: auto; }
.books-v2__actions > a, .books-v2__actions button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; padding: 0 14px; border: 0; border-radius: 999px; font: 850 .67rem/1 "Manrope", sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; cursor: pointer; }
.books-v2__actions > a { background: #edb517; color: #2b211a; }
.books-v2__actions button { background: #241d19; color: #fff8ed; }
.books-v2__actions button:hover { background: #3b2b22; }
.books-v2__actions button:disabled { cursor: not-allowed; opacity: .48; }
@media (max-width: 980px) { .books-v2__card { min-height: 472px; }.books-v2__card-image { height: 245px; }.books-v2__card-image img { height: 225px; max-height: 225px; } }
@media (max-width: 760px) { .books-v2__card { grid-template-rows: 220px minmax(3.8em, auto) auto 1fr; min-height: 420px; padding: 12px; border-radius: 18px; }.books-v2__card-image { height: 220px; padding: 8px; }.books-v2__card-image img { height: 204px; max-height: 204px; }.books-v2__card h3 { font-size: 1.13rem; }.books-v2__actions > a, .books-v2__actions button { min-height: 38px; padding: 0 9px; font-size: .58rem; } }

/* Le Laboratoire: dedicated editorial hub, independent of generic CMS blocks. */
.laboratory-hub { display: grid; gap: 20px; padding: 14px 0 46px; }
.laboratory-hub__crumb { display: flex; align-items: center; gap: 11px; padding: 0 7.5%; color: #6e625c; font-size: .75rem; letter-spacing: .11em; text-transform: uppercase; }
.laboratory-hub__crumb a { color: inherit; text-decoration: none; }
.laboratory-hub__crumb b { font-weight: 700; }
.laboratory-hub__hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 240px; align-items: center; gap: 36px; min-height: 338px; margin: 0 3%; padding: 40px 42px; overflow: hidden; border: 1px solid #e7bd55; border-bottom: 3px solid #e4b20d; border-radius: 27px; background: linear-gradient(90deg, rgba(255,253,246,.98) 0%, rgba(255,247,222,.88) 55%, rgba(244,215,126,.55) 100%), url('/media/tools/terrain-petanque-hero.png') center/cover; }
.laboratory-hub__hero::after { position: absolute; right: -65px; bottom: -100px; width: 315px; height: 315px; border: 1px solid rgba(146,104,25,.28); border-radius: 50%; content: ''; }
.laboratory-hub__hero-copy { position: relative; z-index: 1; max-width: 870px; }
.laboratory-hub .home-eyebrow { margin: 0 0 13px; color: #70645b; font: 700 .76rem/1.2 "Manrope", sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.laboratory-hub__hero h1, .laboratory-hub h2, .laboratory-hub h3 { margin: 0; color: #2d211b; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; }
.laboratory-hub__hero h1 { max-width: 860px; font-size: clamp(3rem, 5.15vw, 5.2rem); line-height: .91; letter-spacing: -.035em; }
.laboratory-hub__hero-copy > p:not(.home-eyebrow) { max-width: 790px; margin: 22px 0 0; color: #685d54; font-size: 1.04rem; line-height: 1.55; }
.laboratory-hub__hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 22px; }
.laboratory-hub__hero-actions .home-button { min-height: 56px; padding: 0 27px; }
.laboratory-hub__text-link { color: #2d211b; font: 800 .75rem/1 "Manrope", sans-serif; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.laboratory-hub__hero-visuals { position: relative; z-index: 1; width: 214px; height: 180px; }
.laboratory-hub__hero-visuals img { position: absolute; width: 122px; height: 142px; border: 4px solid #fffdf7; border-radius: 23px; object-fit: cover; box-shadow: 0 13px 25px rgba(68,42,25,.2); }
.laboratory-hub__hero-visuals img:first-child { top: 0; right: 0; transform: rotate(2deg); }
.laboratory-hub__hero-visuals img:last-child { bottom: 0; left: 0; transform: rotate(-5deg); }
.laboratory-hub__doors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 3%; }
.laboratory-hub__door { display: grid; grid-template-columns: 114px minmax(0, 1fr); min-height: 156px; overflow: hidden; border: 1px solid #e5d9c7; border-radius: 23px; color: #382c24; text-decoration: none; }
.laboratory-hub__door--gold { background: #fff0be; }.laboratory-hub__door--sage { background: #edf4e6; }.laboratory-hub__door--sand { background: #f5e9db; }
.laboratory-hub__door img { width: 114px; height: 100%; object-fit: cover; }
.laboratory-hub__door > span { display: grid; align-content: center; gap: 7px; padding: 20px 18px; }
.laboratory-hub__door b { display: flex; gap: 10px; align-items: baseline; font: 800 1.16rem/1.1 "Manrope", sans-serif; }.laboratory-hub__door em { color: #ad7210; font-style: normal; }
.laboratory-hub__door small { color: #695b50; font-size: .88rem; line-height: 1.37; }.laboratory-hub__door strong { color: #855907; font: 800 .69rem/1.2 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.laboratory-hub__intro { margin: 0 3%; padding: 36px 42px; border: 1px solid #e7e0d5; border-radius: 27px; background: #fffdfa; box-shadow: 0 15px 32px rgba(63,44,30,.06); }
.laboratory-hub__intro h2 { font-size: clamp(2.8rem, 4.1vw, 4.2rem); line-height: .95; }.laboratory-hub__intro h3 { margin-top: 9px; font-size: clamp(2.25rem, 3.5vw, 3.4rem); line-height: .96; }
.laboratory-hub__intro p:not(.home-eyebrow) { max-width: 1050px; color: #665a51; font-size: 1.02rem; line-height: 1.65; }.laboratory-hub__intro .laboratory-hub__lead { margin: 28px 0 0; font-size: 1.11rem; }
.laboratory-hub__experiments { margin: 0 3%; padding: 34px 32px; border: 1px solid #e6d7bd; border-radius: 27px; background: linear-gradient(130deg, #fffdf8, #f8ecd1); }
.laboratory-hub__experiments > header { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 22px; }.laboratory-hub__experiments h2 { font-size: clamp(2.45rem, 3.8vw, 3.8rem); line-height: .94; }.laboratory-hub__experiments > header > a { color: #805b09; font: 800 .73rem/1 "Manrope", sans-serif; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.laboratory-hub__experiments > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.laboratory-hub__experiments article { overflow: hidden; border: 1px solid #eadfce; border-radius: 19px; background: #fffdfa; }.laboratory-hub__experiments article > img { width: 100%; height: 176px; object-fit: cover; }.laboratory-hub__experiments article > div { display: grid; gap: 10px; padding: 20px; }.laboratory-hub__experiments article p { margin: 0; color: #a27110; font: 800 .68rem/1.2 "Manrope", sans-serif; letter-spacing: .1em; text-transform: uppercase; }.laboratory-hub__experiments article h3 { font-size: 1.88rem; line-height: .98; }.laboratory-hub__experiments article span { color: #695d54; font-size: .92rem; line-height: 1.45; }.laboratory-hub__experiments article a { margin-top: 2px; color: #382a22; font: 800 .72rem/1.2 "Manrope", sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.laboratory-hub__focus, .laboratory-hub__watch, .laboratory-hub__learn, .laboratory-hub__faq { margin: 0 3%; padding: 34px 32px; border: 1px solid #e6ddcf; border-radius: 27px; background: #fffdfa; }
.laboratory-hub__focus { color: #fff9ee; border-color: #4a2d1e; background: linear-gradient(120deg, #201713, #563723); }
.laboratory-hub__focus header, .laboratory-hub__watch header, .laboratory-hub__faq header { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 21px; }
.laboratory-hub__focus h2, .laboratory-hub__watch h2, .laboratory-hub__learn h2, .laboratory-hub__faq h2 { font-size: clamp(2.3rem, 3.7vw, 3.8rem); line-height: .94; }
.laboratory-hub__focus header > p, .laboratory-hub__watch header > p, .laboratory-hub__faq header > p { max-width: 360px; margin: 0; color: #6b5a4d; line-height: 1.48; }
.laboratory-hub__focus .home-eyebrow, .laboratory-hub__focus header > p { color: #f1c14a; }
.laboratory-hub__focus h2 { color: #fff8ec; }
.laboratory-hub__focus-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.laboratory-hub__focus details { min-height: 78px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(255,255,255,.08); }
.laboratory-hub__focus details[open] { border-color: rgba(241,193,74,.9); background: rgba(255,255,255,.14); }
.laboratory-hub__focus summary { display: flex; align-items: center; gap: 12px; padding: 13px; cursor: pointer; list-style: none; }.laboratory-hub__focus summary::-webkit-details-marker { display: none; }
.laboratory-hub__focus summary b { color: #f2c048; font: 1.65rem/1 "Bebas Neue", "Arial Narrow", sans-serif; }.laboratory-hub__focus summary span { display: grid; gap: 4px; }.laboratory-hub__focus summary strong { font: 800 .9rem/1.13 "Manrope", sans-serif; }.laboratory-hub__focus summary small { color: #f0c552; font: 800 .62rem/1.15 "Manrope", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.laboratory-hub__focus details > div { display: grid; gap: 9px; padding: 0 14px 15px; color: #eadcca; font-size: .88rem; line-height: 1.48; }.laboratory-hub__focus details > div p { margin: 0; }.laboratory-hub__focus details > div strong { color: #f2c048; font: 800 .64rem/1 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase; }.laboratory-hub__focus details > div span { color: #fff9ee; font-size: .82rem; }
.laboratory-hub__watch { background: linear-gradient(135deg, #fffefa, #fbefd2); }.laboratory-hub__watch > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.laboratory-hub__watch > div > a { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 104px; padding: 12px; border: 1px solid #eadabd; border-radius: 18px; background: rgba(255,255,255,.76); color: #2e241d; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.laboratory-hub__watch > div > a:hover { box-shadow: 0 12px 22px rgba(73,49,20,.12); transform: translateY(-3px); }.laboratory-hub__watch img { width: 76px; height: 76px; border-radius: 12px; object-fit: cover; }.laboratory-hub__watch > div > a span { display: grid; gap: 4px; }.laboratory-hub__watch i { color: #ad7410; font: 1.2rem/1 "Bebas Neue", "Arial Narrow", sans-serif; font-style: normal; }.laboratory-hub__watch strong { font: 800 .94rem/1.18 "Manrope", sans-serif; }.laboratory-hub__watch em { color: #6a5b50; font-size: .78rem; font-style: normal; line-height: 1.35; }.laboratory-hub__watch > div > a > b { color: #a16b0b; font-size: 1.1rem; }
.laboratory-hub__experiences > div > a { position: relative; display: grid; align-content: start; gap: 8px; min-height: 138px; padding: 18px; border: 1px solid #eadab6; border-radius: 18px; background: linear-gradient(145deg, #fffefb, #f9e9bb); color: #2d211b; text-decoration: none; }.laboratory-hub__experiences > div > a:nth-child(2n) { background: linear-gradient(145deg, #fffefb, #edf3e6); }.laboratory-hub__experiences > div > a strong { max-width: 84%; font: 800 1rem/1.18 "Manrope", sans-serif; }.laboratory-hub__experiences > div > a span { color: #6c5d51; font-size: .84rem; line-height: 1.42; }.laboratory-hub__experiences > div > a > b { position: absolute; right: 16px; bottom: 13px; color: #9d690b; }
.laboratory-hub__learn { background: linear-gradient(135deg, #fffdf8, #edf3e6); }.laboratory-hub__learn header { margin-bottom: 19px; }.laboratory-hub__learn > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.laboratory-hub__learn a { position: relative; display: grid; gap: 9px; min-height: 142px; padding: 20px; border: 1px solid #dce5d3; border-radius: 18px; background: rgba(255,255,255,.8); color: #2d211b; text-decoration: none; }.laboratory-hub__learn h3 { font-size: 1.8rem; line-height: .98; }.laboratory-hub__learn p { margin: 0; color: #62574e; font-size: .9rem; line-height: 1.42; }.laboratory-hub__learn b { position: absolute; right: 17px; bottom: 14px; color: #277444; }
.laboratory-hub__share { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: 24px; align-items: center; margin: 0 3%; padding: 28px 34px; overflow: hidden; border: 1px solid #edcb74; border-radius: 25px; background: linear-gradient(100deg, #fffdf8, #ffe7a7); }.laboratory-hub__share h2 { font-size: clamp(2.15rem, 3.5vw, 3.4rem); line-height: .95; }.laboratory-hub__share p:not(.home-eyebrow) { margin: 12px 0 0; color: #5e5148; line-height: 1.48; }.laboratory-hub__share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }.laboratory-hub__share nav a { display: inline-flex; align-items: center; gap: 7px; min-height: 41px; padding: 0 13px; border-radius: 999px; background: #2d221b; color: #fff9ee; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }.laboratory-hub__share nav svg { width: 17px; height: 17px; }
.laboratory-hub__newsletter { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 17px; margin: 0 3%; padding: 18px 22px; border-radius: 20px; background: linear-gradient(105deg, #291d16, #5d3922); color: #fff9ed; text-decoration: none; }.laboratory-hub__newsletter span { color: #efc23d; font: 800 .69rem/1 "Manrope", sans-serif; letter-spacing: .1em; text-transform: uppercase; }.laboratory-hub__newsletter strong { font: 800 .94rem/1.25 "Manrope", sans-serif; }.laboratory-hub__newsletter b { padding: 11px 15px; border-radius: 999px; background: #f1b919; color: #2c2017; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.laboratory-hub__faq { background: #fffdfa; }.laboratory-hub__faq > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.laboratory-hub__faq details { border: 1px solid #e8dfd2; border-radius: 18px; background: #fffefa; }.laboratory-hub__faq summary { padding: 19px; color: #2d211b; cursor: pointer; font: 800 .95rem/1.25 "Manrope", sans-serif; }.laboratory-hub__faq details p { margin: -3px 19px 18px; color: #695c52; line-height: 1.48; }
.laboratory-hub__cta { margin: 0 3%; padding: 39px 42px; border-radius: 27px; background: linear-gradient(110deg, #211914, #59361f); color: #fff7e9; }.laboratory-hub__cta .home-eyebrow { color: #f1bf31; }.laboratory-hub__cta h2 { max-width: 780px; color: #fff8ec; font-size: clamp(2.5rem, 4vw, 4.1rem); line-height: .94; }.laboratory-hub__cta > p:not(.home-eyebrow) { max-width: 735px; margin: 17px 0 23px; color: #eadfd2; line-height: 1.55; }.laboratory-hub__cta .home-button { min-height: 52px; }
@media (max-width: 980px) { .laboratory-hub__hero { grid-template-columns: minmax(0, 1fr) 182px; padding: 36px; }.laboratory-hub__doors { grid-template-columns: 1fr; }.laboratory-hub__door { grid-template-columns: 170px minmax(0, 1fr); }.laboratory-hub__door img { width: 170px; }.laboratory-hub__focus-grid, .laboratory-hub__watch > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.laboratory-hub__experiences > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.laboratory-hub__learn > div { grid-template-columns: 1fr; }.laboratory-hub__experiments article { display: grid; grid-template-columns: 210px minmax(0, 1fr); }.laboratory-hub__experiments article > img { height: 100%; min-height: 195px; } }
@media (max-width: 650px) { .laboratory-hub { gap: 14px; padding-top: 9px; }.laboratory-hub__crumb { padding: 0 6%; font-size: .64rem; }.laboratory-hub__hero, .laboratory-hub__intro, .laboratory-hub__focus, .laboratory-hub__watch, .laboratory-hub__experiments, .laboratory-hub__learn, .laboratory-hub__share, .laboratory-hub__newsletter, .laboratory-hub__faq, .laboratory-hub__cta { margin: 0 12px; }.laboratory-hub__hero { display: block; min-height: 0; padding: 29px 24px 188px; border-radius: 23px; }.laboratory-hub__hero h1 { font-size: clamp(2.8rem, 14vw, 4.25rem); }.laboratory-hub__hero-copy > p:not(.home-eyebrow) { font-size: .96rem; }.laboratory-hub__hero-visuals { position: absolute; right: 19px; bottom: 16px; transform: scale(.79); transform-origin: bottom right; }.laboratory-hub__hero-actions { gap: 17px; }.laboratory-hub__hero-actions .home-button { min-height: 50px; padding: 0 20px; }.laboratory-hub__doors { gap: 12px; margin: 0 12px; }.laboratory-hub__door { grid-template-columns: 100px minmax(0, 1fr); min-height: 136px; border-radius: 19px; }.laboratory-hub__door img { width: 100px; }.laboratory-hub__door > span { padding: 14px; }.laboratory-hub__door b { font-size: 1.02rem; }.laboratory-hub__door small { font-size: .8rem; }.laboratory-hub__intro, .laboratory-hub__focus, .laboratory-hub__watch, .laboratory-hub__experiments, .laboratory-hub__learn, .laboratory-hub__share, .laboratory-hub__faq, .laboratory-hub__cta { padding: 27px 23px; border-radius: 22px; }.laboratory-hub__intro h2 { font-size: 3.1rem; }.laboratory-hub__intro h3 { font-size: 2.55rem; }.laboratory-hub__intro p:not(.home-eyebrow), .laboratory-hub__intro .laboratory-hub__lead { font-size: .96rem; }.laboratory-hub__focus header, .laboratory-hub__watch header, .laboratory-hub__faq header, .laboratory-hub__experiments > header, .laboratory-hub__share { align-items: start; flex-direction: column; }.laboratory-hub__focus-grid, .laboratory-hub__watch > div, .laboratory-hub__experiences > div, .laboratory-hub__faq > div { grid-template-columns: 1fr; }.laboratory-hub__experiments article { display: block; }.laboratory-hub__experiments article > img { height: 180px; }.laboratory-hub__experiments article h3 { font-size: 1.7rem; }.laboratory-hub__share { display: grid; }.laboratory-hub__share nav { justify-content: start; }.laboratory-hub__newsletter { grid-template-columns: 1fr; gap: 10px; }.laboratory-hub__newsletter b { justify-self: start; }.laboratory-hub__cta h2 { font-size: 3rem; } }

/* Laboratory page: live-site structure and proportions. */
.laboratory-live { display: grid; gap: 16px; width: min(100% - 28px, 1180px); margin: 0 auto; padding: 16px 0 48px; color: #2d211b; }
.laboratory-live__crumb { display: flex; flex-wrap: wrap; gap: 11px; padding: 0 12px; color: #706258; font: 700 .7rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.laboratory-live__hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 194px; gap: 28px; align-items: center; min-height: 246px; padding: 30px 34px; overflow: hidden; border: 1px solid #edc96e; border-bottom: 3px solid #dfad00; border-radius: 28px; background: linear-gradient(104deg, rgba(255,253,247,.96), rgba(255,232,163,.77)), url('/media/tools/terrain-petanque-hero.png') center/cover; box-shadow: 0 14px 28px rgba(98,69,20,.10); }
.laboratory-live__hero::after { content: ""; position: absolute; right: 18px; bottom: -76px; width: 228px; height: 228px; border: 1px solid rgba(160,112,11,.20); border-radius: 50%; }.laboratory-live__hero > div:first-child { position: relative; z-index: 1; }
.laboratory-live h1, .laboratory-live h2, .laboratory-live h3 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; }.laboratory-live__hero h1 { max-width: 760px; font-size: clamp(3rem, 5.3vw, 5.5rem); line-height: .89; letter-spacing: -.042em; }.laboratory-live__hero p { max-width: 790px; margin: 15px 0 17px; color: #67594f; font-size: 1.04rem; line-height: 1.48; }
.home-button--light { border: 1px solid #ded7ce; background: #fffdf8; color: #2d211b; }.laboratory-live__hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.laboratory-live__hero-actions a:last-child { color: #39291f; font: 800 .74rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.laboratory-live__hero-images { position: relative; z-index: 1; height: 150px; }.laboratory-live__hero-images img { position: absolute; width: 111px; height: 139px; border: 4px solid #fffdf8; border-radius: 20px; object-fit: cover; box-shadow: 0 12px 24px rgba(58,38,20,.22); }.laboratory-live__hero-images img:first-child { right: 18px; top: 0; transform: rotate(4deg); }.laboratory-live__hero-images img:last-child { left: 0; bottom: 0; transform: rotate(-7deg); }
.laboratory-live__doors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.laboratory-live__door { display: grid; grid-template-columns: 116px minmax(0, 1fr); min-height: 142px; overflow: hidden; border: 1px solid #e9d7a9; border-radius: 21px; color: #37261c; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.laboratory-live__door:hover { box-shadow: 0 12px 25px rgba(91,64,25,.13); transform: translateY(-3px); }.laboratory-live__door img { width: 116px; height: 100%; object-fit: cover; }.laboratory-live__door > div { display: grid; align-content: center; gap: 7px; padding: 18px; }.laboratory-live__door--gold { background: #fff0be; }.laboratory-live__door--sage { background: #edf2e6; }.laboratory-live__door--sand { background: #f4e5d4; }.laboratory-live__door b { color: #a86e08; font: 800 1.08rem/1 "Bebas Neue", "Arial Narrow", sans-serif; letter-spacing: .05em; }.laboratory-live__door h2 { font-family: "Manrope", sans-serif; font-size: 1.05rem; line-height: 1.15; }.laboratory-live__door p { margin: 0; color: #695b50; font-size: .84rem; line-height: 1.36; }.laboratory-live__door small { color: #9c6808; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.laboratory-live__focus, .laboratory-live__watch, .laboratory-live__experiences, .laboratory-live__reading, .laboratory-live__learn, .laboratory-live__faq { padding: 30px; border: 1px solid #e6ded2; border-radius: 27px; background: #fffdf9; }.laboratory-live__focus { color: #fff8ed; border-color: #4b3121; background: linear-gradient(120deg, #241914, #593820); }.laboratory-live__section-head { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 18px; }.laboratory-live__section-head h2 { font-size: clamp(2.35rem, 3.8vw, 4rem); line-height: .92; }.laboratory-live__section-head > p { max-width: 390px; margin: 0; color: #6b5b50; line-height: 1.46; }.laboratory-live__focus .home-eyebrow, .laboratory-live__focus .laboratory-live__section-head > p { color: #f1c140; }.laboratory-live__focus h2 { color: #fff8ec; }
.laboratory-live__trigger-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.laboratory-live__trigger { min-height: 72px; padding: 12px; border: 1px solid rgba(255,255,255,.19); border-radius: 15px; background: rgba(255,255,255,.08); color: #fff9ed; cursor: pointer; text-align: left; transition: background .2s ease, border-color .2s ease; }.laboratory-live__trigger:hover, .laboratory-live__trigger.is-active { border-color: #eec24b; background: rgba(255,255,255,.16); }.laboratory-live__trigger b { display: block; color: #f1c140; font: 1.55rem/1 "Bebas Neue", "Arial Narrow", sans-serif; }.laboratory-live__trigger span { display: block; margin-top: 4px; font: 800 .84rem/1.15 "Manrope", sans-serif; }
.laboratory-live__panel { display: grid; grid-template-columns: 142px minmax(0, 1fr) minmax(0, 1.2fr); gap: 17px; align-items: center; margin-top: 13px; padding: 15px; border: 1px solid rgba(255,255,255,.19); border-radius: 18px; background: rgba(255,255,255,.09); }.laboratory-live__panel img { width: 142px; height: 102px; border-radius: 13px; object-fit: cover; }.laboratory-live__panel h3 { color: #fff9ed; font-size: 1.75rem; line-height: .95; }.laboratory-live__panel p { margin: 8px 0 0; color: #eadbc9; font-size: .88rem; line-height: 1.42; }.laboratory-live__panel strong { color: #f2c24a; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.laboratory-live__watch { background: linear-gradient(135deg, #fffefa, #fbefd2); }.laboratory-live__watch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.laboratory-live__watch a { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 11px; align-items: center; min-height: 97px; padding: 11px; border: 1px solid #eadbbd; border-radius: 17px; background: rgba(255,255,255,.78); color: #2d211b; text-decoration: none; }.laboratory-live__watch img { width: 76px; height: 76px; border-radius: 12px; object-fit: cover; }.laboratory-live__watch strong { display: block; font: 800 .9rem/1.15 "Manrope", sans-serif; }.laboratory-live__watch small { display: block; margin-top: 5px; color: #78685c; font-size: .78rem; line-height: 1.35; }
.laboratory-live__experiences { background: linear-gradient(135deg, #fffdfa, #f9e9bb); }.laboratory-live__experience-grid, .laboratory-live__reading-grid, .laboratory-live__learn-grid, .laboratory-live__faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.laboratory-live__experience-grid a { position: relative; min-height: 130px; padding: 18px; border: 1px solid #ead9b3; border-radius: 18px; background: rgba(255,255,255,.7); color: #2d211b; text-decoration: none; }.laboratory-live__experience-grid a:nth-child(even) { background: #edf3e6; }.laboratory-live__experience-grid strong { display: block; font: 800 1rem/1.18 "Manrope", sans-serif; }.laboratory-live__experience-grid span { display: block; margin-top: 8px; color: #675a51; font-size: .85rem; line-height: 1.4; }.laboratory-live__experience-grid b { position: absolute; right: 15px; bottom: 13px; color: #9e690b; }
.laboratory-live__reading { background: #fffdf9; }.laboratory-live__reading-card { min-height: 234px; overflow: hidden; border: 1px solid #e5ddd1; border-radius: 19px; background: #fffefa; }.laboratory-live__reading-card img { width: 100%; height: 136px; object-fit: cover; }.laboratory-live__reading-card div { padding: 16px; }.laboratory-live__reading-card h3 { font-size: 1.72rem; line-height: .98; }.laboratory-live__reading-card p { margin: 8px 0 0; color: #6d5e53; font-size: .87rem; line-height: 1.42; }.laboratory-live__reading-card a { display: inline-block; margin-top: 12px; color: #875a08; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.laboratory-live__learn { background: linear-gradient(135deg, #fffdf8, #edf3e6); }.laboratory-live__learn-card { position: relative; min-height: 134px; padding: 19px; border: 1px solid #dce5d3; border-radius: 18px; background: rgba(255,255,255,.8); color: #2d211b; text-decoration: none; }.laboratory-live__learn-card h3 { font-size: 1.68rem; line-height: .98; }.laboratory-live__learn-card p { margin: 8px 0 0; color: #62574e; font-size: .88rem; line-height: 1.4; }.laboratory-live__learn-card b { position: absolute; right: 16px; bottom: 13px; color: #277444; }
.laboratory-live__share { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 24px; align-items: center; padding: 27px 31px; border: 1px solid #edcc74; border-radius: 25px; background: linear-gradient(100deg, #fffdf8, #ffe7a7); }.laboratory-live__share h2 { font-size: clamp(2.25rem, 3.7vw, 3.7rem); line-height: .92; }.laboratory-live__share p { margin: 12px 0 0; color: #5e5148; line-height: 1.46; }.laboratory-live__share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }.laboratory-live__share nav a { display: inline-flex; min-height: 39px; align-items: center; padding: 0 13px; border-radius: 999px; background: #2d221b; color: #fff9ee; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.laboratory-live__newsletter { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 17px; align-items: center; padding: 18px 22px; border-radius: 20px; background: linear-gradient(105deg, #291d16, #5d3922); color: #fff9ed; text-decoration: none; }.laboratory-live__newsletter span { color: #efc23d; font: 800 .69rem/1 "Manrope", sans-serif; letter-spacing: .1em; text-transform: uppercase; }.laboratory-live__newsletter strong { font: 800 .94rem/1.22 "Manrope", sans-serif; }.laboratory-live__newsletter b { padding: 11px 15px; border-radius: 999px; background: #f1b919; color: #2c2017; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.laboratory-live__faq { background: #fffdfa; }.laboratory-live__faq details { border: 1px solid #e8dfd2; border-radius: 17px; background: #fffefa; }.laboratory-live__faq summary { padding: 18px; color: #2d211b; cursor: pointer; font: 800 .94rem/1.22 "Manrope", sans-serif; }.laboratory-live__faq details p { margin: -3px 18px 17px; color: #695c52; line-height: 1.46; }
@media (max-width: 950px) { .laboratory-live__hero { grid-template-columns: minmax(0,1fr) 164px; }.laboratory-live__doors, .laboratory-live__watch-grid, .laboratory-live__experience-grid, .laboratory-live__reading-grid, .laboratory-live__learn-grid, .laboratory-live__faq-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }.laboratory-live__trigger-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }.laboratory-live__panel { grid-template-columns: 120px minmax(0,1fr); }.laboratory-live__panel > p { grid-column: 1 / -1; }.laboratory-live__panel img { width: 120px; } }
@media (max-width: 630px) { .laboratory-live { width: min(100% - 20px, 1180px); gap: 12px; padding-top: 10px; }.laboratory-live__crumb { padding: 0 5px; font-size: .62rem; }.laboratory-live__hero, .laboratory-live__focus, .laboratory-live__watch, .laboratory-live__experiences, .laboratory-live__reading, .laboratory-live__learn, .laboratory-live__faq { padding: 24px 20px; border-radius: 22px; }.laboratory-live__hero { display: block; min-height: 410px; }.laboratory-live__hero h1 { font-size: clamp(3rem, 14vw, 4.45rem); }.laboratory-live__hero-images { position: absolute; right: 20px; bottom: 17px; transform: scale(.8); transform-origin: bottom right; }.laboratory-live__doors, .laboratory-live__watch-grid, .laboratory-live__experience-grid, .laboratory-live__reading-grid, .laboratory-live__learn-grid, .laboratory-live__faq-grid, .laboratory-live__trigger-grid { grid-template-columns: 1fr; }.laboratory-live__door { grid-template-columns: 108px minmax(0,1fr); }.laboratory-live__door img { width: 108px; }.laboratory-live__section-head, .laboratory-live__share { align-items: start; flex-direction: column; }.laboratory-live__panel { grid-template-columns: 1fr; }.laboratory-live__panel img { width: 100%; height: 160px; }.laboratory-live__share { display: grid; grid-template-columns: 1fr; padding: 24px; }.laboratory-live__share nav { justify-content: start; }.laboratory-live__newsletter { grid-template-columns: 1fr; gap: 10px; }.laboratory-live__newsletter b { justify-self: start; } }

/* The live Laboratory markup is editorial rather than CMS-card based. Keep
   these selectors tied to the rendered structure so every live section keeps
   its intended hierarchy instead of inheriting generic archive styles. */
.laboratory-live { width: min(100% - 28px, 1436px); gap: 20px; padding-top: 22px; }
.laboratory-live .home-eyebrow { margin: 0 0 13px; color: #75675e; font: 700 .72rem/1.2 "Manrope", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.laboratory-live__hero { grid-template-columns: minmax(0, 1fr) 250px; gap: 38px; min-height: 336px; padding: 42px 52px; border-radius: 30px; }
.laboratory-live__hero h1 { max-width: 840px; font-size: clamp(3.45rem, 5vw, 5.65rem); line-height: .92; }
.laboratory-live__hero p { max-width: 820px; margin: 18px 0 23px; font-size: 1.08rem; line-height: 1.52; }
.laboratory-live__hero > div:first-child > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.laboratory-live__hero > div:first-child > div:last-child .home-button { min-height: 52px; padding: 0 24px; }
.laboratory-live__hero-images { width: 224px; height: 180px; }
.laboratory-live__hero-images img { width: 134px; height: 158px; }
.laboratory-live__doors { gap: 16px; }
.laboratory-live__door { grid-template-columns: 145px minmax(0, 1fr); min-height: 174px; border-radius: 23px; }
.laboratory-live__door img { width: 145px; }
.laboratory-live__door > span { display: grid; align-content: center; gap: 7px; padding: 21px 19px; }
.laboratory-live__door > span > i { color: #a9700b; font: 400 1.2rem/1 "Bebas Neue", "Arial Narrow", sans-serif; font-style: normal; }
.laboratory-live__door > span > strong { color: #30241d; font: 800 1.13rem/1.12 "Manrope", sans-serif; }
.laboratory-live__door > span > em { color: #6b5e54; font-size: .88rem; font-style: normal; line-height: 1.4; }
.laboratory-live__door > span > b { color: #955f08; font: 800 .69rem/1.15 "Manrope", sans-serif; letter-spacing: .075em; text-transform: uppercase; }
.laboratory-live__focus > header, .laboratory-live__watch > header, .laboratory-live__experiences > header, .laboratory-live__reading > header, .laboratory-live__learn > header, .laboratory-live__faq > header { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 22px; }
.laboratory-live__focus > header h2, .laboratory-live__watch > header h2, .laboratory-live__experiences > header h2, .laboratory-live__reading > header h2, .laboratory-live__learn > header h2, .laboratory-live__faq > header h2 { font-size: clamp(2.45rem, 3.8vw, 4.15rem); line-height: .93; }
.laboratory-live__focus > header > p, .laboratory-live__watch > header > p, .laboratory-live__reading > header > p, .laboratory-live__faq > header > p { max-width: 410px; margin: 0; color: #6b5d53; font-size: 1rem; line-height: 1.5; }
.laboratory-live__focus { padding: 36px 38px; border-radius: 29px; }
.laboratory-live__focus > header .home-eyebrow, .laboratory-live__focus > header > p { color: #f3c64a; }
.laboratory-live__focus h2 { color: #fff7ea; }
.laboratory-live__trigger { min-height: 86px; padding: 15px; }
.laboratory-live__trigger span { display: grid; gap: 4px; }.laboratory-live__trigger span strong { font-size: .9rem; }.laboratory-live__trigger em { color: #f3c64a; font: 800 .61rem/1.1 "Manrope", sans-serif; font-style: normal; letter-spacing: .065em; text-transform: uppercase; }
.laboratory-live__panel { grid-template-columns: 168px minmax(0, 1fr) minmax(0, 1.12fr); gap: 21px; margin-top: 16px; padding: 18px; }.laboratory-live__panel img { width: 168px; height: 122px; }.laboratory-live__panel > div:last-child { display: grid; gap: 8px; align-content: center; }.laboratory-live__panel > div:last-child > span { color: #f2c24a; font: 800 .66rem/1 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase; }.laboratory-live__panel > div:last-child strong { color: #fff8ec; font: 700 .93rem/1.4 "Manrope", sans-serif; text-transform: none; }
.laboratory-live__watch, .laboratory-live__experiences, .laboratory-live__reading, .laboratory-live__learn, .laboratory-live__faq { padding: 36px 38px; border-radius: 29px; }
.laboratory-live__watch > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.laboratory-live__watch .laboratory-live__door { grid-template-columns: 91px minmax(0, 1fr); min-height: 122px; background: rgba(255,255,255,.78); }.laboratory-live__watch .laboratory-live__door img { width: 91px; }.laboratory-live__watch .laboratory-live__door > span { padding: 14px; }.laboratory-live__watch .laboratory-live__door > span > em { font-size: .77rem; }.laboratory-live__watch .laboratory-live__door > span > b { display: none; }
.laboratory-live__experiences { background: linear-gradient(135deg, #fffdfa, #f9e9bb); }.laboratory-live__experiences > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }.laboratory-live__experiences > div > a { position: relative; display: grid; align-content: start; gap: 8px; min-height: 146px; padding: 20px; border: 1px solid #ead7a9; border-radius: 19px; background: rgba(255,255,255,.72); color: #2d211b; text-decoration: none; }.laboratory-live__experiences > div > a:nth-child(even) { background: rgba(237,243,230,.92); }.laboratory-live__experiences > div > a strong { font: 800 1rem/1.2 "Manrope", sans-serif; }.laboratory-live__experiences > div > a span { color: #6b5c50; font-size: .86rem; line-height: 1.42; }.laboratory-live__experiences > div > a b { position: absolute; right: 17px; bottom: 14px; color: #9d690b; }
.laboratory-live__reading > div, .laboratory-live__learn > div, .laboratory-live__faq > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.laboratory-live__reading > div > a { display: grid; grid-template-rows: 168px auto auto; overflow: hidden; border: 1px solid #e5ddd1; border-radius: 20px; background: #fffefa; color: #2c211a; text-decoration: none; }.laboratory-live__reading > div > a img { width: 100%; height: 168px; object-fit: cover; }.laboratory-live__reading > div > a span { padding: 17px 18px 0; color: #a46b08; font: 800 .66rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-transform: uppercase; }.laboratory-live__reading > div > a strong { padding: 8px 18px 19px; font: 600 1.78rem/.98 "Cormorant Garamond", Georgia, serif; }
.laboratory-live__learn > div > a { position: relative; display: grid; gap: 9px; min-height: 150px; padding: 21px; border: 1px solid #dce5d3; border-radius: 19px; background: rgba(255,255,255,.8); color: #2d211b; text-decoration: none; }.laboratory-live__learn > div > a h3 { font-size: 1.85rem; line-height: .98; }.laboratory-live__learn > div > a p { margin: 0; color: #62574e; font-size: .91rem; line-height: 1.43; }.laboratory-live__learn > div > a b { position: absolute; right: 17px; bottom: 14px; color: #277444; }
.laboratory-live__faq details { min-height: 112px; }.laboratory-live__faq summary { display: flex; gap: 9px; align-items: start; font-size: 1rem; }.laboratory-live__faq summary span { color: #a8710c; font-family: "Bebas Neue", "Arial Narrow", sans-serif; font-size: 1.35rem; line-height: .85; }
@media (max-width: 1050px) { .laboratory-live { width: min(100% - 24px, 980px); }.laboratory-live__hero { grid-template-columns: minmax(0, 1fr) 190px; padding: 36px; }.laboratory-live__doors, .laboratory-live__watch > div, .laboratory-live__reading > div, .laboratory-live__learn > div, .laboratory-live__faq > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.laboratory-live__experiences > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.laboratory-live__door { grid-template-columns: 126px minmax(0, 1fr); }.laboratory-live__door img { width: 126px; }.laboratory-live__panel { grid-template-columns: 132px minmax(0, 1fr); }.laboratory-live__panel img { width: 132px; }.laboratory-live__panel > div:last-child { grid-column: 1 / -1; }.laboratory-live__panel > div:last-child strong { max-width: 680px; } }
@media (max-width: 630px) { .laboratory-live { width: min(100% - 20px, 620px); }.laboratory-live__hero { min-height: 435px; padding: 28px 24px 188px; }.laboratory-live__hero h1 { font-size: clamp(2.8rem, 13vw, 4rem); }.laboratory-live__hero p { font-size: .96rem; }.laboratory-live__doors, .laboratory-live__watch > div, .laboratory-live__experiences > div, .laboratory-live__reading > div, .laboratory-live__learn > div, .laboratory-live__faq > div { grid-template-columns: 1fr; }.laboratory-live__door { grid-template-columns: 106px minmax(0, 1fr); min-height: 142px; }.laboratory-live__door img { width: 106px; }.laboratory-live__focus, .laboratory-live__watch, .laboratory-live__experiences, .laboratory-live__reading, .laboratory-live__learn, .laboratory-live__faq { padding: 26px 21px; }.laboratory-live__focus > header, .laboratory-live__watch > header, .laboratory-live__experiences > header, .laboratory-live__reading > header, .laboratory-live__learn > header, .laboratory-live__faq > header { align-items: start; flex-direction: column; }.laboratory-live__focus > header h2, .laboratory-live__watch > header h2, .laboratory-live__experiences > header h2, .laboratory-live__reading > header h2, .laboratory-live__learn > header h2, .laboratory-live__faq > header h2 { font-size: 2.65rem; }.laboratory-live__panel { grid-template-columns: 1fr; }.laboratory-live__panel img { width: 100%; height: 165px; }.laboratory-live__watch .laboratory-live__door { grid-template-columns: 92px minmax(0,1fr); }.laboratory-live__watch .laboratory-live__door img { width: 92px; }.laboratory-live__reading > div > a { grid-template-rows: 184px auto auto; }.laboratory-live__reading > div > a img { height: 184px; }.laboratory-live__share { margin: 0; }.laboratory-live__newsletter { margin: 0; } }

/* Official hub: shared community panel and live countdown treatment. */
.officials-hub .community-cta { margin-top: 0; padding: 22px; border-radius: 26px; background: linear-gradient(135deg,#171411,#2f2721 60%,#7d5332); color: #f5ebdb; display: grid; grid-template-columns: 1fr; gap: 16px; border: 1px solid rgba(231,177,31,.16); }
.officials-hub .community-cta h2 { margin: 0 0 8px; color: #fff6ea; font: 600 clamp(2rem,3.6vw,2.8rem)/.98 "Cormorant Garamond",Georgia,serif; }
.officials-hub .community-cta p { margin: 0; color: rgba(245,235,219,.82); line-height: 1.55; }.officials-hub .community-copy .eyebrow { color: #9a6a12; }
.officials-hub .community-actions { display: grid; gap: 10px; align-content: start; }.officials-hub .community-primary-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.officials-hub .community-primary-actions .btn { width: fit-content; }.officials-hub .community-share-page { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.32); border-radius: 999px; color: #fff8ed; font: 900 .7rem/1 "Manrope",sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.officials-hub .community-social-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }.officials-hub .community-social-tile { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: start; gap: 9px; min-height: 92px; padding: 13px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.08); color: #fff6ea; text-decoration: none; }.officials-hub .community-social-mark { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }.officials-hub .community-social-mark img { display: block; width: 15px; height: 15px; object-fit: contain; }.officials-hub .community-social-mark.social-facebook { background: #1877f2; }.officials-hub .community-social-mark.social-instagram { background: radial-gradient(circle at 30% 105%,#ffd46b 0 10%,#f77737 30%,#e1306c 55%,#833ab4 100%); }.officials-hub .community-social-mark.social-youtube { background: #f00; }.officials-hub .community-social-mark.social-x { background: #fff; }.officials-hub .community-social-mark.social-x img { filter: invert(1); }.officials-hub .community-social-mark.social-tiktok { background: #090909; box-shadow: -1px 0 #25f4ee,1px 0 #fe2c55; }.officials-hub .community-social-copy { display: grid; min-width: 0; gap: 4px; }.officials-hub .community-social-copy strong { overflow: hidden; color: #fff6ea; font: 800 .82rem/1.1 "Manrope",sans-serif; letter-spacing: .05em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.officials-hub .community-social-copy small { overflow: hidden; color: rgba(245,235,219,.76); font-size: .72rem; line-height: 1.28; text-overflow: ellipsis; white-space: nowrap; }
.officials-hub .official-countdown:not(.official-countdown--current) { display: inline-grid; grid-template-columns: repeat(4,minmax(41px,1fr)); gap: 0; min-width: 0; margin: 12px 0 10px; padding: 0; overflow: hidden; border: 1px solid rgba(136,89,16,.20); border-radius: 13px; background: rgba(255,255,255,.88); box-shadow: 0 6px 13px rgba(89,57,19,.07); }.officials-hub .official-countdown:not(.official-countdown--current) span { min-width: 42px; min-height: 0; padding: 7px 6px 6px; border: 0; border-radius: 0; background: transparent; }.officials-hub .official-countdown:not(.official-countdown--current) span + span { border-left: 1px solid rgba(136,89,16,.16); }.officials-hub .official-countdown:not(.official-countdown--current) strong { color: #3a281c; font: 400 1.75rem/.9 "Bebas Neue","Arial Narrow",sans-serif; }.officials-hub .official-countdown:not(.official-countdown--current) small { margin-top: 4px; color: #9a6b16; font-size: .5rem; }
@media (max-width: 760px) { .officials-hub .community-social-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 620px) { .officials-hub .community-social-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.officials-hub .community-social-tile { min-height: 56px; }.officials-hub .community-social-copy small { display: none; } }

/* Official rendez-vous: keep the stronger live hierarchy without changing imported event data. */
.officials-hub #rendez-vous { padding: 28px 30px 30px; background: linear-gradient(145deg,#fffdf9,#fff3d9); }
.officials-hub #rendez-vous .officials-section-heading { margin-bottom: 20px; }
.officials-hub #rendez-vous .officials-section-heading h2 { max-width: 760px; color: #241b16; font: 400 clamp(2rem,3.2vw,3.15rem)/.94 "Bebas Neue","Arial Narrow",sans-serif; letter-spacing: .012em; text-transform: uppercase; }
.officials-hub #rendez-vous .officials-event-grid { gap: 18px; }
.officials-hub #rendez-vous .officials-event-card { min-width: 0; min-height: 310px; padding: 21px 20px 18px; border-radius: 23px; background: #fffdf9; box-shadow: 0 14px 25px rgba(72,45,18,.08); }
.officials-hub #rendez-vous .officials-event-card:nth-child(2) { background: #fffdf9; }.officials-hub #rendez-vous .officials-event-card:nth-child(3) { background: #fffdf9; }
.officials-hub #rendez-vous .officials-rank { min-height: 25px; padding: 0 10px; color: #9a6505; background: #fff8e6; font-size: .68rem; }
.officials-hub #rendez-vous .officials-date { min-height: 35px; margin-top: 3px; padding: 0 13px; border-radius: 999px; background: #fff3d6; color: #96630a; font-size: .74rem; }
.officials-hub #rendez-vous .officials-event-card h3 { margin: 13px 0 18px; color: #28201b; font: 400 clamp(1.6rem,2.2vw,2.2rem)/.91 "Bebas Neue","Arial Narrow",sans-serif; letter-spacing: .006em; -webkit-line-clamp: 3; }
.officials-hub #rendez-vous .official-countdown { width: min(100%,228px); margin: auto 0 16px; border: 4px solid #38251a; border-radius: 15px; background: #2c1b14; box-shadow: 0 10px 18px rgba(54,30,14,.20); }
.officials-hub #rendez-vous .official-countdown:not(.official-countdown--current) { grid-template-columns: repeat(4,minmax(43px,1fr)); border-color: #38251a; background: #2c1b14; }
.officials-hub #rendez-vous .official-countdown:not(.official-countdown--current) span { min-width: 43px; padding: 8px 6px 7px; background: #352219; }
.officials-hub #rendez-vous .official-countdown:not(.official-countdown--current) span + span { border-left: 1px solid rgba(255,214,103,.11); }
.officials-hub #rendez-vous .official-countdown:not(.official-countdown--current) strong { color: #ffcb35; font: 400 2rem/.86 "Bebas Neue","Arial Narrow",sans-serif; text-shadow: 0 1px 0 #160d09; }
.officials-hub #rendez-vous .official-countdown:not(.official-countdown--current) small { color: rgba(255,244,221,.74); font-size: .5rem; }
.officials-hub #rendez-vous .official-countdown--current { display: grid; width: min(100%,228px); min-height: 98px; padding: 14px 18px 11px; border-color: #38251a; border-radius: 15px; background: #2c1b14; }
.officials-hub #rendez-vous .official-countdown--current strong { color: #ffcb35; font-size: 2.25rem; }
.officials-hub #rendez-vous .officials-card-link { margin-top: 0; color: #e5a812; font-size: .78rem; }
@media (max-width: 1050px) { .officials-hub #rendez-vous .officials-event-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.officials-hub #rendez-vous .officials-event-card { min-height: 290px; } }
@media (max-width: 620px) { .officials-hub #rendez-vous { padding: 21px 17px; }.officials-hub #rendez-vous .officials-event-grid { grid-template-columns: 1fr; }.officials-hub #rendez-vous .officials-event-card { min-height: 0; }.officials-hub #rendez-vous .officials-event-card h3 { font-size: 1.8rem; }.officials-hub #rendez-vous .official-countdown { width: min(100%,238px); margin-top: 4px; }.officials-hub #rendez-vous .officials-card-link { margin-top: 2px; } }

/* Official calendar: native replica of the public season page. */
.calendar-page-main { display: grid; gap: 20px; width: min(100% - 28px, 1500px); margin: 0 auto; padding: 16px 0 48px; color: #2b211b; }
.calendar-page-main .breadcrumbs { display: flex; flex-wrap: wrap; gap: 11px; align-items: center; padding: 0 18px; color: #74675d; font: 700 .7rem/1 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.calendar-page-main .breadcrumbs a { color: #9a6c15; text-decoration: none; }.calendar-page-main .breadcrumbs span::before { content: "/"; margin-right: 11px; color: #b2a69a; }
.calendar-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 48px; align-items: center; min-height: 300px; padding: 38px 48px; overflow: hidden; border: 1px solid #e9c75f; border-bottom: 3px solid #e6af00; border-radius: 29px; background: linear-gradient(104deg, rgba(255,253,248,.97), rgba(255,232,160,.76)), url('/media/tools/terrain-petanque-hero.png') center/cover; box-shadow: 0 17px 36px rgba(98,69,20,.11); }
.calendar-hero::after { content: ""; position: absolute; right: -76px; bottom: -130px; width: 368px; height: 368px; border: 1px solid rgba(151,104,14,.2); border-radius: 50%; }.calendar-hero-copy { position: relative; z-index: 1; max-width: 850px; }.calendar-hero .eyebrow, .calendar-section-heading .eyebrow, .calendar-share .eyebrow { margin: 0 0 11px; color: #9b6b16; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.calendar-hero h1, .calendar-page-main h2, .calendar-page-main h3 { margin: 0; color: #2c211a; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; }.calendar-hero h1 { max-width: 770px; font-size: clamp(3.2rem, 5.2vw, 5.65rem); line-height: .89; letter-spacing: -.045em; }.calendar-hero-copy > p:not(.eyebrow) { max-width: 770px; margin: 17px 0 22px; color: #695a50; font-size: 1.08rem; line-height: 1.5; }
.calendar-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }.calendar-hero-actions .btn { min-height: 49px; padding: 0 23px; }.calendar-hero-panel { position: relative; z-index: 1; display: grid; align-content: center; justify-items: start; min-height: 194px; padding: 25px 30px; overflow: hidden; border: 1px solid rgba(164,111,20,.28); border-radius: 24px; background: rgba(255,253,248,.86); box-shadow: 0 12px 24px rgba(97,65,18,.1); }.calendar-hero-panel > strong { position: relative; z-index: 1; color: #35271d; font: 400 clamp(4rem,6vw,5.6rem)/.8 "Bebas Neue", "Arial Narrow", sans-serif; }.calendar-hero-panel > span:not(.calendar-orbit) { position: relative; z-index: 1; margin-top: 9px; color: #2e241d; font: 800 1.06rem/1.15 "Manrope", sans-serif; }.calendar-hero-panel small { position: relative; z-index: 1; margin-top: 9px; color: #9d6c14; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-transform: uppercase; }.calendar-orbit { position: absolute; border: 1px solid rgba(171,112,13,.19); border-radius: 50%; }.calendar-orbit-one { width: 188px; height: 188px; right: -70px; bottom: -74px; }.calendar-orbit-two { width: 74px; height: 74px; top: 15px; right: 24px; }
.calendar-featured, .calendar-events, .calendar-resources, .calendar-results { padding: 31px; border: 1px solid #e6ddd1; border-radius: 28px; background: #fffdfa; box-shadow: 0 15px 30px rgba(70,49,28,.055); }.calendar-featured { background: linear-gradient(135deg, #fffefa, #fbf0d5); }.calendar-events { background: #fffdfa; }.calendar-past { background: linear-gradient(135deg, #fffdfa, #f7f0e4); }.calendar-resources { background: linear-gradient(135deg, #fffefa, #f9e8b6); }.calendar-results { background: linear-gradient(135deg, #fffdfa, #f3eadc); }
.calendar-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 22px; }.calendar-section-heading h2 { font-size: clamp(2.4rem, 4vw, 4.35rem); line-height: .91; letter-spacing: -.035em; }.calendar-section-heading > p { max-width: 410px; margin: 0; color: #6f6055; font-size: .96rem; line-height: 1.45; }.calendar-section-heading > a { flex: none; color: #885a08; font: 800 .73rem/1 "Manrope", sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.calendar-featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.calendar-event-card { display: grid; grid-template-columns: 130px minmax(0, 1fr); overflow: hidden; min-height: 255px; border: 1px solid #e7d9c7; border-radius: 21px; background: rgba(255,255,255,.84); }.calendar-event-image { min-height: 100%; background: #eee3d1; }.calendar-event-image img { display: block; width: 100%; height: 100%; object-fit: cover; }.calendar-event-image--empty { background: linear-gradient(135deg, #ede4d6, #faf6ed); }.calendar-event-copy { display: grid; align-content: start; gap: 8px; padding: 18px 17px; }.calendar-event-order { margin: 0; color: #a66e0b; font: 400 2.05rem/.8 "Bebas Neue", "Arial Narrow", sans-serif; }.calendar-event-date { margin: 0; color: #9d6909; font: 800 .66rem/1.25 "Manrope", sans-serif; letter-spacing: .08em; text-transform: uppercase; }.calendar-event-card h3 { font-family: "Manrope", sans-serif; font-size: 1.02rem; line-height: 1.2; }.calendar-event-card h3 a { color: inherit; text-decoration: none; }.calendar-inline-link { color: #a36b07; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.calendar-inline-link span { margin-left: 5px; font-size: 1rem; }
.calendar-countdown { display: inline-grid; grid-template-columns: repeat(4, 1fr); width: min(100%, 218px); margin: 8px 0 3px; overflow: hidden; border: 4px solid #362318; border-radius: 15px; background: #362318; box-shadow: 0 9px 17px rgba(60,36,17,.18); }.calendar-countdown span { display: grid; min-width: 0; padding: 7px 4px 6px; border-radius: 8px; background: #40291c; text-align: center; }.calendar-countdown strong { color: #ffc522; font: 400 1.65rem/.86 "Bebas Neue", "Arial Narrow", sans-serif; }.calendar-countdown small { margin-top: 4px; color: #f6e7d2; font: 800 .45rem/1 "Manrope", sans-serif; letter-spacing: .08em; }.calendar-countdown--current { display: grid; width: min(100%, 210px); min-height: 66px; align-content: center; justify-items: center; padding: 7px 11px; border: 4px solid #362318; border-radius: 15px; background: #40291c; box-shadow: 0 9px 17px rgba(60,36,17,.18); }.calendar-countdown--current strong { color: #ffc522; font: 400 1.85rem/.86 "Bebas Neue", "Arial Narrow", sans-serif; }.calendar-countdown--current small { margin-top: 7px; color: #f5e7d4; font: 800 .49rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.calendar-timeline { display: grid; gap: 10px; }.calendar-timeline-item { display: grid; grid-template-columns: 125px 92px minmax(0, 1fr) auto; gap: 15px; align-items: center; min-height: 108px; padding: 12px 16px; border: 1px solid #e7ded2; border-radius: 18px; background: rgba(255,255,255,.78); }.calendar-timeline-item time { color: #a36b0a; font: 800 .72rem/1.25 "Manrope", sans-serif; letter-spacing: .055em; text-transform: uppercase; }.calendar-timeline-item time span { display: block; margin-bottom: 4px; color: #7b6b5d; font-size: .61rem; }.calendar-timeline-item .calendar-event-image { display: block; height: 80px; min-height: 0; border-radius: 12px; overflow: hidden; }.calendar-timeline-item h3 { font-family: "Manrope", sans-serif; font-size: 1rem; line-height: 1.16; }.calendar-timeline-item h3 a { color: inherit; text-decoration: none; }.calendar-timeline-item p { margin: 6px 0 0; color: #706156; font-size: .84rem; line-height: 1.38; }.calendar-timeline-item > .calendar-inline-link { white-space: nowrap; }.calendar-timeline-item.is-past { opacity: .83; }
.calendar-resource-grid, .calendar-results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.calendar-resource-card { display: grid; align-content: start; gap: 8px; min-height: 182px; padding: 21px; border: 1px solid #e7d29a; border-radius: 19px; background: rgba(255,255,255,.72); color: #36271e; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.calendar-resource-card:hover, .calendar-result-card:hover { box-shadow: 0 13px 25px rgba(88,59,19,.13); transform: translateY(-3px); }.calendar-resource-icon { display: inline-grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #fffaf0; font-size: 1.1rem; }.calendar-resource-icon-tempo { background: #342419; }.calendar-resource-icon-seniors { background: #b77c17; }.calendar-resource-icon-youth { background: #4b8154; }.calendar-resource-card strong { margin-top: 4px; font: 800 1rem/1.15 "Manrope", sans-serif; }.calendar-resource-card p { margin: 0; color: #6a5b4e; font-size: .87rem; line-height: 1.42; }.calendar-resource-card small { margin-top: auto; color: #9b6708; font: 800 .66rem/1 "Manrope", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.calendar-results-intro { max-width: 740px; margin: -8px 0 19px; color: #6c5c50; line-height: 1.5; }.calendar-result-card { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 14px; min-height: 134px; overflow: hidden; border: 1px solid #e3d9cc; border-radius: 18px; background: rgba(255,255,255,.8); color: #2f251e; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.calendar-result-card > img, .calendar-result-card > span:first-child { width: 108px; height: 100%; min-height: 134px; background: #ede3d2; object-fit: cover; }.calendar-result-card > span:last-child { display: grid; align-content: center; gap: 7px; padding: 14px 15px 14px 0; }.calendar-result-card small, .calendar-result-card em { color: #a56b07; font: 800 .61rem/1 "Manrope", sans-serif; font-style: normal; letter-spacing: .07em; text-transform: uppercase; }.calendar-result-card strong { font: 800 .9rem/1.2 "Manrope", sans-serif; }
.calendar-share { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 23px 29px; border: 1px solid #e8c96c; border-radius: 23px; background: linear-gradient(105deg, #fffdf7, #ffe49d); }.calendar-share .eyebrow { margin-bottom: 7px; }.calendar-share strong { color: #31241c; font: 800 1.08rem/1.2 "Manrope", sans-serif; }.share-band-links { display: flex; flex-wrap: wrap; gap: 9px; }.share-band-links a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 15px; border-radius: 999px; background: #2e2119; color: #fff9ee; font: 800 .69rem/1 "Manrope", sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.share-band-links a:last-child { background: #efb517; color: #292017; }
.calendar-page-main .community-cta { margin: 0; padding: 27px 30px; border-radius: 26px; background: linear-gradient(120deg,#201711,#59371f); }.calendar-page-main .community-cta h2 { color: #fff7eb; }.calendar-page-main .community-cta .eyebrow { color: #efbf33; }.calendar-page-main .community-copy p:not(.eyebrow) { color: #e7d9c8; }.calendar-page-main .community-social-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }.calendar-page-main .community-social-tile { min-height: 74px; }
@media (max-width: 1120px) { .calendar-hero { grid-template-columns: minmax(0,1fr) 235px; gap: 30px; }.calendar-featured-grid { grid-template-columns: 1fr; }.calendar-event-card { grid-template-columns: 160px minmax(0,1fr); min-height: 178px; }.calendar-event-image { min-height: 178px; }.calendar-resource-grid, .calendar-results-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.calendar-page-main .community-social-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) { .calendar-page-main { width: min(100% - 20px, 1500px); gap: 13px; padding-top: 10px; }.calendar-page-main .breadcrumbs { padding: 0 4px; font-size: .61rem; }.calendar-hero, .calendar-featured, .calendar-events, .calendar-resources, .calendar-results { padding: 25px 20px; border-radius: 23px; }.calendar-hero { display: block; min-height: 0; }.calendar-hero h1 { font-size: clamp(3rem, 13vw, 4.45rem); }.calendar-hero-panel { width: min(100%, 300px); min-height: 142px; margin-top: 25px; }.calendar-section-heading { display: grid; gap: 12px; align-items: start; }.calendar-section-heading h2 { font-size: clamp(2.55rem, 12vw, 3.5rem); }.calendar-section-heading > p { font-size: .91rem; }.calendar-timeline-item { grid-template-columns: 78px minmax(0,1fr); gap: 10px; padding: 12px; }.calendar-timeline-item time { grid-column: 1 / -1; }.calendar-timeline-item .calendar-event-image { width: 78px; height: 78px; }.calendar-timeline-item > .calendar-inline-link { grid-column: 2; }.calendar-resource-grid, .calendar-results-grid { grid-template-columns: 1fr; }.calendar-result-card { grid-template-columns: 95px minmax(0,1fr); }.calendar-result-card > img, .calendar-result-card > span:first-child { width: 95px; }.calendar-share { display: grid; padding: 22px; }.calendar-page-main .community-social-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .calendar-event-card { grid-template-columns: 1fr; }.calendar-event-image { min-height: 170px; max-height: 220px; }.calendar-event-copy { padding: 18px; }.calendar-hero-actions .btn { width: 100%; }.calendar-timeline-item { grid-template-columns: 1fr; }.calendar-timeline-item .calendar-event-image { width: 100%; height: 170px; }.calendar-timeline-item > .calendar-inline-link { grid-column: auto; }.calendar-page-main .community-social-grid { grid-template-columns: 1fr; }.calendar-share strong { font-size: 1rem; } }

/* Official calendar: keep the same compact seasonal composition as the live page. */
.calendar-page-main { width: min(1380px, calc(100% - 48px)); padding: 20px 0 52px; }
.calendar-page-main .breadcrumbs { display: none; }
.calendar-hero, .calendar-featured, .calendar-events, .calendar-resources, .calendar-results { margin-top: 18px; border-color: #ead7ad; border-radius: 28px; background: #fffdf8; box-shadow: 0 16px 34px rgba(83, 58, 25, .08); }
.calendar-hero { grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr); gap: 30px; min-height: 0; padding: 30px 34px; border-bottom-width: 1px; background: radial-gradient(circle at 90% 10%, rgba(232, 182, 38, .24), transparent 29%), linear-gradient(115deg, #fffdf9 0%, #fff4d5 100%); }
.calendar-hero h1 { max-width: 860px; margin: 7px 0 12px; font-size: clamp(2.2rem, 4.4vw, 4.85rem); line-height: .94; letter-spacing: -.055em; }
.calendar-hero-copy > p:not(.eyebrow) { max-width: 720px; margin: 0; color: #66584d; font-size: 1.02rem; line-height: 1.55; }
.calendar-hero-actions { gap: 10px; margin-top: 20px; }.calendar-hero-panel { min-height: 205px; place-content: center; justify-items: center; padding: 25px; text-align: center; }.calendar-hero-panel > strong { color: #ad7900; font-family: var(--font-display, Georgia, serif); font-size: clamp(3rem, 5vw, 5.4rem); line-height: .8; }.calendar-hero-panel > span:not(.calendar-orbit) { margin-top: 10px; font-weight: 800; }.calendar-hero-panel small { margin-top: 6px; color: #796d60; }.calendar-orbit { border-color: rgba(184, 133, 10, .34); }.calendar-orbit-one { width: 230px; height: 230px; }.calendar-orbit-two { width: 135px; height: 135px; }
.calendar-featured, .calendar-events, .calendar-resources, .calendar-results { padding: 25px 28px 28px; }.calendar-section-heading { gap: 28px; margin-bottom: 18px; }.calendar-section-heading h2 { margin: 4px 0 0; font-size: clamp(1.8rem, 3vw, 3.25rem); line-height: 1; letter-spacing: -.045em; }.calendar-section-heading > p { max-width: 500px; margin: 0 0 2px; color: #6b5f54; line-height: 1.48; }
.calendar-featured-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.calendar-event-card { grid-template-columns: 104px minmax(0, 1fr); min-height: 252px; border-color: #ebd9ae; border-radius: 20px; background: linear-gradient(155deg, #fffaf0, #fff1cf); }.calendar-event-image { min-height: 100%; background: #dec48b; }.calendar-event-copy { display: flex; flex-direction: column; padding: 15px 15px 14px; }.calendar-event-order { color: #b57800; font: 900 .77rem/1 "Manrope", sans-serif; letter-spacing: .12em; }.calendar-event-date { margin: 8px 0 0; color: #8d6411; font-size: .72rem; letter-spacing: .08em; }.calendar-event-card h3 { margin: 8px 0 11px; font: 700 1.07rem/1.08 "Manrope", sans-serif; }.calendar-countdown { gap: 5px; width: auto; margin: auto 0 12px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.calendar-countdown span { padding: 7px 3px 6px; border-radius: 11px; background: #312419; }.calendar-countdown strong { font-family: "Bebas Neue", "Arial Narrow", sans-serif; font-size: 1.05rem; line-height: 1; }.calendar-countdown small { margin-top: 4px; font-size: .55rem; }.calendar-countdown--current { width: auto; min-height: 0; margin: auto 0 12px; padding: 13px; border: 0; border-radius: 11px; background: #312419; box-shadow: none; }.calendar-inline-link { font-size: .73rem; letter-spacing: .055em; }
.calendar-events { background: #fffefa; }.calendar-timeline { gap: 8px; }.calendar-timeline-item { grid-template-columns: 142px 66px minmax(0, 1fr) auto; gap: 15px; min-height: 0; padding: 10px; border-color: #eee4d3; border-radius: 17px; background: #fff; }.calendar-timeline-item time { font-size: .74rem; }.calendar-timeline-item .calendar-event-image { width: 66px; height: 52px; border-radius: 11px; }.calendar-timeline-item p { font-size: .86rem; line-height: 1.35; }.calendar-timeline-item.is-past { opacity: .76; background: #f7f4ee; }
.calendar-resource-grid { gap: 14px; }.calendar-resource-card { min-height: 185px; padding: 20px; border-radius: 20px; background: linear-gradient(145deg, #fff8e5, #f6e5b9); }.calendar-resource-icon { display: block; width: 36px; height: 36px; margin-bottom: 18px; }.calendar-results { background: linear-gradient(145deg, #fffdfa, #f5ead4); }.calendar-results-intro { max-width: 650px; margin: -8px 0 17px; }.calendar-results-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }.calendar-result-card { grid-template-columns: 56px 1fr; gap: 10px; min-height: 94px; padding: 9px; border-color: #ebddc5; border-radius: 16px; }.calendar-result-card > img, .calendar-result-card > span:first-child { width: 56px; min-height: 72px; height: 72px; border-radius: 10px; }.calendar-result-card > span:last-child { padding: 0; }.calendar-result-card strong { font-size: .88rem; line-height: 1.2; }
@media (max-width: 1020px) { .calendar-featured-grid, .calendar-resource-grid { grid-template-columns: 1fr; }.calendar-event-card { grid-template-columns: 130px minmax(0, 1fr); min-height: 190px; }.calendar-results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .calendar-page-main { width: min(100% - 24px, 1380px); padding-top: 10px; }.calendar-hero { grid-template-columns: 1fr; gap: 16px; padding: 23px 20px; border-radius: 22px; }.calendar-hero-panel { min-height: 126px; }.calendar-featured, .calendar-events, .calendar-resources, .calendar-results { padding: 20px 15px; border-radius: 22px; }.calendar-section-heading { display: block; }.calendar-section-heading > p { margin-top: 10px; }.calendar-timeline-item { grid-template-columns: 1fr; gap: 8px; }.calendar-timeline-item time { grid-column: auto; }.calendar-timeline-item .calendar-event-image { grid-column: auto; width: 100%; height: 150px; }.calendar-timeline-item > div { grid-column: auto; min-width: 0; }.calendar-timeline-item .calendar-inline-link { grid-column: auto; }.calendar-results-grid { grid-template-columns: 1fr; } }

/* Results archive: recreate the editorial rhythm of the live result pages. */
.page:has(.results-live), .site-main:has(.results-live) { padding-top: 0; }
.results-live { display: grid; gap: 18px; width: min(1380px, calc(100% - 48px)); margin: 0 auto 48px; }
.results-live__hero { min-height: 190px; padding: 28px 31px; border: 1px solid #e4bd52; border-bottom: 3px solid #e5af09; border-radius: 25px; background: linear-gradient(104deg, rgba(255,254,250,.97), rgba(255,249,237,.9) 51%, rgba(248,223,164,.62)), url('/media/tools/terrain-petanque-hero.png') 70% center / cover; }
.results-live__hero p, .results-live__lead > div > p, .results-live__share p { margin: 0; color: #9d6a0d; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.results-live__hero h1 { margin: 17px 0 11px; color: #30221b; font: 600 clamp(2.65rem, 4vw, 4.25rem)/.94 "Cormorant Garamond", Georgia, serif; letter-spacing: -.045em; }
.results-live__hero > span { display: block; max-width: 690px; color: #6d5e52; font-size: 1rem; line-height: 1.5; }
.results-live__intro { display: grid; gap: 13px; padding: 18px 20px; border: 1px solid rgba(78,57,34,.12); border-radius: 22px; background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,235,215,.83)); }
.results-live__intro p { max-width: 1080px; margin: 0; color: #746459; font-size: .95rem; line-height: 1.55; }
.results-live__intro nav { display: flex; flex-wrap: wrap; gap: 10px; }
.results-live__intro a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border: 1px solid rgba(111,82,39,.18); border-radius: 999px; background: rgba(255,255,255,.78); color: #2d231d; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .065em; text-decoration: none; text-transform: uppercase; transition: background .18s ease, transform .18s ease; }
.results-live__intro a:hover { background: #f7d370; transform: translateY(-1px); }
.results-live__lead { display: grid; grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); gap: 24px; min-height: 395px; padding: 24px; border: 1px solid #e4d9c9; border-radius: 26px; background: rgba(255,255,255,.76); box-shadow: 0 15px 30px rgba(72,48,25,.055); }
.results-live__lead-image { display: block; min-height: 100%; overflow: hidden; border-radius: 19px; background: #e9decb; }.results-live__lead-image--empty { background: linear-gradient(135deg, #e8dac1, #fbf5e9); }
.results-live__lead-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.results-live__lead > div { display: grid; align-content: center; justify-items: start; }.results-live__lead h2 { margin: 15px 0 13px; color: #2b2019; font: 600 clamp(2rem, 3.1vw, 3.2rem)/.98 "Cormorant Garamond", Georgia, serif; letter-spacing: -.035em; }.results-live__lead h2 a { color: inherit; text-decoration: none; }
.results-live__lead > div > span { max-width: 690px; color: #705f54; font-size: 1rem; line-height: 1.52; }.results-live__lead small { margin: 17px 0 10px; color: #9c6808; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .055em; text-transform: uppercase; }.results-live__lead-read, .results-live__read { color: #916009; font: 900 .72rem/1 "Manrope", sans-serif; letter-spacing: .065em; text-decoration: none; text-transform: uppercase; }
.results-live__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.results-live__card { display: grid; grid-template-columns: 98px minmax(0,1fr); min-height: 174px; overflow: hidden; border: 1px solid #e8ded0; border-radius: 19px; background: rgba(255,255,255,.82); box-shadow: 0 9px 19px rgba(71,48,28,.035); transition: transform .18s ease, box-shadow .18s ease; }.results-live__card:hover { box-shadow: 0 15px 27px rgba(71,48,28,.09); transform: translateY(-2px); }
.results-live__card-image { display: block; min-height: 100%; background: #eadfcd; }.results-live__card-image--empty { background: linear-gradient(135deg, #ece2d1, #faf6ee); }.results-live__card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }.results-live__card-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 14px 14px 13px; }.results-live__meta { margin: 0 0 7px; color: #9a690e; font: 800 .63rem/1.28 "Manrope", sans-serif; letter-spacing: .045em; text-transform: uppercase; }.results-live__card h3 { display: -webkit-box; overflow: hidden; margin: 0; color: #2c221b; font: 800 .97rem/1.16 "Manrope", sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.results-live__card h3 a { color: inherit; text-decoration: none; }.results-live__card-copy > span { display: -webkit-box; overflow: hidden; margin: 8px 0 10px; color: #75665a; font-size: .82rem; line-height: 1.37; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.results-live__read { margin-top: auto; }.results-live__read b { margin-left: 4px; font-size: .95rem; }.results-live__empty { margin: 0; padding: 26px; border: 1px dashed #d8c5a7; border-radius: 18px; color: #726358; }
.results-live__pagination { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 14px; padding: 2px 0; }.results-live__pagination a, .results-live__pagination span, .results-live__pagination strong { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 15px; border: 1px solid #e1c996; border-radius: 999px; font: 800 .72rem/1 "Manrope", sans-serif; letter-spacing: .04em; text-transform: uppercase; }.results-live__pagination a { background: #efb719; color: #2c211b; text-decoration: none; transition: transform .18s ease, background .18s ease; }.results-live__pagination a:hover { background: #ffd353; transform: translateY(-2px); }.results-live__pagination span { color: #b7a487; background: rgba(255,255,255,.56); }.results-live__pagination strong { border: 0; color: #6d5d50; background: transparent; white-space: nowrap; }.results-live__pagination a:last-child, .results-live__pagination span:last-child { justify-self: end; }
.results-live__bottom { display: grid; gap: 14px; }.results-live__newsletter { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; min-height: 76px; padding: 17px 22px; border-radius: 18px; background: linear-gradient(105deg, #2a1b15, #56341f); color: #fff7e9; text-decoration: none; }.results-live__newsletter span { color: #f0b91d; font: 900 .69rem/1 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase; }.results-live__newsletter strong { font: 800 .98rem/1.28 "Manrope", sans-serif; }.results-live__newsletter b { display: inline-flex; align-items: center; min-height: 36px; padding: 0 15px; border-radius: 999px; background: #f2bc1d; color: #2a1f18; font: 900 .68rem/1 "Manrope", sans-serif; letter-spacing: .065em; text-transform: uppercase; }
.results-live__share { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid #e9cc79; border-radius: 22px; background: linear-gradient(105deg, #fffdf8, #ffe6a5); }.results-live__share > div { max-width: 570px; }.results-live__share > div > p { margin-bottom: 7px; }.results-live__share strong { color: #34251b; font: 800 1rem/1.38 "Manrope", sans-serif; }.results-live__share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.results-live__share-link { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 13px; border-radius: 999px; background: #2e211a; color: #fff9ee; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }.results-live__share-link img { width: 17px; height: 17px; }.results-live__share-link--facebook { background: #247cf2; }.results-live__share-link--instagram { background: linear-gradient(100deg, #9d35ba, #ff5f3f); }.results-live__share-link--youtube { background: #f32424; }
@media (max-width: 980px) { .results-live__lead { grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr); }.results-live__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }.results-live__share { display: grid; }.results-live__share nav { justify-content: start; } }
@media (max-width: 700px) { .results-live { width: min(100% - 24px, 1380px); gap: 13px; margin-bottom: 28px; }.results-live__hero, .results-live__lead { padding: 22px 19px; border-radius: 22px; }.results-live__hero { min-height: 0; }.results-live__hero h1 { font-size: clamp(2.55rem, 13vw, 4.1rem); }.results-live__intro { padding: 17px; }.results-live__lead { grid-template-columns: 1fr; min-height: 0; }.results-live__lead-image { min-height: 225px; max-height: 330px; }.results-live__lead h2 { font-size: clamp(2rem, 10vw, 3rem); }.results-live__grid { grid-template-columns: 1fr; }.results-live__card { grid-template-columns: 94px minmax(0,1fr); }.results-live__pagination { grid-template-columns: 1fr; justify-items: stretch; gap: 8px; }.results-live__pagination a:last-child, .results-live__pagination span:last-child { justify-self: stretch; }.results-live__newsletter { grid-template-columns: 1fr; gap: 12px; padding: 20px; }.results-live__newsletter b { justify-self: start; }.results-live__share { padding: 20px; }.results-live__share-link { padding: 0 11px; } }

/* Results use the live editorial class names as well as the native data classes. */
.results-live__hero > div { max-width: 710px; }.results-live__hero .eyebrow { margin: 0; color: #9d6a0d; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; }.results-live__hero > div > p:last-child { margin: 0; max-width: 690px; color: #6d5e52; font: 400 1rem/1.5 "Manrope", sans-serif; letter-spacing: normal; text-transform: none; }.results-live__intro .news-seo-links { display: flex; flex-wrap: wrap; gap: 10px; }.results-live__lead > div > p:not(.entry-kicker):not(.result-card-meta) { max-width: 690px; margin: 0; color: #705f54; font: 400 1rem/1.52 "Manrope", sans-serif; }.results-live__lead .entry-kicker { margin: 0; color: #9d6a0d; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; }.results-live__lead .result-card-meta { margin: 17px 0 10px; color: #9c6808; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .055em; text-transform: uppercase; }.results-live__card-copy > p:not(.results-live__meta) { display: -webkit-box; overflow: hidden; margin: 8px 0 10px; color: #75665a; font: 400 .82rem/1.37 "Manrope", sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.results-live__pagination { grid-template-columns: 1fr auto 1fr; }.results-live__pagination:has(> :nth-child(2):last-child) { grid-template-columns: auto auto; justify-content: center; }.results-live__pagination > span { border: 0; color: #6d5d50; background: transparent; white-space: nowrap; }.results-live__share .share-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* Newsletter: native public signup keeps the rich landing page from the live site. */
.newsletter-live { --nl-ink: #152b3e; --nl-paper: #fffaf1; --nl-gold: #f0b315; --nl-orange: #e86d2f; --nl-navy: #163957; --nl-line: rgba(85,59,30,.15); display: grid; gap: 28px; width: min(1450px, calc(100% - 48px)); margin: 24px auto 52px; color: #2b211b; }
.newsletter-live .nl-hero { position: relative; overflow: hidden; border: 1px solid #e9c96c; border-radius: 34px; background: radial-gradient(circle at 82% 9%, rgba(255,203,57,.32), transparent 24%), linear-gradient(110deg,#fffdf8 0%,#fff5d8 55%,#f6dc87 100%); box-shadow: 0 22px 44px rgba(83,56,20,.1); }
.newsletter-live .nl-hero::after { position: absolute; right: -130px; bottom: -152px; width: 430px; height: 430px; border: 1px solid rgba(141,93,9,.17); border-radius: 50%; content: ""; }
.newsletter-live .nl-hero-points li::before { content: "\2713"; }
.newsletter-live .nl-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(400px,.92fr); gap: clamp(35px,5vw,92px); align-items: stretch; min-height: 640px; padding: clamp(38px,5vw,72px); }
.newsletter-live .nl-hero-copy { display: grid; align-content: start; min-width: 0; }.newsletter-live .nl-eyebrow, .newsletter-live .nl-kicker { display: inline-flex; width: fit-content; margin: 0; color: #a65524; font: 900 .72rem/1 "Manrope",sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.newsletter-live .nl-eyebrow { padding: 12px 17px; border: 1px solid rgba(83,53,23,.13); border-radius: 999px; background: rgba(255,255,255,.7); box-shadow: 0 7px 17px rgba(92,58,25,.05); }
.newsletter-live .nl-hero h1 { max-width: 780px; margin: 25px 0 19px; color: var(--nl-ink); font: 400 clamp(4rem,6.4vw,7.7rem)/.83 "Bebas Neue","Arial Narrow",sans-serif; letter-spacing: .022em; text-transform: uppercase; }
.newsletter-live .nl-hero-lede { max-width: 720px; margin: 0; color: #53677a; font-size: clamp(1.02rem,1.35vw,1.24rem); line-height: 1.58; }.newsletter-live .nl-hero-lede strong { color: #263d50; }
.newsletter-live .nl-signup-top p { max-width: 560px; margin: 0; color: #617080; font-size: .88rem; line-height: 1.45; }.newsletter-live .nl-gift-badge { display: grid; gap: 5px; max-width: 145px; text-align: center; }.newsletter-live .nl-gift-badge span { color: inherit; font: 700 .58rem/1.28 "Manrope",sans-serif; letter-spacing: .015em; text-transform: none; }.newsletter-live .nl-micro-proof { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }.newsletter-live .nl-micro-proof span { padding: 7px 9px; border: 1px solid rgba(147,93,24,.18); border-radius: 999px; background: rgba(255,255,255,.67); color: #70512d; font: 800 .58rem/1 "Manrope",sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.newsletter-live .nl-hero-points { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 20px 0 27px; padding: 0; list-style: none; color: #3b566c; font: 800 .77rem/1.2 "Manrope",sans-serif; }.newsletter-live .nl-hero-points li::before { margin-right: 6px; color: #31a95f; content: "✓"; }
.newsletter-live .nl-signup-card { max-width: 785px; padding: 21px; border: 1px solid rgba(90,50,24,.16); border-radius: 23px; background: rgba(255,253,247,.86); box-shadow: 0 18px 35px rgba(76,48,20,.1); }.newsletter-live .nl-signup-top { display: flex; align-items: start; justify-content: space-between; gap: 16px; }.newsletter-live .nl-signup-top > div { display: grid; gap: 7px; }.newsletter-live .nl-signup-top span { color: #a65321; font: 900 .66rem/1 "Manrope",sans-serif; letter-spacing: .1em; text-transform: uppercase; }.newsletter-live .nl-signup-top h2 { max-width: 570px; margin: 0; color: #1d354b; font: 800 clamp(1.15rem,1.7vw,1.5rem)/1.17 "Manrope",sans-serif; }.newsletter-live .nl-gift-badge { flex: none; padding: 9px 11px; border-radius: 999px; background: #ec7d32; color: #fff9ef; font: 900 .62rem/1 "Manrope",sans-serif; letter-spacing: .065em; text-transform: uppercase; }
.newsletter-live .nl-form { display: grid; gap: 11px; margin-top: 18px; }.newsletter-live .nl-form-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 10px; }.newsletter-live .nl-form label { min-width: 0; }.newsletter-live .nl-form input:not([type="checkbox"]) { width: 100%; min-height: 51px; padding: 0 15px; border: 1px solid #d8d0c7; border-radius: 12px; outline: none; background: #fff; color: #253545; font: 600 .92rem/1 "Manrope",sans-serif; transition: border-color .18s ease, box-shadow .18s ease; }.newsletter-live .nl-form input:not([type="checkbox"]):focus { border-color: #e67c30; box-shadow: 0 0 0 3px rgba(232,109,47,.14); }.newsletter-live .nl-form .nl-consent { display: flex; align-items: start; gap: 8px; color: #617080; font-size: .75rem; line-height: 1.38; }.newsletter-live .nl-form .nl-consent input { margin: 2px 0 0; accent-color: #e77930; }.newsletter-live .nl-submit, .newsletter-live .nl-cta-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; border: 0; border-radius: 999px; background: linear-gradient(110deg,#f5bc17,#ec782f); color: #142a3d; cursor: pointer; font: 900 .75rem/1 "Manrope",sans-serif; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, box-shadow .18s ease; }.newsletter-live .nl-submit:hover, .newsletter-live .nl-cta-button:hover { box-shadow: 0 10px 18px rgba(194,113,18,.22); transform: translateY(-2px); }.newsletter-live .nl-form-legal { margin: 0; color: #7b8790; font-size: .71rem; line-height: 1.4; }
.newsletter-live .nl-hero-visual { display: grid; min-height: 500px; place-items: center; padding: 40px; overflow: hidden; border-radius: 31px; background: radial-gradient(circle at 82% 94%,rgba(56,124,166,.55),transparent 31%), linear-gradient(145deg,#183d5e,#112c45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 23px 40px rgba(16,44,68,.22); }.newsletter-live .nl-giftbox { position: relative; display: grid; width: min(100%,390px); min-height: 385px; padding: 32px; border-radius: 21px; background: linear-gradient(145deg,#fffaf0,#f2e4c7); box-shadow: 0 24px 0 -10px rgba(250,239,217,.21),0 25px 42px rgba(3,20,35,.34); transform: rotate(-2deg); }.newsletter-live .nl-giftbox::before { position: absolute; inset: 12px; border: 1px solid rgba(201,104,31,.31); border-radius: 15px; content: ""; }.newsletter-live .nl-giftbox-ribbon { position: absolute; top: -13px; right: -24px; z-index: 2; padding: 12px 22px; border-radius: 999px; background: #e86e30; color: #fff9ef; box-shadow: 0 8px 16px rgba(82,39,17,.25); font: 900 .86rem/1 "Manrope",sans-serif; letter-spacing: .07em; text-transform: uppercase; transform: rotate(7deg); }.newsletter-live .nl-giftbox-cover { position: relative; z-index: 1; display: grid; align-content: center; justify-items: center; min-height: 260px; border-radius: 14px; background: linear-gradient(145deg,#f2c343,#e47b2c); color: #fffaf0; text-align: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.32); }.newsletter-live .nl-giftbox-kicker, .newsletter-live .nl-giftbox-by { font: 900 .66rem/1 "Manrope",sans-serif; letter-spacing: .13em; text-transform: uppercase; }.newsletter-live .nl-giftbox-num { margin: 9px 0 -2px; color: #183852; font: 400 clamp(7.2rem,12vw,9.5rem)/.75 "Bebas Neue","Arial Narrow",sans-serif; }.newsletter-live .nl-giftbox-title { max-width: 195px; color: #213b4e; font: 900 1rem/1.08 "Manrope",sans-serif; text-transform: uppercase; }.newsletter-live .nl-giftbox-by { margin-top: 13px; color: #fdf6e7; }.newsletter-live .nl-giftbox-notes { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 17px; color: #724720; font: 800 .56rem/1.25 "Manrope",sans-serif; text-align: center; text-transform: uppercase; }
.newsletter-live .nl-section, .newsletter-live .nl-sample, .newsletter-live .nl-faq { padding: clamp(25px,3vw,42px); border: 1px solid #e7dbca; border-radius: 28px; background: rgba(255,254,250,.84); box-shadow: 0 16px 32px rgba(80,54,24,.055); }.newsletter-live .nl-section-heading { display: grid; gap: 10px; max-width: 825px; margin-bottom: 25px; }.newsletter-live h2 { margin: 0; color: #2b211b; font: 600 clamp(2.25rem,4vw,4rem)/.94 "Cormorant Garamond",Georgia,serif; letter-spacing: -.04em; }.newsletter-live .nl-section-heading p { max-width: 700px; margin: 0; color: #6f6054; font-size: 1rem; line-height: 1.55; }.newsletter-live .nl-grid-3, .newsletter-live .nl-faq-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.newsletter-live .nl-feature-card, .newsletter-live .nl-faq-grid article { min-height: 200px; padding: 23px; border: 1px solid #eadbc5; border-radius: 20px; background: linear-gradient(145deg,#fffdfa,#f8efdb); }.newsletter-live .nl-feature-card:nth-child(2) { background: linear-gradient(145deg,#eaf1e7,#fffef8); }.newsletter-live .nl-feature-card:nth-child(3) { background: linear-gradient(145deg,#fff4d0,#f3d174); }.newsletter-live .nl-feature-number { display: block; margin-bottom: 21px; color: #a86d0a; font: 400 2.1rem/.75 "Bebas Neue","Arial Narrow",sans-serif; }.newsletter-live .nl-feature-card h3, .newsletter-live .nl-faq-grid h3 { margin: 0 0 9px; color: #2e231b; font: 800 1.05rem/1.18 "Manrope",sans-serif; }.newsletter-live .nl-feature-card p, .newsletter-live .nl-faq-grid p { margin: 0; color: #6c5d50; font-size: .9rem; line-height: 1.5; }
.newsletter-live .nl-sample { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.8fr); gap: clamp(26px,5vw,80px); align-items: center; background: linear-gradient(115deg,#fffdf9,#fae9b9); }.newsletter-live .nl-sample-copy { display: grid; gap: 15px; }.newsletter-live .nl-sample-copy p { max-width: 640px; margin: 0; color: #66584e; font-size: 1rem; line-height: 1.55; }.newsletter-live .nl-outline-link { display: inline-flex; width: fit-content; align-items: center; min-height: 43px; padding: 0 17px; border: 1px solid #c99020; border-radius: 999px; color: #56351e; font: 900 .71rem/1 "Manrope",sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.newsletter-live .nl-sample-card { overflow: hidden; border: 1px solid rgba(32,59,83,.18); border-radius: 19px; background: #fffefa; box-shadow: 0 17px 27px rgba(67,46,25,.11); }.newsletter-live .nl-sample-head { padding: 20px 22px; background: #f2bd12; color: #153551; font: 600 1.55rem/1 "Cormorant Garamond",Georgia,serif; }.newsletter-live .nl-sample-body { display: grid; gap: 12px; padding: 25px 23px; }.newsletter-live .nl-sample-body > span { color: #c06328; font: 900 .66rem/1 "Manrope",sans-serif; letter-spacing: .1em; text-transform: uppercase; }.newsletter-live .nl-sample-body strong { color: #273c4d; font: 800 1.08rem/1.25 "Manrope",sans-serif; }.newsletter-live .nl-sample-body p { margin: 0; color: #65717a; line-height: 1.5; }.newsletter-live .nl-sample-lines { display: grid; gap: 8px; }.newsletter-live .nl-sample-lines i { height: 6px; border-radius: 99px; background: #eee8dc; }.newsletter-live .nl-sample-lines i:nth-child(2) { width: 78%; }.newsletter-live .nl-sample-lines i:nth-child(3) { width: 53%; }
.newsletter-live .nl-promise-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 27px; border: 1px solid #ead29a; border-radius: 20px; background: linear-gradient(100deg,#2b1e17,#5b3922); color: #fff7ea; }.newsletter-live .nl-promise-row p { margin: 0; font-size: .96rem; }.newsletter-live .nl-promise-row a { display: inline-flex; flex: none; align-items: center; min-height: 41px; padding: 0 16px; border-radius: 999px; background: #f2bb16; color: #34251b; font: 900 .7rem/1 "Manrope",sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.newsletter-live .nl-promise-row a span { margin-left: 6px; font-size: 1rem; }.newsletter-live .nl-faq-grid article { min-height: 170px; background: #fff; }.newsletter-live .nl-cta-panel { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: clamp(28px,4vw,48px); overflow: hidden; border: 1px solid #e7c65d; border-radius: 29px; background: radial-gradient(circle at 94% 18%,rgba(255,249,225,.48),transparent 16%),linear-gradient(110deg,#fffef9,#f3cf63); }.newsletter-live .nl-cta-panel > div { display: grid; gap: 10px; }.newsletter-live .nl-cta-panel h2 { max-width: 740px; }.newsletter-live .nl-cta-button { flex: none; padding: 0 24px; background: #2e211a; color: #fff9ee; }
@media (max-width: 1040px) { .newsletter-live .nl-hero-grid { grid-template-columns: minmax(0,1fr) minmax(330px,.75fr); gap: 30px; padding: 40px; }.newsletter-live .nl-hero h1 { font-size: clamp(3.8rem,7.2vw,6.2rem); }.newsletter-live .nl-hero-visual { padding: 25px; }.newsletter-live .nl-giftbox { min-height: 340px; padding: 23px; }.newsletter-live .nl-sample { grid-template-columns: minmax(0,1fr) minmax(300px,.8fr); }.newsletter-live .nl-giftbox-num { font-size: 7.2rem; } }
@media (max-width: 760px) { .newsletter-live { width: min(100% - 20px,1450px); gap: 16px; margin: 12px auto 30px; }.newsletter-live .nl-hero { border-radius: 23px; }.newsletter-live .nl-hero-grid { grid-template-columns: 1fr; min-height: 0; padding: 29px 21px 21px; }.newsletter-live .nl-hero h1 { font-size: clamp(3.45rem,15vw,5.1rem); }.newsletter-live .nl-hero-lede { font-size: .98rem; }.newsletter-live .nl-signup-card { padding: 16px; }.newsletter-live .nl-hero-visual { min-height: 345px; padding: 26px; border-radius: 22px; }.newsletter-live .nl-giftbox { width: min(100%,330px); min-height: 285px; }.newsletter-live .nl-giftbox-cover { min-height: 190px; }.newsletter-live .nl-giftbox-num { font-size: 6.3rem; }.newsletter-live .nl-grid-3, .newsletter-live .nl-faq-grid, .newsletter-live .nl-sample { grid-template-columns: 1fr; }.newsletter-live .nl-section, .newsletter-live .nl-sample, .newsletter-live .nl-faq { padding: 25px 19px; border-radius: 23px; }.newsletter-live .nl-feature-card, .newsletter-live .nl-faq-grid article { min-height: 0; }.newsletter-live .nl-sample-card { max-width: 490px; width: 100%; }.newsletter-live .nl-promise-row, .newsletter-live .nl-cta-panel { display: grid; padding: 23px 20px; border-radius: 22px; }.newsletter-live .nl-promise-row a, .newsletter-live .nl-cta-button { width: fit-content; }.newsletter-live h2 { font-size: clamp(2.25rem,11vw,3.25rem); } }
@media (max-width: 470px) { .newsletter-live .nl-hero-grid { padding: 24px 16px 16px; }.newsletter-live .nl-eyebrow { padding: 10px 12px; font-size: .59rem; }.newsletter-live .nl-hero h1 { margin: 20px 0 15px; font-size: clamp(3rem,17vw,4.25rem); }.newsletter-live .nl-form-grid { grid-template-columns: 1fr; }.newsletter-live .nl-signup-top { display: grid; }.newsletter-live .nl-gift-badge { width: fit-content; }.newsletter-live .nl-hero-visual { min-height: 300px; padding: 19px; }.newsletter-live .nl-giftbox { min-height: 258px; }.newsletter-live .nl-giftbox-cover { min-height: 174px; }.newsletter-live .nl-giftbox-ribbon { right: -9px; }.newsletter-live .nl-giftbox-notes { font-size: .48rem; }.newsletter-live .nl-promise-row a { width: 100%; justify-content: center; }.newsletter-live .nl-cta-button { width: 100%; } }

/* Final newsletter layout correction: prevent the blue visual from stretching with the copy. */
@media (min-width: 1121px) {
  body[data-page="newsletter"] .nl-hero-grid { align-items: start; }
  body[data-page="newsletter"] .nl-hero-visual {
    align-self: start;
    height: 640px;
    min-height: 640px;
  }
}
@media (max-width: 1120px) {
  body[data-page="newsletter"] .nl-hero-visual { height: auto; }
}

/* Newsletter: preserve the complete live composition while the subscription endpoint stays native. */
.newsletter-live .nl-floating-card { position: absolute; right: 18px; bottom: 22px; z-index: 3; width: min(285px, 82%); padding: 15px 17px; border: 1px solid rgba(255,255,255,.38); border-radius: 18px; background: rgba(19,48,72,.88); box-shadow: 0 14px 26px rgba(7,25,40,.26); color: #fff9ee; }
.newsletter-live .nl-floating-card strong { display: block; font: 800 .88rem/1.15 "Manrope",sans-serif; }.newsletter-live .nl-floating-card p { margin: 6px 0 0; color: #dce9f2; font-size: .76rem; line-height: 1.4; }
.newsletter-live .nl-section-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.75fr); gap: 30px; align-items: end; margin-bottom: 25px; }.newsletter-live .nl-section-head .nl-kicker { margin: 0 0 9px; color: #a45e1d; font: 900 .67rem/1 "Manrope",sans-serif; letter-spacing: .12em; text-transform: uppercase; }.newsletter-live .nl-section-title { max-width: 720px; }.newsletter-live .nl-section-copy { max-width: 470px; margin: 0; color: #756255; font-size: .98rem; line-height: 1.52; }
.newsletter-live .nl-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.newsletter-live .nl-stat { display: grid; gap: 7px; min-height: 130px; padding: 19px; border: 1px solid #ebdcc1; border-radius: 18px; background: linear-gradient(145deg,#fffdf7,#f9e9bc); }.newsletter-live .nl-stat strong { color: #ad7108; font: 400 2.2rem/.85 "Bebas Neue","Arial Narrow",sans-serif; }.newsletter-live .nl-stat span { color: #5f5147; font-size: .79rem; line-height: 1.42; }
.newsletter-live .nl-feature-icon { display: grid; width: 40px; height: 40px; place-items: center; margin-bottom: 20px; border-radius: 12px; background: #2d211a; color: #f6be17; font: 400 1.35rem/1 "Bebas Neue","Arial Narrow",sans-serif; }.newsletter-live .nl-feature-card:nth-child(2) .nl-feature-icon { background: #4e774f; }.newsletter-live .nl-feature-card:nth-child(3) .nl-feature-icon { background: #b85a26; }
.newsletter-live .nl-sample-wrap { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: start; gap: 24px; }.newsletter-live .nl-sample-label { display: block; margin-bottom: 11px; color: #a66418; font: 900 .67rem/1 "Manrope",sans-serif; letter-spacing: .12em; text-transform: uppercase; }.newsletter-live .nl-sample-title { margin-bottom: 22px; }.newsletter-live .nl-mail-block { overflow: hidden; border: 1px solid #e7d8c1; border-radius: 20px; background: #fffefa; box-shadow: 0 15px 28px rgba(80,57,27,.09); }.newsletter-live .nl-mail-top { display: grid; gap: 5px; padding: 17px 20px; background: #f3bd16; color: #2a3e50; }.newsletter-live .nl-mail-top span:first-child { font: 900 .63rem/1 "Manrope",sans-serif; letter-spacing: .1em; text-transform: uppercase; }.newsletter-live .nl-mail-top span:last-child { font: 800 1rem/1.22 "Manrope",sans-serif; }.newsletter-live .nl-mail-body { display: grid; gap: 0; padding: 8px 19px; }.newsletter-live .nl-mail-line { padding: 14px 0; border-bottom: 1px solid #eadfcb; }.newsletter-live .nl-mail-line:last-child { border-bottom: 0; }.newsletter-live .nl-mail-line strong { color: #273d4e; font: 800 .94rem/1.2 "Manrope",sans-serif; }.newsletter-live .nl-mail-line p { margin: 6px 0 0; color: #6b625b; font-size: .84rem; line-height: 1.45; }
.newsletter-live .nl-promise-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; overflow: hidden; }.newsletter-live .nl-promise-card { min-height: 145px; padding: 23px; border-right: 1px solid rgba(255,248,235,.18); }.newsletter-live .nl-promise-card:last-child { border-right: 0; }.newsletter-live .nl-promise-card strong { display: block; margin-bottom: 8px; color: #f5be1a; font: 800 1rem/1.15 "Manrope",sans-serif; }.newsletter-live .nl-promise-card p { color: #e7d8c7; font-size: .85rem; line-height: 1.46; }
.newsletter-live .nl-faq-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.newsletter-live .nl-faq-card { min-height: 188px; }.newsletter-live .nl-cta-panel p { max-width: 700px; margin: 0; color: #64564b; line-height: 1.5; }
.newsletter-live .nl-faq { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.newsletter-live .nl-faq-card { padding: 23px; border: 1px solid #eadbc5; border-radius: 20px; background: #fff; }.newsletter-live .nl-faq-card h3 { margin: 0 0 9px; color: #2e231b; font: 800 1.05rem/1.18 "Manrope",sans-serif; }.newsletter-live .nl-faq-card p { margin: 0; color: #6c5d50; font-size: .9rem; line-height: 1.5; }
@media (max-width: 1020px) { .newsletter-live .nl-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }.newsletter-live .nl-faq-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.newsletter-live .nl-sample-wrap { grid-template-columns: 1fr; }.newsletter-live .nl-promise-row { grid-template-columns: 1fr; }.newsletter-live .nl-promise-card { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,248,235,.18); }.newsletter-live .nl-promise-card:last-child { border-bottom: 0; } }
@media (max-width: 1020px) { .newsletter-live .nl-faq { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .newsletter-live .nl-section-head { grid-template-columns: 1fr; gap: 13px; }.newsletter-live .nl-stats, .newsletter-live .nl-faq-grid { grid-template-columns: 1fr; }.newsletter-live .nl-floating-card { right: 12px; bottom: 13px; }.newsletter-live .nl-stat { min-height: 0; } }
@media (max-width: 700px) { .newsletter-live .nl-faq { grid-template-columns: 1fr; } }

/* Newsletter page parity: isolated overrides for the native page, matching the live hierarchy. */
body[data-page="newsletter"] .newsletter-page-main{display:grid;gap:26px;width:min(calc(100% - 40px),1380px);margin:0 auto}
body[data-page="newsletter"] .newsletter-page-main>.content{display:contents}
body[data-page="newsletter"] .newsletter-live{--nl-bg-soft:#fff9f1;--nl-ink:#18334b;--nl-muted:#5d7181;--nl-brand:#d85b27;--nl-brand-deep:#b24e1f;--nl-shadow:0 24px 60px rgba(32,32,32,.14);display:grid;gap:34px}
body[data-page="newsletter"] .nl-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:stretch}body[data-page="newsletter"] .nl-hero-copy{padding-top:8px}
body[data-page="newsletter"] .nl-eyebrow,body[data-page="newsletter"] .nl-kicker-pill,body[data-page="newsletter"] .nl-sample-label{display:inline-flex;align-items:center;padding:.72rem 1.06rem;border:1px solid rgba(24,51,75,.08);border-radius:999px;background:rgba(255,255,255,.78);color:var(--nl-brand-deep);font:800 .94rem/1 "Bebas Neue","Oswald",sans-serif;letter-spacing:.14em;text-transform:uppercase}
body[data-page="newsletter"] .nl-hero-copy h1{margin:20px 0 16px;max-width:18ch;color:#132532;font:400 clamp(3rem,6vw,5.8rem)/.94 "Bebas Neue","Oswald",sans-serif;letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}body[data-page="newsletter"] .nl-hero-lede{max-width:42rem;margin:0 0 22px;color:var(--nl-muted);font-size:1.12rem;line-height:1.72}
body[data-page="newsletter"] .nl-hero-points,body[data-page="newsletter"] .nl-micro-proof{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}body[data-page="newsletter"] .nl-hero-points{margin-bottom:24px}body[data-page="newsletter"] .nl-hero-points li,body[data-page="newsletter"] .nl-micro-proof span{padding:.78rem 1rem;border:1px solid rgba(24,51,75,.07);border-radius:999px;background:rgba(255,255,255,.84);color:var(--nl-ink);font-weight:800}
body[data-page="newsletter"] .nl-signup-card,body[data-page="newsletter"] .nl-sample-card,body[data-page="newsletter"] .nl-cta-panel,body[data-page="newsletter"] .nl-feature-card,body[data-page="newsletter"] .nl-promise-card,body[data-page="newsletter"] .nl-faq-card,body[data-page="newsletter"] .nl-stat{border:1px solid rgba(24,51,75,.08);box-shadow:var(--nl-shadow)}body[data-page="newsletter"] .nl-signup-card{padding:28px;border-radius:34px;background:linear-gradient(180deg,rgba(255,251,245,.98),rgba(255,244,233,.96))}body[data-page="newsletter"] .nl-signup-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}body[data-page="newsletter"] .nl-signup-top h2{margin:14px 0 8px;color:#16314a;font-size:clamp(2rem,3vw,3rem);line-height:.98}
body[data-page="newsletter"] .nl-signup-top p,body[data-page="newsletter"] .nl-gift-badge span,body[data-page="newsletter"] .nl-floating-card p,body[data-page="newsletter"] .nl-feature-card p,body[data-page="newsletter"] .nl-promise-card p,body[data-page="newsletter"] .nl-faq-card p,body[data-page="newsletter"] .nl-mail-line p,body[data-page="newsletter"] .nl-section-copy,body[data-page="newsletter"] .nl-cta-panel p,body[data-page="newsletter"] .nl-form-legal{margin:0;color:var(--nl-muted);line-height:1.68}body[data-page="newsletter"] .nl-gift-badge{min-width:180px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#18334b,#254d70);color:#fff;box-shadow:0 14px 28px rgba(24,51,75,.2)}body[data-page="newsletter"] .nl-gift-badge strong{display:block;margin-bottom:6px;font-size:1rem}
body[data-page="newsletter"] .nl-form{display:grid;gap:14px}body[data-page="newsletter"] .nl-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body[data-page="newsletter"] .nl-form input{width:100%;min-height:58px;padding:0 18px;border:1px solid rgba(24,51,75,.12);border-radius:18px;background:rgba(255,255,255,.9);color:#142532;font:inherit}body[data-page="newsletter"] .nl-form input:focus{border-color:rgba(216,91,39,.6);box-shadow:0 0 0 4px rgba(216,91,39,.12);outline:0}body[data-page="newsletter"] .nl-submit{justify-self:start}body[data-page="newsletter"] .newsletter-feedback{min-height:0;margin:0;color:var(--nl-brand-deep);font-weight:700}
body[data-page="newsletter"] .nl-hero-visual{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:640px;padding:34px;border-radius:36px;background:linear-gradient(150deg,#14304a 0%,#1f4363 56%,#d85b27 165%);box-shadow:0 24px 60px rgba(20,38,53,.22);overflow:hidden}body[data-page="newsletter"] .nl-giftbox{position:relative;width:min(100%,320px)}body[data-page="newsletter"] .nl-giftbox-ribbon{position:absolute;top:-10px;right:-8px;z-index:2;padding:.52rem .94rem;border-radius:999px;background:linear-gradient(135deg,var(--nl-brand),#f3912f);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transform:rotate(4deg);box-shadow:0 10px 22px rgba(216,91,39,.4)}body[data-page="newsletter"] .nl-giftbox-cover{display:grid;gap:4px;padding:32px 28px;border:1px solid rgba(0,0,0,.06);border-left:8px solid var(--nl-brand);border-radius:22px;background:linear-gradient(180deg,#fbf6ea,#f2e6cf);box-shadow:0 26px 50px rgba(0,0,0,.35)}body[data-page="newsletter"] .nl-giftbox-kicker,body[data-page="newsletter"] .nl-giftbox-by{font-weight:800;text-transform:uppercase;letter-spacing:.16em}body[data-page="newsletter"] .nl-giftbox-kicker{color:var(--nl-brand-deep);font-size:.76rem}body[data-page="newsletter"] .nl-giftbox-num{color:var(--nl-brand);font:400 5rem/.8 "Bebas Neue","Oswald",sans-serif}body[data-page="newsletter"] .nl-giftbox-title{color:#14304a;font:400 2.2rem/.95 "Bebas Neue","Oswald",sans-serif;text-transform:uppercase}body[data-page="newsletter"] .nl-giftbox-by{margin-top:8px;color:var(--nl-muted);font-size:.82rem}body[data-page="newsletter"] .nl-floating-card{width:min(100%,272px);padding:18px 20px;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:rgba(255,249,241,.92);backdrop-filter:blur(10px)}body[data-page="newsletter"] .nl-floating-card strong{display:block;margin-bottom:6px;color:#17344d;font-size:1.08rem}
body[data-page="newsletter"] .nl-section{display:grid;gap:22px}body[data-page="newsletter"] .nl-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}body[data-page="newsletter"] .nl-kicker{margin:0 0 6px;color:var(--nl-brand);font:800 .96rem/1 "Bebas Neue","Oswald",sans-serif;letter-spacing:.14em;text-transform:uppercase}body[data-page="newsletter"] .nl-section-title,body[data-page="newsletter"] .nl-sample-title,body[data-page="newsletter"] .nl-cta-panel h2{margin:0;color:var(--nl-ink);font:400 clamp(2.2rem,4vw,3.8rem)/.95 "Bebas Neue","Oswald",sans-serif;letter-spacing:.03em;text-transform:uppercase}body[data-page="newsletter"] .nl-section-copy{max-width:34rem}
body[data-page="newsletter"] .nl-stats,body[data-page="newsletter"] .nl-grid-3,body[data-page="newsletter"] .nl-promise-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body[data-page="newsletter"] .nl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page="newsletter"] .nl-stat,body[data-page="newsletter"] .nl-feature-card,body[data-page="newsletter"] .nl-promise-card,body[data-page="newsletter"] .nl-faq-card{padding:24px;border-radius:26px;background:rgba(255,255,255,.78)}body[data-page="newsletter"] .nl-stat strong{display:block;margin-bottom:6px;color:var(--nl-brand-deep);font:400 2.4rem/.92 "Bebas Neue","Oswald",sans-serif;letter-spacing:.04em;text-transform:uppercase}body[data-page="newsletter"] .nl-stat span{color:var(--nl-muted);line-height:1.56;font-weight:700}body[data-page="newsletter"] .nl-feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:16px;background:linear-gradient(135deg,rgba(216,91,39,.18),rgba(237,201,119,.55));color:var(--nl-brand-deep);font:800 1rem/1 "Bebas Neue","Oswald",sans-serif;letter-spacing:.08em}body[data-page="newsletter"] .nl-feature-card h3,body[data-page="newsletter"] .nl-faq-card h3{margin:0 0 10px;color:#153854;font-size:1.18rem;line-height:1.24}
body[data-page="newsletter"] .nl-sample-wrap{max-width:760px;margin:0 auto}body[data-page="newsletter"] .nl-sample-card{padding:28px;border-radius:34px;background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,245,233,.98))}body[data-page="newsletter"] .nl-sample-title{margin:16px 0 18px;color:#132532}body[data-page="newsletter"] .nl-mail-block{overflow:hidden;border:1px solid rgba(24,51,75,.08);border-radius:24px;background:#fffefc}body[data-page="newsletter"] .nl-mail-top{display:flex;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(24,51,75,.08);background:linear-gradient(90deg,rgba(216,91,39,.12),rgba(237,201,119,.22));color:#16314a;font-weight:800}body[data-page="newsletter"] .nl-mail-body{display:grid;gap:14px;padding:18px}body[data-page="newsletter"] .nl-mail-line{padding:18px;border:1px solid rgba(24,51,75,.06);border-radius:18px;background:var(--nl-bg-soft)}body[data-page="newsletter"] .nl-mail-line strong{display:block;margin-bottom:6px;color:var(--nl-ink)}body[data-page="newsletter"] .nl-promise-card strong{display:block;margin-bottom:8px;color:var(--nl-brand-deep);font:400 1.6rem/1 "Bebas Neue","Oswald",sans-serif;letter-spacing:.04em;text-transform:uppercase}body[data-page="newsletter"] .nl-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body[data-page="newsletter"] .nl-cta-panel{padding:30px 32px;border-radius:36px;background:linear-gradient(120deg,rgba(16,37,53,.98),rgba(28,62,87,.96))}body[data-page="newsletter"] .nl-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}body[data-page="newsletter"] .nl-cta-panel h2{margin-bottom:8px;color:#fff8ee}body[data-page="newsletter"] .nl-cta-panel p{max-width:42rem;color:rgba(255,255,255,.82)}
@media (max-width:1120px){body[data-page="newsletter"] .nl-hero-grid,body[data-page="newsletter"] .nl-cta-grid{grid-template-columns:1fr}body[data-page="newsletter"] .nl-hero-visual{min-height:520px}body[data-page="newsletter"] .nl-section-head{display:grid;grid-template-columns:1fr;align-items:start}}@media (max-width:980px){body[data-page="newsletter"] .nl-stats,body[data-page="newsletter"] .nl-grid-3,body[data-page="newsletter"] .nl-promise-row,body[data-page="newsletter"] .nl-faq{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){body[data-page="newsletter"] .nl-hero-copy h1{max-width:none;font-size:clamp(2.6rem,13vw,4.2rem)}body[data-page="newsletter"] .nl-signup-card,body[data-page="newsletter"] .nl-sample-card,body[data-page="newsletter"] .nl-cta-panel,body[data-page="newsletter"] .nl-feature-card,body[data-page="newsletter"] .nl-promise-card,body[data-page="newsletter"] .nl-faq-card,body[data-page="newsletter"] .nl-stat{padding:20px;border-radius:24px}body[data-page="newsletter"] .nl-form-grid,body[data-page="newsletter"] .nl-stats,body[data-page="newsletter"] .nl-grid-3,body[data-page="newsletter"] .nl-promise-row,body[data-page="newsletter"] .nl-faq{grid-template-columns:1fr}body[data-page="newsletter"] .nl-signup-top,body[data-page="newsletter"] .nl-mail-top,body[data-page="newsletter"] .nl-section-head{display:grid;gap:14px}body[data-page="newsletter"] .nl-submit{width:100%;justify-self:stretch}body[data-page="newsletter"] .nl-hero-visual{min-height:440px;padding:24px}}

/* Keep the current newsletter page isolated from the former yellow fallback layout. */

/* Bonus area: a useful resource room instead of an imported raw HTML document. */
.bonus-page { display: grid; gap: 18px; max-width: 1240px; margin: 0 auto; color: #2b211b; }
.bonus-page section { border: 1px solid rgba(89, 60, 31, .15); border-radius: 26px; box-shadow: 0 14px 30px rgba(57, 39, 21, .06); }
.bonus-page__crumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 4px 4px 1px; color: #8a6a4d; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bonus-page__crumb a { color: inherit; text-decoration: none; }
.bonus-page__crumb a:hover { color: #a36b07; text-decoration: underline; }
.bonus-page__hero { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 30px; overflow: hidden; padding: clamp(30px, 5vw, 62px); border-color: #e0ad1c !important; border-bottom-width: 3px !important; background: radial-gradient(circle at 88% 14%, rgba(255,255,255,.55) 0 8%, transparent 8.3%), linear-gradient(120deg, #fffdf7, #ffe5a0); }
.bonus-page__eyebrow { margin: 0 0 11px; color: #a66b06; font-size: .68rem; font-weight: 900; letter-spacing: .18em; line-height: 1.25; text-transform: uppercase; }
.bonus-page h1, .bonus-page h2, .bonus-page h3, .bonus-page p { margin-top: 0; }
.bonus-page__hero h1 { max-width: 800px; margin-bottom: 16px; color: #261b15; font: 600 clamp(3.5rem, 7vw, 6.7rem)/.84 "Cormorant Garamond", Georgia, serif; letter-spacing: -.055em; }
.bonus-page__hero > div > p:not(.bonus-page__eyebrow) { max-width: 720px; margin-bottom: 24px; color: #6e5c4d; font-size: 1.03rem; line-height: 1.6; }
.bonus-page__hero-actions, .bonus-page__book-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.bonus-page__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 0 19px; border: 1px solid rgba(73, 45, 21, .2); border-radius: 999px; background: rgba(255,255,255,.72); color: #2b211b; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.bonus-page__button:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(61, 41, 22, .14); }
.bonus-page__button--gold { border-color: #dca700; background: #efb617; }
.bonus-page__button--dark { border-color: #241a15; background: #241a15; color: #fff8e9; }
.bonus-page__hero aside { position: relative; display: grid; min-height: 235px; align-content: center; justify-items: center; overflow: hidden; padding: 22px; border-radius: 22px; background: linear-gradient(145deg, #211713, #63351d); color: #fff9eb; text-align: center; }
.bonus-page__hero aside strong { position: relative; z-index: 1; color: #f5c63b; font: 400 7rem/.78 "Bebas Neue", Impact, sans-serif; }
.bonus-page__hero aside small { position: relative; z-index: 1; max-width: 150px; color: #fff2dc; font-size: .68rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.bonus-page__hero aside i { position: absolute; right: -49px; bottom: -58px; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }
.bonus-page__seal { position: absolute; top: 17px; left: 17px; padding: 6px 9px; border-radius: 999px; background: #efb617; color: #2b211b; font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.bonus-page__book { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(0, 1.3fr); gap: clamp(25px, 5vw, 60px); padding: clamp(25px, 4vw, 46px); background: #fffdf8; }
.bonus-page__book figure { display: grid; align-content: start; gap: 12px; margin: 0; }
.bonus-page__book figure img { display: block; width: min(100%, 340px); aspect-ratio: .72; margin: 0 auto; border-radius: 17px; object-fit: cover; box-shadow: 0 18px 28px rgba(48, 30, 17, .18); }
.bonus-page__book figcaption { color: #9a680c; font-size: .66rem; font-weight: 900; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.bonus-page__book h2 { margin-bottom: 12px; font: 600 clamp(2.5rem, 4.6vw, 5rem)/.88 "Cormorant Garamond", Georgia, serif; letter-spacing: -.04em; }
.bonus-page__book p:not(.bonus-page__eyebrow) { max-width: 760px; color: #66574c; line-height: 1.6; }
.bonus-page__book .bonus-page__lead { margin-bottom: 4px; color: #2d211a; font-weight: 800; }
.bonus-page__book ul { display: grid; gap: 8px; max-width: 760px; margin: 20px 0 25px; padding: 0; list-style: none; }
.bonus-page__book li { position: relative; padding-left: 25px; color: #4e3e32; line-height: 1.45; }
.bonus-page__book li::before { position: absolute; left: 0; color: #c38b0d; content: "✓"; font-weight: 900; }
.bonus-page__book-actions em { max-width: 360px; color: #8b6d51; font-size: .75rem; line-height: 1.4; }
.bonus-page__book-buttons { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 11px; }
.bonus-page__book-buttons form { margin: 0; }
.bonus-page__book-buttons button { cursor: pointer; font-family: inherit; }
.bonus-page__book-buttons button:disabled { cursor: not-allowed; opacity: .55; }
.bonus-page__downloads { padding: clamp(25px, 4vw, 46px); background: linear-gradient(125deg, #fffdf8, #fff1c5); }
.bonus-page__downloads > header, .bonus-page__explore > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); gap: 25px; align-items: end; margin-bottom: 23px; }
.bonus-page__downloads h2, .bonus-page__explore h2 { margin-bottom: 0; font: 600 clamp(2.4rem, 4.2vw, 4.5rem)/.88 "Cormorant Garamond", Georgia, serif; letter-spacing: -.04em; }
.bonus-page__downloads > header > p { margin: 0; color: #756354; line-height: 1.5; }
.bonus-page__document-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.bonus-page__document { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 16px; border: 1px solid rgba(78, 53, 29, .14); border-radius: 17px; background: rgba(255,255,255,.76); }
.bonus-page__document-index { display: grid; width: 32px; aspect-ratio: 1; place-items: center; border-radius: 10px; background: #2a1c16; color: #f3bf2c; font: 1rem/1 "Bebas Neue", Impact, sans-serif; }
.bonus-page__document h3 { margin-bottom: 5px; color: #302219; font-size: .93rem; }
.bonus-page__document p { margin-bottom: 0; color: #756456; font-size: .76rem; line-height: 1.45; }
.bonus-page__document-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.bonus-page__download { display: inline-flex; min-height: 31px; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid #e0b33a; border-radius: 999px; background: #fff6d9; color: #8d5d06; font-size: .58rem; font-weight: 900; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.bonus-page__download:hover { background: #efb617; color: #2b211b; }
.bonus-page__download b { font-size: .95rem; line-height: 1; }
.bonus-page__share, .bonus-page__newsletter { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 25px 30px; }
.bonus-page__share { border-color: #e0ae25 !important; background: #fff0bd; }
.bonus-page__share strong { display: block; max-width: 580px; color: #38291d; font-size: .93rem; line-height: 1.45; }
.bonus-page__share nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.bonus-page__share a { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; padding: 0 12px; border-radius: 999px; color: #fff; font-size: .6rem; font-weight: 900; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.bonus-page__share a img { width: 16px; height: 16px; }
.bonus-page__share--facebook { background: #1877f2; }.bonus-page__share--x { background: #171717; }.bonus-page__share--whatsapp { background: #20a65a; }.bonus-page__share--instagram { background: linear-gradient(90deg, #e54b73, #a62cb2); }.bonus-page__share--youtube { background: #ed1c24; }
.bonus-page__newsletter { border-color: #9a5b2b !important; background: linear-gradient(110deg, #211713, #744526); color: #fff5e6; }
.bonus-page__newsletter h2 { max-width: 700px; margin-bottom: 9px; color: #fff5e6; font: 600 clamp(2rem, 3.4vw, 3.5rem)/.9 "Cormorant Garamond", Georgia, serif; }
.bonus-page__newsletter p:not(.bonus-page__eyebrow) { max-width: 650px; margin-bottom: 0; color: rgba(255,245,230,.75); line-height: 1.5; }
.bonus-page__explore { padding: 28px 30px; background: #fffdf8; }
.bonus-page__explore > header { grid-template-columns: 1fr; margin-bottom: 15px; }
.bonus-page__explore > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.bonus-page__explore-link { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border: 1px solid rgba(77, 53, 28, .14); border-radius: 16px; background: #f6eee1; color: #2b211b; text-decoration: none; }
.bonus-page__explore-link:nth-child(2) { background: #eef2e9; }.bonus-page__explore-link:nth-child(3) { background: #fff1bf; }
.bonus-page__explore-link span { display: grid; gap: 5px; }.bonus-page__explore-link strong { font-size: .8rem; }.bonus-page__explore-link small { color: #756456; font-size: .7rem; line-height: 1.3; }.bonus-page__explore-link b { color: #a66b06; font-size: 1.25rem; }
@media (max-width: 900px) { .bonus-page__hero { grid-template-columns: 1fr; }.bonus-page__hero aside { min-height: 170px; }.bonus-page__document-grid { grid-template-columns: 1fr; }.bonus-page__share, .bonus-page__newsletter { align-items: flex-start; flex-direction: column; }.bonus-page__share nav { justify-content: flex-start; }.bonus-page__downloads > header { grid-template-columns: 1fr; }.bonus-page__explore > div { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .bonus-page { gap: 12px; }.bonus-page__hero, .bonus-page__book, .bonus-page__downloads, .bonus-page__share, .bonus-page__newsletter, .bonus-page__explore { padding: 22px 17px; border-radius: 21px; }.bonus-page__hero h1 { font-size: clamp(3.2rem, 16vw, 4.7rem); }.bonus-page__book { grid-template-columns: 1fr; gap: 24px; }.bonus-page__book figure img { width: min(62vw, 260px); }.bonus-page__book-actions { align-items: stretch; flex-direction: column; }.bonus-page__book-buttons { align-items: stretch; flex-direction: column; }.bonus-page__book-buttons form, .bonus-page__book-actions .bonus-page__button { width: 100%; }.bonus-page__document { grid-template-columns: 34px minmax(0, 1fr); }.bonus-page__document-actions { grid-column: 2; justify-content: flex-start; }.bonus-page__share a { min-height: 34px; padding: 0 9px; }.bonus-page__newsletter .bonus-page__button { width: 100%; } }

/* Tireur bonus: a focused workbook page, separate from the imported legacy text. */
.tir-bonus{display:grid;gap:18px;max-width:1440px;margin:0 auto;padding:0 0 70px;color:#2b211b}.tir-bonus__crumb{display:flex;align-items:center;gap:12px;margin:0 2px 3px;color:#796a5c;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.tir-bonus__crumb a{color:inherit;text-decoration:none}.tir-bonus__crumb a:hover{text-decoration:underline}.tir-bonus__crumb span{color:#b8a98f}.tir-bonus__eyebrow{margin:0;color:#aa700a;font:850 .68rem/1 "Manrope",sans-serif;letter-spacing:.17em;text-transform:uppercase}.tir-bonus__hero,.tir-bonus__method,.tir-bonus__book,.tir-bonus__contents,.tir-bonus__download,.tir-bonus__share,.tir-bonus__newsletter,.tir-bonus__explore{border:1px solid #e8c879;border-radius:28px;box-shadow:0 18px 38px rgba(71,48,26,.07)}.tir-bonus__hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:center;padding:clamp(30px,5vw,70px);overflow:hidden;background:radial-gradient(circle at 83% 24%,rgba(255,255,255,.6),transparent 23%),linear-gradient(125deg,#fffdf8,#ffeaa4)}.tir-bonus__hero h1{max-width:850px;margin:17px 0 16px;color:#241914;font:600 clamp(3.5rem,8vw,7.8rem)/.82 "Bebas Neue","Oswald",sans-serif;letter-spacing:.015em;text-transform:uppercase}.tir-bonus__intro{max-width:690px;margin:0;color:#665547;font-size:1.15rem;line-height:1.65}.tir-bonus__badges{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tir-bonus__badges span,.tir-bonus__download>div>div span{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border:1px solid rgba(111,73,13,.16);border-radius:999px;background:rgba(255,255,255,.7);color:#6e4e16;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.tir-bonus__hero nav,.tir-bonus__book-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tir-bonus__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid rgba(63,42,25,.2);border-radius:999px;background:#fffaf0;color:#2b211b;font:850 .7rem/1 "Manrope",sans-serif;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;cursor:pointer}.tir-bonus__button--gold{border-color:#e5ae11;background:#f2b817;color:#2b211b}.tir-bonus__button--dark{border-color:#241b17;background:#241b17;color:#fff7e9}.tir-bonus__button:hover,.tir-bonus__download-button:hover{transform:translateY(-2px);filter:brightness(.98)}.tir-bonus__hero aside{position:relative;display:grid;min-height:250px;place-items:center;align-content:center;overflow:hidden;border:1px solid rgba(75,47,20,.16);border-radius:24px;background:#3a241a;color:#fff5dd;box-shadow:0 20px 35px rgba(53,33,20,.2)}.tir-bonus__hero aside i{position:absolute;inset:12%;border:1px solid rgba(255,220,126,.32);border-radius:50%}.tir-bonus__hero aside i:after{position:absolute;inset:18%;border:1px solid rgba(255,220,126,.2);border-radius:50%;content:""}.tir-bonus__hero aside span{position:relative;color:#f3c33b;font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.tir-bonus__hero aside strong{position:relative;margin:7px 0;color:#ffd242;font:600 6.4rem/.8 "Bebas Neue",Impact,sans-serif}.tir-bonus__hero aside small{position:relative;max-width:130px;color:rgba(255,247,225,.76);font-size:.7rem;text-align:center;text-transform:uppercase}.tir-bonus__method{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:35px;padding:30px 34px;background:#fffdfa}.tir-bonus__method h2,.tir-bonus__contents h2,.tir-bonus__download h2,.tir-bonus__newsletter h2,.tir-bonus__explore h2{margin:10px 0 0;color:#291d17;font:600 clamp(2.4rem,4vw,4.5rem)/.88 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em}.tir-bonus__method p,.tir-bonus__book p,.tir-bonus__contents>header>p,.tir-bonus__download p,.tir-bonus__newsletter p,.tir-bonus__explore span{color:#746356;line-height:1.6}.tir-bonus__method p{margin:0}.tir-bonus__method ul{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.tir-bonus__method li{position:relative;padding-left:23px;color:#49372a;font-weight:750}.tir-bonus__method li:before{position:absolute;left:0;color:#e3a90f;content:"✓"}.tir-bonus__book{display:grid;grid-template-columns:minmax(250px,.56fr) minmax(0,1.44fr);gap:40px;align-items:center;padding:32px;background:linear-gradient(120deg,#fffdfa,#fff0ba)}.tir-bonus__book figure{margin:0}.tir-bonus__book figure img{display:block;width:min(100%,380px);max-height:500px;margin:0 auto;object-fit:contain;border-radius:15px;box-shadow:0 20px 32px rgba(55,34,18,.2)}.tir-bonus__book figcaption{margin-top:10px;color:#a66d09;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-align:center;text-transform:uppercase}.tir-bonus__book h2{max-width:720px;margin:12px 0 15px;color:#2b1d16;font:600 clamp(2.8rem,5vw,5.6rem)/.84 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em}.tir-bonus__book p{max-width:720px;margin:0 0 16px;font-size:1rem}.tir-bonus__book-actions form{margin:0}.tir-bonus__book em{display:block;max-width:650px;margin-top:14px;color:#8b6a43;font-size:.82rem}.tir-bonus__contents{padding:32px;background:#fffdfa}.tir-bonus__contents>header,.tir-bonus__download,.tir-bonus__newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:28px;align-items:end}.tir-bonus__contents>header{margin-bottom:24px}.tir-bonus__contents>header>p{margin:0}.tir-bonus__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.tir-bonus__card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;min-height:130px;padding:16px;border:1px solid rgba(92,62,32,.14);border-top:3px solid #eab52c;border-radius:17px;background:linear-gradient(145deg,#fffdf9,#f8eedc)}.tir-bonus__card:nth-child(3n+2){border-top-color:#5f8e63;background:#f1f5ed}.tir-bonus__card:nth-child(3n){border-top-color:#c86937;background:#fff0dc}.tir-bonus__card>span{display:grid;width:32px;aspect-ratio:1;place-items:center;border-radius:10px;background:#2b1d17;color:#f4c22f;font:1.1rem/1 "Bebas Neue",Impact,sans-serif}.tir-bonus__card h3{margin:0 0 5px;color:#302219;font-size:.9rem;line-height:1.2}.tir-bonus__card p{margin:0;color:#756456;font-size:.74rem;line-height:1.45}.tir-bonus__download{padding:32px;background:linear-gradient(120deg,#211713,#744526);color:#fff8ea}.tir-bonus__download h2{color:#fff5e6}.tir-bonus__download p{max-width:660px;margin-bottom:17px;color:rgba(255,247,232,.75)}.tir-bonus__download>div>div{display:flex;flex-wrap:wrap;gap:8px}.tir-bonus__download>div>div span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff3c7}.tir-bonus__download-button{display:inline-flex;min-height:104px;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border:1px solid rgba(255,214,89,.55);border-radius:18px;background:#f2ba1b;color:#2b211b;font:850 .74rem/1 "Manrope",sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.tir-bonus__download-button b{font-size:2rem}.tir-bonus__share,.tir-bonus__newsletter{padding:24px 30px}.tir-bonus__share{border-color:#d7a721;background:#fff0bd}.tir-bonus__share strong{display:block;max-width:660px;color:#38291d;line-height:1.45}.tir-bonus__share nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.tir-bonus__share a{display:inline-flex;min-height:38px;align-items:center;gap:6px;padding:0 12px;border-radius:999px;color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.tir-bonus__share a img{width:16px;height:16px}.tir-bonus__share--facebook{background:#1877f2}.tir-bonus__share--x{background:#171717}.tir-bonus__share--instagram{background:linear-gradient(90deg,#e54b73,#a62cb2)}.tir-bonus__share--youtube{background:#ed1c24}.tir-bonus__share--tiktok{background:#171717}.tir-bonus__newsletter{border-color:#9a5b2b;background:linear-gradient(110deg,#211713,#744526);color:#fff5e6}.tir-bonus__newsletter h2{color:#fff5e6}.tir-bonus__newsletter p:not(.tir-bonus__eyebrow){margin:8px 0 0;color:rgba(255,245,230,.75)}.tir-bonus__explore{padding:28px 30px;background:#fffdfa}.tir-bonus__explore>header{margin-bottom:15px}.tir-bonus__explore>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tir-bonus__explore a{display:grid;grid-template-columns:1fr auto;gap:4px 10px;min-height:78px;padding:15px 16px;border:1px solid rgba(77,53,28,.14);border-radius:16px;background:#f6eee1;color:#2b211b;text-decoration:none}.tir-bonus__explore a:nth-child(2){background:#eef2e9}.tir-bonus__explore a:nth-child(3){background:#fff1bf}.tir-bonus__explore strong{font-size:.82rem}.tir-bonus__explore span{grid-column:1;font-size:.72rem;line-height:1.3}.tir-bonus__explore b{grid-column:2;grid-row:1 / span 2;align-self:center;color:#a66b06;font-size:1.25rem}.tir-bonus__explore a:hover{transform:translateY(-2px)}
@media (max-width:900px){.tir-bonus__hero{grid-template-columns:1fr}.tir-bonus__hero aside{min-height:180px}.tir-bonus__method,.tir-bonus__contents>header,.tir-bonus__download,.tir-bonus__newsletter{grid-template-columns:1fr}.tir-bonus__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tir-bonus__share{align-items:flex-start;flex-direction:column}.tir-bonus__share nav{justify-content:flex-start}.tir-bonus__explore>div{grid-template-columns:1fr}}
@media (max-width:620px){.tir-bonus{gap:12px;padding-bottom:35px}.tir-bonus__hero,.tir-bonus__method,.tir-bonus__book,.tir-bonus__contents,.tir-bonus__download,.tir-bonus__share,.tir-bonus__newsletter,.tir-bonus__explore{padding:22px 17px;border-radius:21px}.tir-bonus__hero h1{font-size:clamp(3.1rem,16vw,5.2rem)}.tir-bonus__hero nav,.tir-bonus__book-actions{align-items:stretch;flex-direction:column}.tir-bonus__hero nav .tir-bonus__button,.tir-bonus__book-actions .tir-bonus__button,.tir-bonus__book-actions form{width:100%}.tir-bonus__book{grid-template-columns:1fr;gap:23px}.tir-bonus__book figure img{width:min(70vw,280px)}.tir-bonus__grid{grid-template-columns:1fr}.tir-bonus__card{min-height:0}.tir-bonus__download-button{width:100%;min-height:72px}.tir-bonus__newsletter .tir-bonus__button{width:100%}.tir-bonus__share a{min-height:34px;padding:0 9px}}

/* Native cart: clear, durable checkout feedback without falling back to generic rich text. */
.cart-page{max-width:920px;margin:0 auto;padding:clamp(25px,4vw,48px);border:1px solid #eadcc7;border-radius:30px;background:radial-gradient(circle at 94% 4%,rgba(238,190,49,.24),transparent 24%),linear-gradient(135deg,#fffefa,#fff3d9);box-shadow:0 22px 44px rgba(67,46,25,.09)}
.cart-page>header{display:grid;gap:7px;padding-bottom:22px;border-bottom:1px solid rgba(88,62,31,.13)}.cart-page>header p{margin:0;color:#a46b16;font:850 .68rem/1 "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase}.cart-page>header h1{margin:0;color:#2c211a;font:500 clamp(2.7rem,5vw,4.5rem)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.cart-page>header span{color:#6c5c4e;font-size:.95rem}
.cart-page__notice{margin:20px 0 0;padding:13px 16px;border:1px solid #b9dfbd;border-radius:14px;background:#edf8ed;color:#286b3d;font-weight:750}.cart-page__items{display:grid;gap:12px;margin:22px 0}.cart-page__item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px 19px;border:1px solid rgba(88,62,31,.13);border-radius:18px;background:rgba(255,255,255,.82)}.cart-page__item h2{margin:0;color:#31251e;font:700 1rem/1.25 "Manrope",sans-serif}.cart-page__item p{margin:6px 0 0;color:#79685a;font-size:.85rem}.cart-page__item>strong{color:#32251d;font:800 1rem/1 "Manrope",sans-serif;white-space:nowrap}.cart-page__item form{margin:0}.cart-page__item button{padding:9px 12px;border:1px solid rgba(95,66,38,.22);border-radius:999px;background:#fffefa;color:#72501e;font:800 .68rem/1 "Manrope",sans-serif;cursor:pointer}
.cart-page__summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(88,62,31,.13)}.cart-page__summary>div{display:grid;gap:4px}.cart-page__summary span{color:#806f5f;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.cart-page__summary strong{color:#2e221b;font:800 1.8rem/1 "Manrope",sans-serif}.cart-page__summary form{margin:0}.cart-page__summary button,.cart-page__continue{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 21px;border:0;border-radius:999px;background:#2e241e;color:#fff9ef;font:850 .74rem/1 "Manrope",sans-serif;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;cursor:pointer}.cart-page__continue{margin-top:4px;background:#efb812;color:#2b211a}.cart-page__empty{margin:0;padding:22px;border:1px dashed rgba(88,62,31,.24);border-radius:18px;color:#735f4e;text-align:center}
@media (max-width:640px){.cart-page{padding:23px 18px;border-radius:22px}.cart-page__item{grid-template-columns:1fr;gap:11px}.cart-page__item form,.cart-page__item button{width:100%}.cart-page__summary{display:grid;gap:16px}.cart-page__summary form,.cart-page__summary button{width:100%}}

/* Cart parity: one clear shop layout instead of the generic editorial wrapper. */
.cart-page{max-width:1440px;margin:0 auto;padding:0 0 64px;border:0;border-radius:0;background:transparent;box-shadow:none}
.cart-breadcrumb{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:0 2px;color:#6e6258;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.cart-breadcrumb a{color:inherit;text-decoration:none}.cart-breadcrumb a:hover{text-decoration:underline}.cart-breadcrumb span{color:#b0a291}.cart-breadcrumb b{font-weight:500}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:26px;align-items:start}
.cart-list{display:grid;gap:18px;min-width:0}.cart-item-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;min-height:270px;padding:25px;border:1px solid rgba(79,58,39,.12);border-radius:28px;background:#fffdfa;box-shadow:0 16px 32px rgba(66,46,25,.06)}
.cart-item-media{display:flex;align-items:center;justify-content:center;min-height:220px;overflow:hidden;border:1px solid rgba(89,66,39,.13);border-radius:18px;background:#f3eadb;text-decoration:none}.cart-item-media img{display:block;width:100%;height:100%;max-height:220px;object-fit:contain}.cart-item-media--empty{color:#a67a20;font:800 2rem/1 "Cormorant Garamond",Georgia,serif}
.cart-item-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:8px 0}.cart-item-kicker,.cart-summary-kicker{margin:0 0 13px;color:#a46b16;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.cart-item-copy h2{margin:0;color:#241d18;font:700 clamp(1.25rem,2vw,1.65rem)/1.12 "Manrope",sans-serif;letter-spacing:-.035em}.cart-item-copy h2 a{color:inherit;text-decoration:none}.cart-item-copy h2 a:hover{text-decoration:underline}.cart-item-copy h2 small{font-size:.78em;font-weight:600}.cart-item-copy>p:not(.cart-item-kicker){max-width:760px;margin:14px 0 0;color:#665950;font-size:.96rem;line-height:1.5}.cart-item-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#74665b;font-size:.92rem}.cart-item-meta strong{color:#45372d}.cart-item-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cart-item-actions form{margin:0}
.cart-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border:1px solid transparent;border-radius:999px;font:850 .72rem/1 "Manrope",sans-serif;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;cursor:pointer}.cart-button--gold{background:#efb512;color:#2b2117}.cart-button--dark{background:#1f1a17;color:#fff8ed}.cart-button--ghost{border-color:rgba(79,58,39,.18);background:#fffdfa;color:#2b211b}.cart-button:hover{filter:brightness(.97);transform:translateY(-1px)}
.cart-summary{position:sticky;top:24px;padding:27px 27px 29px;border:1px solid rgba(79,58,39,.12);border-radius:28px;background:#fffdfa;box-shadow:0 16px 32px rgba(66,46,25,.06)}.cart-summary h2{margin:0;color:#241d18;font:700 1.5rem/1.1 "Manrope",sans-serif;letter-spacing:-.04em}.cart-summary-total{display:block;margin:29px 0 45px;color:#201a16;font:800 clamp(2.5rem,4vw,3.4rem)/1 "Manrope",sans-serif;letter-spacing:-.06em}.cart-summary-note{margin:0;color:#74665b;font-size:1rem;line-height:1.6}.cart-summary-actions{display:grid;gap:12px;margin-top:35px}.cart-summary-actions form{margin:0}.cart-summary-actions .cart-button{width:100%}.cart-page__payment-warning{margin:0;padding:12px;border:1px solid #e8c6a5;border-radius:12px;background:#fff5e9;color:#8a5c25;font-size:.8rem;line-height:1.45}
.cart-page__notice{margin:0;padding:14px 17px;border:1px solid #b9dfbd;border-radius:14px;background:#edf8ed;color:#286b3d;font-weight:750}.cart-list>.cart-page__notice{margin-bottom:0}
.cart-empty-state{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;min-height:400px;padding:48px 52px;border:1px solid rgba(202,157,38,.5);border-radius:30px;background:radial-gradient(circle at 91% 45%,rgba(242,190,39,.2),transparent 19%),linear-gradient(135deg,#fffdfa,#fff2d0);box-shadow:0 20px 38px rgba(66,46,25,.08)}.cart-empty-state h1{max-width:600px;margin:0;color:#201a16;font:800 clamp(3rem,6vw,5rem)/.92 "Manrope",sans-serif;letter-spacing:-.08em}.cart-empty-state>div>p:not(.cart-summary-kicker){margin:20px 0 26px;color:#74665b;font-size:1.05rem}.cart-empty-actions{display:flex;flex-wrap:wrap;gap:12px}.cart-empty-visual{position:relative;min-height:260px}.cart-empty-visual:before{position:absolute;inset:17% 5% 13%;border:1px solid rgba(143,111,38,.22);border-radius:50%;content:""}.cart-empty-visual:after{position:absolute;top:11%;right:16%;width:1px;height:78%;background:rgba(143,111,38,.22);content:""}.cart-empty-visual span,.cart-empty-visual b{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 27%,#f6f3ed 0 5%,#a7a49e 18%,#454544 56%,#181818 100%);box-shadow:0 15px 20px rgba(31,25,19,.2)}.cart-empty-visual span{right:16%;top:30%;width:122px;height:122px}.cart-empty-visual b{right:51%;top:23%;width:65px;height:65px}.cart-empty-visual i{position:absolute;right:6%;bottom:18%;width:25px;height:25px;border-radius:50%;background:#efb512}
@media (max-width:980px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-empty-state{grid-template-columns:1fr}.cart-empty-visual{display:none}}
@media (max-width:640px){.cart-page{padding:0 0 35px}.cart-breadcrumb{margin-bottom:17px}.cart-item-card{grid-template-columns:1fr;gap:17px;min-height:0;padding:18px;border-radius:21px}.cart-item-media{min-height:220px}.cart-item-copy{padding:0}.cart-item-actions,.cart-item-actions .cart-button{width:100%}.cart-summary{padding:22px;border-radius:21px}.cart-empty-state{min-height:0;padding:28px 22px;border-radius:22px}.cart-empty-state h1{font-size:3.2rem}.cart-empty-actions,.cart-empty-actions .cart-button{width:100%}}

/* Video detail parity: keep imported editorial context visible and indexable. */
.video-v2__meta{max-width:760px;margin:14px auto 0;color:#77665a;font-size:.9rem;line-height:1.5}.video-v2__context{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px 24px;margin:28px 0 0;padding:30px;border:1px solid #ebcf83;border-radius:26px;background:radial-gradient(circle at 96% 8%,rgba(239,188,47,.19),transparent 25%),linear-gradient(115deg,#fffdfa,#ffefbe);box-shadow:0 18px 34px rgba(77,53,24,.07)}.video-v2__context-copy>p{margin:0 0 10px;color:#a56c14;font:800 .71rem/1 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase}.video-v2__context-copy h2{margin:0 0 12px;color:#2c211a;font:500 clamp(2rem,3.4vw,3.15rem)/.95 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}.video-v2__context-copy div{max-width:48rem;color:#68584b;font-size:1.02rem;line-height:1.65}.video-v2__context-copy div p{margin:0}.video-v2__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.video-v2__facts>span,.video-v2__facts>a{display:grid;gap:4px;min-height:73px;padding:14px;border:1px solid rgba(93,65,35,.14);border-radius:16px;background:rgba(255,255,255,.86)}.video-v2__facts strong{color:#31241c;font:800 .93rem/1.2 "Manrope",sans-serif}.video-v2__facts small,.video-v2__facts>a span{color:#796858;font-size:.73rem;line-height:1.25}.video-v2__facts>a{color:#33251d;text-decoration:none}.video-v2__facts>a:hover{border-color:#d7a624;transform:translateY(-1px)}.video-v2__actions{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1}.video-v2__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid rgba(74,51,27,.18);border-radius:999px;color:#2e221b;font:850 .73rem/1 "Manrope",sans-serif;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.video-v2__actions a:first-child{border-color:#ecb714;background:#f1ba17}.video-v2__actions a:last-child{background:#fffdfa}.community-parity--video{margin-top:22px}
@media (max-width:680px){.video-v2__context{grid-template-columns:1fr;padding:22px}.video-v2__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.video-v2__actions a{flex:1 1 100%}}

/* Desktop navigation: reserve vertical space without letting a dropdown widen the header grid. */
@media (min-width:761px){
  .main-nav{align-items:center}
  .main-nav:has(.nav-menu[open]){margin-bottom:0}
  .main-nav>.nav-menu[open]{display:block;align-self:auto}
  .main-nav>.nav-menu[open] .nav-submenu{
    position:absolute;
    z-index:95;
    top:calc(100% + 8px);
    left:50%;
    width:min(260px,calc(100vw - 48px));
    min-width:220px;
    margin-top:0;
    transform:translateX(-50%)
  }
  .header-center,.main-nav,.nav-menu{position:relative}
  .language-switcher,.header-tools{position:relative;z-index:1}
}

@media (min-width:761px) and (max-width:900px){
  .main-nav>.nav-menu[open] .nav-submenu{
    left:auto;
    right:0;
    width:min(230px,calc(100vw - 32px));
    min-width:0;
    transform:none;
  }
}

.nav-submenu a:nth-child(2){
  margin:3px 0;
  padding:11px;
  border:1px solid #dfb53e;
  border-radius:11px;
  background:linear-gradient(135deg,#f7c544,#f0ad13);
  box-shadow:0 7px 14px rgba(163,106,4,.16);
  color:#2a211a;
  font-weight:900;
}
.nav-submenu a:nth-child(2):hover{background:#2d241e;color:#fffaf0}

/* Evening contest: the live tool keeps every interactive block on one dark board. */
.n-tool[data-evening-contest]{
  gap:1rem;
  padding:clamp(1rem,2.2vw,1.5rem);
  border:1px solid #2d2c34;
  border-radius:18px;
  background:#19191d;
  color:#f5f1e9;
  box-shadow:0 18px 34px rgba(24,20,18,.16);
}
.n-tool[data-evening-contest] .n-tool__setup,
.n-tool[data-evening-contest] .n-tool__scores,
.n-tool[data-evening-contest] .n-tool__ranking{
  border:1px solid #30303a;
  border-top:0;
  border-radius:12px;
  background:#1f1f24;
  box-shadow:none;
}
.n-tool[data-evening-contest] h2,
.n-tool[data-evening-contest] h3,
.n-tool[data-evening-contest] .n-tool__setup label,
.n-tool[data-evening-contest] .n-tool__team label{
  color:#fffaf0;
}
.n-tool[data-evening-contest] .n-tool__setup label{color:#f3c218}
.n-tool[data-evening-contest] input,
.n-tool[data-evening-contest] select,
.n-tool[data-evening-contest] textarea{
  color:#f7f2e8;
  background:#111115;
  border-color:#484752;
}
.n-tool[data-evening-contest] input::placeholder,
.n-tool[data-evening-contest] textarea::placeholder{color:#85838c}
.n-tool[data-evening-contest] .n-tool__team,
.n-tool[data-evening-contest] .n-tool__round,
.n-tool[data-evening-contest] .n-tool__match button{
  border-color:#373640;
  background:#141418;
}
.n-tool[data-evening-contest] .n-tool__team{border-left:4px solid #f3c218}
.n-tool[data-evening-contest] .n-tool__round{border-left-color:#f3c218}
.n-tool[data-evening-contest] .n-tool__match button{color:#fffaf0}
.n-tool[data-evening-contest] .n-tool__match button.is-winner{color:#fff;background:#26703e;border-color:#1b542e}
.n-tool[data-evening-contest] .n-tool__match span,
.n-tool[data-evening-contest] .n-tool__hint,
.n-tool[data-evening-contest] .n-tool__empty,
.n-tool[data-evening-contest] .n-tool__bye{color:#aaa7ad}
.n-tool[data-evening-contest] .n-tool__bye{background:#292832;border-color:#484752}
.n-tool[data-evening-contest] .n-tool__table th,
.n-tool[data-evening-contest] .n-tool__table td{border-color:#373640}
.n-tool[data-evening-contest] .n-tool__table th{color:#aaa7ad;background:#292832}
.n-tool[data-evening-contest] .n-tool__table td{color:#f5f1e9}
.n-tool[data-evening-contest] .n-tool__actions button{
  border:1px solid #484752;
  border-radius:9px;
  background:#292832;
  color:#fffaf0;
  box-shadow:none;
}
.n-tool[data-evening-contest] .n-tool__actions button:hover{background:#393742}
.n-tool[data-evening-contest] .n-tool__actions .n-tool__danger{border-color:#a63a32}
@media (max-width:760px){
  .n-tool[data-evening-contest]{padding:.75rem;border-radius:14px}
  .n-tool[data-evening-contest] .n-tool__meta{grid-template-columns:1fr}
  .n-tool[data-evening-contest] .n-tool__team{grid-template-columns:2.2rem 1fr}
  .n-tool[data-evening-contest] .n-tool__match{grid-template-columns:1fr}
}
@media print{
  .n-tool[data-evening-contest]{border:0;background:#fff;color:#111;box-shadow:none}
  .n-tool[data-evening-contest] .n-tool__setup,
  .n-tool[data-evening-contest] .n-tool__scores,
  .n-tool[data-evening-contest] .n-tool__ranking,
  .n-tool[data-evening-contest] .n-tool__team,
  .n-tool[data-evening-contest] .n-tool__round{background:#fff;color:#111}
}

/* Search parity: keep the live controls clean when a field receives focus. */
.global-search input,
.search-v2__hero input { -webkit-appearance: none; outline: 0; box-shadow: none; }
.global-search input:focus,
.global-search input:focus-visible,
.search-v2__hero input:focus,
.search-v2__hero input:focus-visible { outline: 0; box-shadow: none; }
.global-search:focus-within { border-color: rgba(70,48,29,.16); }

/* Search results follow the live page: one broad hero, filters, then editorial cards. */
.search-v2 { gap: 19px; }
.search-v2__hero { min-height: 232px; padding: 25px 52px 23px; }
.search-v2__hero h1 { margin: 11px 0 16px; font-size: clamp(2.75rem, 4.2vw, 3.85rem); }
.search-v2__hero form { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 11px; width: min(830px, 100%); margin-top: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.search-v2__hero input { min-height: 53px; padding: 0 17px; border: 1px solid rgba(83,62,37,.17); border-radius: 13px; background: rgba(255,255,255,.9); color: #32261e; font-size: .86rem; }
.search-v2__hero button { min-height: 53px; padding: 0 18px; border-radius: 13px; background: #edb517; color: #211a16; font-size: .68rem; }
.search-v2__filters { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 0 24px; }
.search-v2__filter { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; min-height: 57px; padding: 0 12px; border: 1px solid rgba(83,62,37,.12); border-radius: 17px; background: rgba(255,255,255,.78); color: #51463e; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.search-v2__filter b { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #f5ecda; color: #9b6e13; font-size: .67rem; }
.search-v2__filter.is-active { border-color: #28211d; background: #28211d; color: #fff9ef; }
.search-v2__filter.is-active b { background: #efb616; color: #28211d; }
.search-v2__summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 3px 28px 0; color: #6e6258; font-size: .83rem; }
.search-v2__summary strong { color: #30251f; font-size: 1.06rem; }
.search-v2__summary b { color: #30251f; }
.search-v2__grid { margin: 0 24px; }
.search-v2__card { grid-template-columns: 92px minmax(0, 1fr); gap: 15px; min-height: 156px; padding: 13px; border-radius: 19px; background: rgba(255,255,255,.82); }
.search-v2__card-media { display: block; overflow: hidden; min-height: 128px; border-radius: 13px; background: linear-gradient(145deg, #efe5d6, #c8b49a); }
.search-v2__card-media img { display: block; width: 100%; height: 100%; min-height: 128px; object-fit: cover; }
.search-v2__card-body { display: grid; align-content: start; gap: 6px; min-width: 0; }
.search-v2__card-body p { margin: 0; }
.search-v2__card-body h2 { font-size: .98rem; }
.search-v2__card-body > span { -webkit-line-clamp: 2; }
.search-v2__card-link { align-self: end; margin-top: auto; }
.search-v2__card[hidden] { display: none; }
@media (max-width: 760px) {
  .search-v2__hero { min-height: 0; padding: 25px 22px 24px; }
  .search-v2__hero h1 { font-size: clamp(2.55rem, 10vw, 3.7rem); }
  .search-v2__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
  .search-v2__summary { align-items: flex-start; flex-direction: column; gap: 5px; margin: 0 3px; }
  .search-v2__grid { grid-template-columns: 1fr; margin: 0; }
}
@media (max-width: 520px) {
  .search-v2__hero form { grid-template-columns: 1fr; }
  .search-v2__hero button { width: 100%; }
  .search-v2__filter { padding: 0 10px; font-size: .64rem; }
}

/* Mobile header parity: keep the live stacked navigation instead of the compact launcher. */
@media (max-width: 760px) {
  body.site-body {
    padding-top: 8px;
  }
  .site-frame {
    width: calc(100% - 12px);
    margin: 0 6px;
    border-radius: 30px 30px 0 0;
    overflow: visible;
  }
  .site-header {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
    padding: 14px;
    border-radius: 30px 30px 0 0;
  }
  .site-header > .brand-lockup {
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    gap: 12px;
    padding: 0;
  }
  .site-header > .brand-lockup .brand-mark {
    width: 58px;
    height: 58px;
  }
  .site-header > .brand-lockup .brand-ball {
    width: 43px;
    height: 43px;
  }
  .site-header > .brand-lockup .brand-wordmark {
    display: inline;
    overflow: visible;
    font-size: 2.8rem;
    white-space: nowrap;
  }
  .site-header > .brand-lockup .brand-tag {
    font-size: .62rem;
    letter-spacing: .22em;
  }
  .site-header > .header-tools {
    display: flex;
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
    width: 100%;
  }
  .site-header > .header-tools .search-trigger {
    font-size: .9rem;
  }
  .site-header > .header-tools .shop-chip,
  .site-header > .header-tools .cart-chip {
    padding: 11px 16px;
    font-size: .74rem;
  }
  .site-header > .header-center {
    display: grid;
    grid-column: 1;
    grid-row: 3;
    grid-template-rows: auto auto auto;
    gap: 8px;
    margin-top: 0;
    width: 100%;
  }
  .site-header > .header-center > .main-nav {
    grid-row: 1;
  }
  .site-header > .header-center > .language-switcher {
    grid-row: 2;
    min-height: 0;
    align-content: start;
  }
  .site-header > .header-center > .global-search {
    grid-row: 3;
    height: 46px;
    min-height: 46px;
    box-sizing: border-box;
  }
  .site-header > .header-center > .main-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    margin: 0;
  }
  .site-header > .header-center > .main-nav > a,
  .site-header > .header-center > .main-nav > .nav-menu > summary {
    min-width: 0;
    padding: 0;
    font-size: .72rem;
    line-height: 1.35;
    white-space: normal;
  }
  .site-header > .header-center > .main-nav > a {
    min-height: 24px;
  }
  .site-header > .header-center > .main-nav > .nav-menu > summary {
    min-height: 36px;
  }
  .site-header > .header-center > .main-nav > .nav-menu .nav-submenu {
    position: static;
    width: auto;
    min-width: 0;
    margin-top: 8px;
    transform: none;
  }
  .site-header > .header-center > .language-switcher {
    display: flex;
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    overflow: visible;
    padding: 0;
  }
  .site-header > .header-center > .language-switcher .language-pill {
    width: 42px;
    height: 46px;
    min-height: 46px;
    box-sizing: border-box;
    flex: 0 0 42px;
  }
  .site-header > .header-center > .global-search {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) 34px;
    width: 100%;
    max-width: none;
    min-height: 46px;
    margin: 0;
    padding: 5px 6px 5px 14px;
  }
  .site-header > .header-center > .global-search input {
    min-height: 34px;
    padding: 0 8px;
    font-size: .75rem;
  }
  .site-header > .header-center > .global-search button {
    min-width: 34px;
    min-height: 34px;
  }
  .site-header > .mobile-site-menu,
  .site-header > .mobile-language-menu {
    display: none;
  }
}

.software-v2__gallery img,
.quiz-v2__hero > img,
.quiz-v2__card > img,
.social-v2__card > img,
.home-quiz-card > img,
.universe-v2__post img,
.paquita-universe__post img { cursor: zoom-in; }

/* Server-side archive pagination keeps large quiz and photo archives light. */
.social-v2__pagination,
.quiz-v2__pagination {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(70, 51, 29, .12);
}

.social-v2__pagination a,
.social-v2__pagination span,
.quiz-v2__pagination a,
.quiz-v2__pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(119, 83, 23, .22);
  border-radius: 999px;
  background: #fffaf0;
  color: #78551a;
  font: 800 .72rem/1 Manrope, sans-serif;
  text-decoration: none;
}

.social-v2__pagination a:last-child,
.quiz-v2__pagination a:last-child {
  justify-self: end;
  background: #efb719;
  color: #251b14;
}

.social-v2__pagination span,
.quiz-v2__pagination span {
  border: 0;
  background: transparent;
  color: #665849;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .social-v2__pagination,
  .quiz-v2__pagination {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }

  .social-v2__pagination span,
  .quiz-v2__pagination span {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .social-v2__pagination > :first-child,
  .quiz-v2__pagination > :first-child {
    grid-column: 1;
    grid-row: 2;
  }

  .social-v2__pagination > :last-child,
  .quiz-v2__pagination > :last-child {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
  }
}

/* Keep archive and Facebook actions visible against pale content cards. */
.social-v2__intro a,
.home-quiz header > a,
.home-content-boards > article > header > a,
.home-books > header > a,
.paquita-universe__stream > header > a,
.paquita-universe__current > header > a,
.universe-v2__stream > header > a,
.universe-v2__now > header > a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid #d79b08;
  border-radius: 999px;
  background: #f0b516;
  box-shadow: 0 6px 14px rgba(154, 103, 11, .18);
  color: #241b14 !important;
  font-weight: 900;
  text-decoration: none !important;
}

.social-v2__card footer a,
.paquita-universe__post a,
.universe-v2__post footer a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid #d79b08;
  border-radius: 999px;
  background: #fff0b8;
  box-shadow: 0 4px 10px rgba(154, 103, 11, .14);
  color: #6f4700 !important;
  font-weight: 900;
  text-decoration: none !important;
}

.social-v2__intro a:hover,
.home-quiz header > a:hover,
.home-content-boards > article > header > a:hover,
.home-books > header > a:hover,
.paquita-universe__stream > header > a:hover,
.paquita-universe__current > header > a:hover,
.universe-v2__stream > header > a:hover,
.universe-v2__now > header > a:hover,
.social-v2__card footer a:hover,
.paquita-universe__post a:hover,
.universe-v2__post footer a:hover {
  border-color: #b77b00;
  background: #d99d08;
  color: #1f1710 !important;
  transform: translateY(-1px);
}

/* Give product pages a stronger shop hierarchy without changing checkout behavior. */
.product-v2 {
  max-width: 1440px;
  padding-top: 32px;
}

.product-v2__main {
  grid-template-columns: minmax(420px, .8fr) minmax(520px, 1.2fr);
  gap: 44px;
  padding: 32px;
  border-color: rgba(121, 82, 20, .18);
  background:
    radial-gradient(circle at 90% 8%, rgba(240, 181, 22, .2), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 248, 226, .9));
  box-shadow: 0 22px 48px rgba(79, 53, 21, .1);
}

.product-v2__media {
  min-height: 540px;
  border-color: rgba(121, 82, 20, .18);
  background:
    radial-gradient(circle at 50% 42%, #fffefa 0, #fffefa 42%, transparent 43%),
    linear-gradient(145deg, #fffefa, #f1dfbb);
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .34), 0 12px 26px rgba(79, 53, 21, .08);
}

.product-v2__media img {
  padding: 22px;
}

.product-v2__purchase {
  gap: 16px;
  padding: 28px;
  border: 1px solid rgba(121, 82, 20, .16);
  border-radius: 22px;
  background: rgba(255, 253, 247, .86);
  box-shadow: 0 12px 28px rgba(79, 53, 21, .08);
}

.product-v2__purchase > p:first-child {
  display: inline-flex;
  width: max-content;
  margin-bottom: 2px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #fff0b8;
  color: #8d5b00;
}

.product-v2__purchase > p.product-v2__language-note,
.product-v2__purchase > p.product-v2__shipping {
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
}

.product-v2__purchase > p.product-v2__language-note {
  margin: -4px 0 0;
}

.product-v2__purchase > p.product-v2__shipping {
  margin: -3px 0 0;
  padding: 8px 11px;
  border-radius: 10px;
  background: rgba(247, 225, 161, .3);
  color: #6d521b;
}

.product-v2 h1 {
  font-size: clamp(2.45rem, 4vw, 3.8rem);
  line-height: .94;
}

.product-v2__purchase > strong {
  font-size: .95rem;
  line-height: 1.55;
}

.product-v2__price {
  margin-top: 4px;
  padding: 20px 0;
}

.product-v2__price b {
  font-size: 2.05rem;
}

.product-v2__form {
  gap: 14px;
}

.product-v2__field select,
.product-v2__field input {
  min-height: 48px;
  border-color: rgba(121, 82, 20, .24);
  box-shadow: 0 4px 12px rgba(79, 53, 21, .04);
}

.product-v2__form button {
  min-height: 56px;
  margin-top: 4px;
  border: 1px solid #d79b08;
  background: linear-gradient(135deg, #f0b516, #f7c83f);
  box-shadow: 0 8px 0 #d79b08, 0 14px 22px rgba(154, 103, 11, .18);
  font-size: .78rem;
}

.product-v2__form button:hover {
  background: linear-gradient(135deg, #e2a609, #f0b516);
  transform: translateY(-1px);
}

.product-v2__purchase > small {
  font-size: .7rem;
}

.product-v2__details {
  max-width: none;
  margin-top: 34px;
  padding: 34px 40px;
  border-color: rgba(121, 82, 20, .16);
  background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 249, 231, .9));
  box-shadow: 0 14px 30px rgba(79, 53, 21, .07);
}

.product-v2__details header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(121, 82, 20, .16);
}

.product-v2__details h2 {
  font-size: clamp(2rem, 3.5vw, 3.1rem);
}

.product-v2__details > div {
  max-width: none;
  padding-top: 10px;
  font-size: 1rem;
  line-height: 1.75;
}

.product-v2__details > div > .n-rich-text {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.product-v2__details > div > p {
  margin: 0 0 1.2em;
}

.product-v2__details > div > p:last-child,
.product-v2__details > div > ul:last-child,
.product-v2__details > div > ol:last-child {
  margin-bottom: 0;
}

.product-v2__details > div h3,
.product-v2__details > div h4 {
  margin: 1.7em 0 .55em;
  color: #2c211b;
  font: 650 1.65rem/1.05 "Cormorant Garamond", Georgia, serif;
}

.product-v2__details > div h3:first-child,
.product-v2__details > div h4:first-child {
  margin-top: 0;
}

.product-v2__details > div ul,
.product-v2__details > div ol {
  margin: .2em 0 1.25em;
  padding-left: 1.4em;
}

.product-v2__details > div li {
  margin: .35em 0;
  padding-left: .2em;
}

.product-v2__details > div strong {
  color: #35271e;
}

.product-v2__reviews {
  margin-top: 34px;
  box-shadow: 0 14px 30px rgba(79, 53, 21, .07);
}

@media (max-width: 780px) {
  .product-v2 {
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
  }

  .product-v2__main {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .product-v2__media,
  .product-v2__purchase,
  .product-v2__details,
  .product-v2__reviews,
  .product-v2__share,
  .product-v2__related {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .product-v2__media {
    min-height: 360px;
  }

  .product-v2__purchase {
    padding: 22px;
  }

  .product-v2 h1,
  .product-v2 h2,
  .product-v2__purchase > strong,
  .product-v2__purchase > p,
  .product-v2__purchase > small {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .product-v2__details {
    padding: 24px;
  }

}

/* Amazon editions are grouped by language, with a clear unavailable state. */
.product-v2__amazon {
  align-items: center;
  gap: 16px;
}

.product-v2__amazon > div {
  display: grid;
  gap: 3px;
  min-width: 145px;
}

.product-v2__amazon > div b {
  color: #4e4033;
  font-size: .8rem;
}

.product-v2__amazon > div small {
  color: #8b765e;
  font-size: .62rem;
  line-height: 1.35;
  white-space: normal;
}

.product-v2__amazon nav {
  justify-content: flex-end;
}

.product-v2__amazon a,
.product-v2__amazon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 37px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .03em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.product-v2__amazon a {
  background: #2d241e;
  color: #fffaf1;
}

.product-v2__amazon-link.is-coming {
  border: 1px dashed #cbb27c;
  background: #fff8e7;
  color: #947b52;
}

@media (max-width: 560px) {
  .product-v2__main {
    gap: 18px;
    padding: 14px;
  }

  .product-v2__media {
    min-height: 280px;
  }

  .product-v2__purchase {
    gap: 13px;
    padding: 18px 14px;
  }

  .product-v2 h1 {
    font-size: clamp(2.2rem, 10vw, 3.2rem);
    line-height: .96;
  }

  .product-v2__amazon {
    align-items: stretch;
    flex-direction: column;
  }

  .product-v2__amazon nav {
    justify-content: flex-start;
  }

  .product-v2__details,
  .product-v2__related {
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* Make the primary navigation feel like a deliberate part of the brand. */
.site-header .main-nav {
  width: min(100%, 760px);
  gap: 5px 13px;
}

.site-header .main-nav > a,
.site-header .main-nav > .nav-menu > summary {
  position: relative;
  padding: 10px 4px 11px;
  border-radius: 999px;
  color: #342c27;
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .09em;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.site-header .main-nav > a::before,
.site-header .main-nav > .nav-menu > summary::before {
  left: -10px;
  width: 9px;
  height: 9px;
  border: 1px solid rgba(119, 78, 9, .5);
  background: radial-gradient(circle at 30% 25%, #fff9d7 0 13%, #efbd31 30%, #a66d08 100%);
  box-shadow: 0 2px 5px rgba(84, 54, 9, .24), inset -1px -1px 2px rgba(84, 54, 9, .3);
  transition: transform .18s ease, box-shadow .18s ease;
}

.site-header .main-nav > a::after {
  position: absolute;
  right: 4px;
  bottom: 4px;
  left: 4px;
  height: 2px;
  border-radius: 999px;
  background: #e7b11f;
  content: "";
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}

.site-header .main-nav > a:hover,
.site-header .main-nav > a:focus-visible,
.site-header .main-nav > .nav-menu > summary:hover,
.site-header .main-nav > .nav-menu > summary:focus-visible {
  background: rgba(240, 181, 22, .14);
  color: #8c5d08;
  outline: none;
  transform: translateY(-2px);
}

.site-header .main-nav > a:hover::before,
.site-header .main-nav > a:focus-visible::before,
.site-header .main-nav > .nav-menu[open] > summary::before,
.site-header .main-nav > .nav-menu > summary:hover::before {
  box-shadow: 0 4px 8px rgba(84, 54, 9, .3), 0 0 0 3px rgba(231, 177, 31, .16), inset -1px -1px 2px rgba(84, 54, 9, .3);
  transform: scale(1.22);
}

.site-header .main-nav > a:hover::after,
.site-header .main-nav > a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.site-header .main-nav > a:nth-of-type(1)::before { background: radial-gradient(circle at 30% 25%, #fff 0 13%, #d7d2c9 32%, #716960 100%); }
.site-header .main-nav > a:nth-of-type(2)::before { background: radial-gradient(circle at 30% 25%, #fff9d7 0 13%, #efbd31 30%, #a66d08 100%); }
.site-header .main-nav > a:nth-of-type(3)::before { background: radial-gradient(circle at 30% 25%, #ffe4d7 0 13%, #d67d55 30%, #8a3828 100%); }
.site-header .main-nav > a:nth-of-type(4)::before { background: radial-gradient(circle at 30% 25%, #e8f5ff 0 13%, #6c9dc0 30%, #31566e 100%); }
.site-header .main-nav > a:nth-of-type(5)::before { background: radial-gradient(circle at 30% 25%, #f1ffe8 0 13%, #79a456 30%, #3d6230 100%); }

.site-header .nav-submenu a {
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.site-header .nav-submenu a:hover,
.site-header .nav-submenu a:focus-visible {
  background: #f5d267;
  color: #2f241b;
  outline: none;
  transform: translateX(2px);
}

@media (max-width: 760px) {
  .site-header .main-nav {
    width: 100%;
    gap: 10px 18px;
  }
}

/* Keep the complete vertical quiz photo inside its fixed hero frame. */
.quiz-v2__hero > img {
  object-fit: contain;
  object-position: center;
  background: rgba(255, 253, 247, .42);
}

/* Give the header actions one clear, consistent visual language. */
@media (min-width: 761px) {
  .site-header > .header-tools {
    gap: 8px;
    padding: 5px;
    border: 1px solid rgba(92, 67, 35, .11);
    border-radius: 999px;
    background: rgba(255, 252, 244, .56);
    box-shadow: 0 7px 18px rgba(77, 51, 23, .06);
  }

  .site-header > .header-tools .search-trigger,
  .site-header > .header-tools .cart-chip,
  .site-header > .header-tools .shop-chip {
    display: inline-flex;
    min-height: 40px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .075em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
  }

  .site-header > .header-tools .search-trigger {
    border-color: rgba(94, 70, 41, .14);
    background: rgba(255, 255, 255, .58);
    color: #6c5c4e;
  }

  .site-header > .header-tools .cart-chip {
    border-color: rgba(199, 145, 20, .28);
    background: linear-gradient(135deg, #fff5d8, #f7dda0);
    color: #563d15;
  }

  .site-header > .header-tools .shop-chip {
    background: linear-gradient(135deg, #38302a, #171311);
    color: #fff8eb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
  }

  .site-header > .header-tools .search-trigger:hover,
  .site-header > .header-tools .cart-chip:hover,
  .site-header > .header-tools .shop-chip:hover,
  .site-header > .header-tools .search-trigger:focus-visible,
  .site-header > .header-tools .cart-chip:focus-visible,
  .site-header > .header-tools .shop-chip:focus-visible {
    border-color: rgba(215, 163, 28, .46);
    box-shadow: 0 7px 14px rgba(99, 65, 16, .14), 0 0 0 3px rgba(234, 184, 37, .12);
    outline: none;
    transform: translateY(-2px);
  }

  .site-header > .header-tools .search-trigger:hover,
  .site-header > .header-tools .search-trigger:focus-visible {
    background: #fff8e7;
    color: #8e620d;
  }

  .site-header > .header-tools .cart-chip:hover,
  .site-header > .header-tools .cart-chip:focus-visible {
    background: #f6c83f;
    color: #302315;
  }
}

/* Keep the three header actions visually centered in their reserved area. */
.header-tools { justify-content: center; }
@media (max-width: 760px) { .header-tools { justify-content: center; } }

/* Make the desktop main navigation easier to read without enlarging the rest of the header. */
.site-header .main-nav > a,
.site-header .main-nav > .nav-menu > summary { font-size: .9rem; }

@media (max-width: 760px) {
  .site-header .main-nav > a,
  .site-header .main-nav > .nav-menu > summary { font-size: .72rem; }
}

/* Restore the compact mobile header: hamburger left, language picker right. */
@media (max-width: 760px) {
  .site-header {
    position: relative;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 8px;
    padding: 14px 12px 16px;
  }

  .site-header > .brand-lockup {
    grid-column: 1;
    grid-row: 1;
    justify-content: center;
    gap: 8px;
    padding: 0 58px;
  }

  .site-header > .brand-lockup .brand-mark { width: 43px; height: 43px; }
  .site-header > .brand-lockup .brand-ball { width: 31px; height: 31px; }
  .site-header > .brand-lockup .brand-wordmark { font-size: clamp(1.42rem, 6.5vw, 2.05rem); }
  .site-header > .brand-lockup .brand-tag { font-size: .48rem; letter-spacing: .18em; }

  .site-header > .header-center { display: contents; }
  .site-header > .header-center > .main-nav,
  .site-header > .header-center > .language-switcher,
  .site-header > .header-tools { display: none; }

  /* The compact mobile controls must win over the older stacked-header rules. */
  .site-header > .mobile-site-menu,
  .site-header > .mobile-language-menu { display: block !important; }

  .mobile-site-menu {
    position: absolute;
    z-index: 32;
    top: 14px;
    left: 12px;
    display: block;
    width: auto;
  }

  .mobile-site-menu > summary {
    width: 58px;
    min-height: 45px;
    padding: 0 9px;
    border-radius: 13px;
    font-size: .58rem;
  }

  .mobile-site-menu__panel {
    position: absolute;
    z-index: 30;
    top: calc(100% + 8px);
    left: 0;
    width: min(344px, calc(100vw - 24px));
  }

  .mobile-language-menu {
    position: absolute;
    z-index: 32;
    top: 14px;
    right: 12px;
    display: block;
  }

  .mobile-language-menu > summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 52px;
    min-height: 45px;
    padding: 0 7px;
  }

  .mobile-language-menu > summary .language-flag { width: 19px; height: 19px; }

  .mobile-language-menu__panel {
    position: absolute;
    z-index: 31;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    grid-template-columns: repeat(4, 38px);
    gap: 6px;
    padding: 10px;
  }

  .mobile-language-menu__panel .language-pill { width: 38px; min-height: 40px; border-radius: 11px; }

  .site-header > .header-center > .global-search {
    display: flex;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    margin: 2px 0 0;
  }
}

.product-v2__share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 2px;
  padding: 14px 16px;
  border: 1px solid rgba(210, 163, 57, .42);
  border-radius: 18px;
  background: linear-gradient(112deg, #fffdf7, #fff1cb);
  box-shadow: 0 10px 22px rgba(80, 53, 18, .07);
}
.product-v2__share > p {
  flex: 0 0 auto;
  margin: 0;
  color: #9a6907;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.product-v2__share > nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.product-v2__share .social-video__link {
  min-height: 35px;
  padding: 0 12px;
  font-size: .62rem;
}
.product-v2__share .social-video__link img { width: 16px; height: 16px; }

.product-v2__related {
  margin-top: 30px;
  padding: 28px;
  border: 1px solid rgba(87, 65, 38, .12);
  border-radius: 25px;
  background: linear-gradient(135deg, rgba(255, 253, 248, .92), rgba(247, 232, 199, .58));
}
.product-v2__related > header { margin-bottom: 20px; }
.product-v2__related > header p {
  margin: 0 0 6px;
  color: #9b6a16;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.product-v2__related > header h2 { font-size: clamp(2rem, 3vw, 3rem); }
.product-v2__related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.product-v2__related-card {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(58, 40, 21, .1);
  border-radius: 18px;
  background: #fffdf8;
  box-shadow: 0 10px 22px rgba(65, 45, 22, .06);
  transition: transform .18s ease, box-shadow .18s ease;
}
.product-v2__related-card:hover { transform: translateY(-3px); box-shadow: 0 16px 28px rgba(65, 45, 22, .12); }
.product-v2__related-media {
  display: grid;
  aspect-ratio: 3 / 4;
  margin: 10px;
  overflow: hidden;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(145deg, #fff, #f1e5d1);
}
.product-v2__related-media img { width: 100%; height: 100%; object-fit: contain; }
.product-v2__related-media span { color: #a67517; font: 700 2rem/1 "Cormorant Garamond", Georgia, serif; }
.product-v2__related-card h3 { margin: 5px 14px 0; color: #2c211b; font: 600 1.35rem/.98 "Cormorant Garamond", Georgia, serif; }
.product-v2__related-card h3 a { color: inherit; text-decoration: none; }
.product-v2__related-card p { margin: 9px 14px 0; color: #716157; font-size: .73rem; line-height: 1.45; }
.product-v2__related-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 14px; padding-top: 11px; border-top: 1px solid rgba(87, 65, 38, .13); }
.product-v2__related-card footer strong { color: #30251d; font-size: .82rem; }
.product-v2__related-card footer a { color: #9b6a16; font-size: .65rem; font-weight: 850; text-decoration: none; text-transform: uppercase; }
@media (max-width: 900px) { .product-v2__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .product-v2__share { align-items: flex-start; flex-direction: column; }
  .product-v2__share > nav { justify-content: flex-start; }
  .product-v2__related { padding: 20px 16px; }
  .product-v2__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .product-v2__related-card h3 { margin-right: 10px; margin-left: 10px; font-size: 1.15rem; }
  .product-v2__related-card p { margin-right: 10px; margin-left: 10px; }
  .product-v2__related-card footer { margin: 10px; }
}

/* Live article layout: visual hero, share band, then readable editorial body. */
.page:has(.article-v2), .site-main:has(.article-v2) { padding-top: 0; }
.article-v2 {
  width: min(1200px, calc(100% - 48px));
  max-width: none;
  margin: 0 auto;
  padding: 26px 0 70px;
}
.article-v2__crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 22px;
  color: #8d745e;
  font-size: .72rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.article-v2__crumb a { color: inherit; text-decoration: none; }
.article-v2__crumb a:hover { color: #9b6415; text-decoration: underline; }
.article-v2__crumb b { max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-v2__hero {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
  overflow: hidden;
  border: 1px solid #eadfce;
  border-radius: 30px;
  background: linear-gradient(135deg, #fffdf8 0%, #fbf7ef 70%, #f7ecda 100%);
  box-shadow: 0 20px 45px rgba(71, 46, 26, .1);
}
.article-v2__hero figure {
  display: grid;
  min-height: 560px;
  margin: 0;
  overflow: hidden;
  place-items: center;
  background: #e7d7bd;
}
.article-v2__hero figure img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
}
.article-v2__hero header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding: clamp(34px, 5vw, 70px);
}
.article-v2__eyebrow {
  margin: 0 0 20px;
  color: #9c6717;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.article-v2 h1 {
  max-width: 720px;
  margin: 0 0 20px;
  color: #241914;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.65rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -.06em;
  line-height: .9;
}
.article-v2__category {
  display: inline-flex;
  margin: 0 0 20px;
  padding: 10px 18px;
  border: 1px solid #edcd8c;
  border-radius: 999px;
  color: #39291c;
  background: #fff2d6;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.article-v2__hero header strong {
  max-width: 720px;
  color: #5e4c40;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  font-weight: 500;
  line-height: 1.55;
}
.article-v2__meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.article-v2__meta span {
  padding: 9px 13px;
  border: 1px solid #e3d7c8;
  border-radius: 999px;
  color: #6b584b;
  background: rgba(255, 255, 255, .64);
  font-size: .74rem;
  font-weight: 800;
  text-transform: uppercase;
}
.article-v2 > .article-v2__share { margin: 18px 0 30px; }
.article-v2__body {
  max-width: none;
  margin: 0 0 30px;
  padding: clamp(28px, 4vw, 58px);
  border: 1px solid #e9dfd1;
  border-radius: 28px;
  background: #fffdfa;
  box-shadow: 0 16px 32px rgba(58, 38, 21, .06);
}
.article-v2__body .n-rich-text {
  max-width: 930px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: #33271f;
  font-size: 1.05rem;
  line-height: 1.72;
}
.article-v2__body .n-rich-text > .intro-box {
  margin: 0 0 25px;
  color: #443831;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.7;
}
.article-v2__body .key-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 25px 0 32px;
  padding: 12px;
  border: 1px solid #e8c97a;
  border-radius: 20px;
  background: linear-gradient(100deg, #fff7de, #f9e5b0);
}
.article-v2__body .kf-item {
  min-width: 0;
  padding: 14px 12px;
  border: 1px solid rgba(180, 132, 35, .18);
  border-radius: 15px;
  background: rgba(255, 253, 248, .82);
}
.article-v2__body .kf-val { color: #a86c0b; font: 600 2rem/1 'Cormorant Garamond', Georgia, serif; }
.article-v2__body .kf-unit { color: #30251d; font-size: .74rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.article-v2__body .kf-label { color: #75675d; font-size: .72rem; line-height: 1.35; }
.article-v2__body .toc {
  margin: 0 0 30px;
  padding: 18px 21px;
  border: 1px solid rgba(78, 57, 35, .12);
  border-left: 4px solid #d6a326;
  border-radius: 0 16px 16px 0;
  background: #faf4e8;
}
.article-v2__body .toc-title { margin-bottom: 9px; color: #8c6014; font-size: .67rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.article-v2__body .toc ol { display: grid; gap: 5px; margin: 0; padding-left: 19px; }
.article-v2__body .toc li { padding-left: 2px; color: #9c7b3d; font-size: .95rem; }
.article-v2__body .toc a { color: #534238; font-weight: 700; text-decoration: none; }
.article-v2__body h2, .article-v2__body h3 { color: #302018; font-family: Georgia, 'Times New Roman', serif; }
.article-v2__body h2 { font-size: clamp(2rem, 3vw, 3rem); line-height: 1.05; }
.article-v2__body table { display: table; overflow: hidden; }
.article-v2 > footer { margin-top: 0; }
@media (max-width: 760px) {
  .article-v2 { width: min(100% - 26px, 1200px); padding-top: 20px; }
  .article-v2__crumb { font-size: .62rem; }
  .article-v2__crumb b { max-width: 225px; }
  .article-v2__hero { grid-template-columns: 1fr; border-radius: 24px; }
  .article-v2__hero figure, .article-v2__hero figure img { min-height: 0; height: 330px; }
  .article-v2__hero header { padding: 30px 24px 34px; }
  .article-v2 h1 { font-size: clamp(2.4rem, 13vw, 4.1rem); }
  .article-v2__body { padding: 25px 20px; border-radius: 22px; }
  .article-v2__body .n-rich-text { font-size: 1rem; }
  .article-v2__body .key-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 19px 0 23px; }
  .article-v2__body .kf-item { padding: 12px 8px; }
  .article-v2__body .toc { padding: 16px; border-radius: 0 13px 13px 0; }
  .article-v2__body table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* Licence recovery page: a focused support flow with the live site's editorial rhythm. */
.recover-key-v2 { max-width: 1240px; margin: 0 auto; padding: 24px 0 72px; color: #2a211c; }
.recover-key-v2[dir="rtl"] { text-align: right; }
.recover-key-v2__crumb { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; color: #887466; font-size: .78rem; }
.recover-key-v2__crumb a { color: #95630e; text-decoration: none; }
.recover-key-v2__crumb b { color: #4d3b2e; font-weight: 800; }
.recover-key-v2__hero { position: relative; display: flex; justify-content: space-between; gap: 36px; overflow: hidden; padding: clamp(32px, 5vw, 60px); border: 1px solid #edbd23; border-radius: 30px; background: linear-gradient(120deg, #fffdf9 5%, #ffefb9 100%); box-shadow: 0 13px 30px rgba(80, 55, 21, .07); }
.recover-key-v2__hero::after { position: absolute; right: -115px; bottom: -180px; width: 390px; height: 390px; border: 1px solid rgba(145, 100, 19, .18); border-radius: 50%; content: ''; }
.recover-key-v2__hero-copy { position: relative; z-index: 1; max-width: 880px; }
.recover-key-v2__eyebrow { margin: 0 0 13px; color: #a16a08; font-size: .7rem; font-weight: 900; letter-spacing: .18em; line-height: 1.35; text-transform: uppercase; }
.recover-key-v2 h1, .recover-key-v2 h2, .recover-key-v2 h3 { font-family: 'Cormorant Garamond', Georgia, serif; }
.recover-key-v2 h1 { margin: 0; color: #1e1713; font-size: clamp(3.7rem, 7vw, 7rem); font-weight: 600; letter-spacing: -.05em; line-height: .86; }
.recover-key-v2__intro { max-width: 720px; margin: 25px 0 0; color: #705e51; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.62; }
.recover-key-v2__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 760px; margin-top: 28px; }
.recover-key-v2__fact { display: grid; gap: 7px; min-height: 77px; align-content: center; padding: 12px 15px; border: 1px solid rgba(125, 88, 27, .17); border-radius: 15px; background: rgba(255, 253, 249, .67); }
.recover-key-v2__fact span { color: #967249; font-size: .66rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.recover-key-v2__fact strong { color: #30231c; font-size: .94rem; line-height: 1.25; }
.recover-key-v2__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
.recover-key-v2__button { display: inline-flex; min-height: 47px; align-items: center; justify-content: center; padding: 0 21px; border: 1px solid #dfc99a; border-radius: 999px; color: #34251c; font-size: .72rem; font-weight: 900; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.recover-key-v2__button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(65, 43, 16, .13); }
.recover-key-v2__button--gold { border-color: #e0a900; background: #f1b817; color: #241b16; }
.recover-key-v2__button--ghost { background: rgba(255, 253, 249, .65); }
.recover-key-v2__hero-mark { position: relative; z-index: 1; display: grid; width: 175px; height: 175px; flex: 0 0 175px; align-content: center; justify-items: center; border: 1px solid rgba(132, 89, 14, .23); border-radius: 50%; background: rgba(255, 255, 255, .55); box-shadow: inset 0 0 0 18px rgba(255, 255, 255, .18); transform: rotate(7deg); }
.recover-key-v2__hero-mark span { color: #bc820b; font-size: 1.9rem; line-height: .8; }
.recover-key-v2__hero-mark strong { color: #a56c08; font-family: 'Bebas Neue', Impact, sans-serif; font-size: 3.1rem; line-height: .85; letter-spacing: .05em; }
.recover-key-v2__hero-mark small { color: #715b46; font-size: .62rem; font-weight: 900; letter-spacing: .13em; line-height: 1.35; text-align: center; }
.recover-key-v2__layout { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(320px, .87fr); gap: 22px; margin-top: 22px; align-items: start; }
.recover-key-v2__sheet, .recover-key-v2__form-card, .recover-key-v2__support-grid article { border: 1px solid rgba(90, 67, 43, .13); border-radius: 26px; background: rgba(255, 253, 249, .9); box-shadow: 0 11px 28px rgba(78, 55, 26, .06); }
.recover-key-v2__sheet { padding: clamp(25px, 4vw, 45px); }
.recover-key-v2__sheet h2, .recover-key-v2__form-card h2 { margin: 0 0 15px; color: #302018; font-size: clamp(2.15rem, 4vw, 3.4rem); line-height: .94; }
.recover-key-v2__sheet > p:not(.recover-key-v2__eyebrow), .recover-key-v2__form-card > p:not(.recover-key-v2__eyebrow) { margin: 0; color: #705e51; font-size: 1rem; line-height: 1.65; }
.recover-key-v2__records { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 27px 0 30px; padding: 16px 0; border-top: 1px solid #eadfd0; border-bottom: 1px solid #eadfd0; }
.recover-key-v2__records div { min-width: 0; }
.recover-key-v2__records dt { margin-bottom: 7px; color: #a16a08; font-size: .65rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.recover-key-v2__records dd { margin: 0; color: #44352b; font-size: .9rem; line-height: 1.4; }
.recover-key-v2__records a { color: #79500b; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.recover-key-v2__sheet h3 { margin: 0 0 12px; color: #38271e; font-size: 2rem; line-height: 1; }
.recover-key-v2__list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.recover-key-v2__list li { position: relative; padding-left: 23px; color: #655448; font-size: .96rem; line-height: 1.52; }
.recover-key-v2__list li::before { position: absolute; left: 0; top: 1px; color: #c58b12; content: '✓'; font-weight: 900; }
.recover-key-v2__form-card { position: sticky; top: 22px; padding: clamp(25px, 4vw, 38px); background: linear-gradient(145deg, #fffdf9, #f9edc6); }
.recover-key-v2__form-card h2 { font-size: clamp(2.25rem, 4.4vw, 3.8rem); }
.recover-key-v2__form { display: grid; gap: 10px; margin-top: 25px; }
.recover-key-v2__form label { color: #59483b; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.recover-key-v2__form input[type="email"] { min-height: 52px; padding: 0 16px; border: 1px solid #d9c7aa; border-radius: 13px; outline: 0; background: #fffdf9; color: #2a211c; font: inherit; }
.recover-key-v2__form input[type="email"]:focus { border-color: #dfa910; box-shadow: 0 0 0 3px rgba(223, 169, 16, .18); }
.recover-key-v2__form button { margin-top: 5px; border: 0; cursor: pointer; }
.recover-key-v2__form button:disabled { cursor: wait; opacity: .65; }
.recover-key-v2__note { margin: 2px 0 0; color: #806c5b; font-size: .78rem; line-height: 1.45; }
.recover-key-v2__feedback { min-height: 1.35em; margin: 4px 0 0; font-size: .84rem; line-height: 1.45; }
.recover-key-v2__feedback.is-success { color: #22784b; }
.recover-key-v2__feedback.is-error { color: #ad3a2d; }
.recover-key-v2__support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 22px; }
.recover-key-v2__support-grid article { padding: 27px 30px; background: #241b17; color: #fff; }
.recover-key-v2__support-grid article + article { background: linear-gradient(135deg, #fffdf9, #f5e9c9); color: #2a211c; }
.recover-key-v2__support-grid h3 { margin: 0 0 9px; font-size: 2.15rem; line-height: .95; }
.recover-key-v2__support-grid article > p:not(.recover-key-v2__eyebrow) { margin: 0 0 18px; color: #dfcfbe; font-size: .94rem; line-height: 1.55; }
.recover-key-v2__support-grid article + article > p:not(.recover-key-v2__eyebrow) { color: #705e51; }
.recover-key-v2__inline-link { color: #eeb514; font-size: .75rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.recover-key-v2__support-grid article + article .recover-key-v2__inline-link { color: #94600a; }
.recover-key-v2__inline-link span { margin-left: 5px; }
@media (max-width: 900px) {
  .recover-key-v2 { padding: 16px 0 48px; }
  .recover-key-v2__hero { padding: 32px 24px; }
  .recover-key-v2__hero-mark { width: 130px; height: 130px; flex-basis: 130px; }
  .recover-key-v2__hero-mark strong { font-size: 2.4rem; }
  .recover-key-v2__layout { grid-template-columns: 1fr; }
  .recover-key-v2__form-card { position: static; }
}
@media (max-width: 620px) {
  .recover-key-v2 { padding: 12px 0 38px; }
  .recover-key-v2__crumb { padding: 0 5px; }
  .recover-key-v2__hero { display: block; border-radius: 22px; }
  .recover-key-v2 h1 { font-size: clamp(3rem, 15vw, 5.2rem); }
  .recover-key-v2__facts, .recover-key-v2__records, .recover-key-v2__support-grid { grid-template-columns: 1fr; }
  .recover-key-v2__hero-mark { margin: 28px auto 0; }
  .recover-key-v2__actions { display: grid; }
  .recover-key-v2__button { width: 100%; }
  .recover-key-v2__sheet, .recover-key-v2__form-card { border-radius: 22px; padding: 23px 18px; }
  .recover-key-v2__support-grid article { border-radius: 22px; padding: 24px 20px; }
}

/* Printable bracket: a compact, editorial form instead of one oversized field per row. */
.bracket-tool { max-width: 1240px; }
.bracket-tool__workspace {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "notice notice notice notice notice notice notice notice notice notice notice notice"
    "type type type type count count formation formation formation perpage perpage perpage"
    "checks checks checks checks checks checks checks checks checks checks checks checks"
    "name name name name date date date date club club club club"
    "actions actions actions actions actions actions actions actions actions actions actions actions"
    "output output output output output output output output output output output output";
  gap: 16px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid rgba(70, 49, 29, .14);
  border-radius: 28px;
  background: linear-gradient(145deg, #fffefa, #fbf2df);
  box-shadow: 0 16px 34px rgba(65, 45, 22, .08);
}
.bracket-tool__notice {
  display: flex;
  min-height: 54px;
  align-items: center;
  margin: 0;
  padding: 14px 18px;
  border: 1px solid rgba(211, 158, 25, .4);
  border-radius: 16px;
  background: linear-gradient(100deg, #fff8da, #ffefb4);
  color: #49300c;
  font-size: .92rem;
  line-height: 1.45;
}
.bracket-tool__form { display: contents; }
.bracket-tool__form label {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  color: #6f4e14;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.bracket-tool__form label:nth-child(1) { grid-area: type; }
.bracket-tool__form label:nth-child(2) { grid-area: count; }
.bracket-tool__form label:nth-child(3) { grid-area: formation; }
.bracket-tool__form label:nth-child(4) { grid-area: perpage; }
.bracket-tool__form label:nth-child(5) { grid-area: name; }
.bracket-tool__form label:nth-child(6) { grid-area: date; }
.bracket-tool__form label:nth-child(7) { grid-area: club; }
.bracket-tool__form :is(input, select) {
  width: 100%;
  min-width: 0;
  min-height: 49px;
  padding: 11px 13px;
  border: 1px solid #d8c8b2;
  border-radius: 13px;
  outline: 0;
  background: #fffdfa;
  color: #30241d;
  font: 600 .86rem/1.2 "Manrope", sans-serif;
  box-sizing: border-box;
}
.bracket-tool__form :is(input, select):focus {
  border-color: #d6a315;
  box-shadow: 0 0 0 3px rgba(214, 163, 21, .18);
}
.bracket-tool__checks {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin: 0;
  padding: 13px 15px;
  border: 1px solid rgba(70, 49, 29, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .56);
  color: #51453b;
  font-size: .82rem;
  font-weight: 700;
}
.bracket-tool__checks label { display: inline-flex; align-items: center; gap: 7px; }
.bracket-tool__checks input { accent-color: #bd8214; }
.bracket-tool__actions {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 11px;
  margin: 1px 0 0;
}
.bracket-tool__actions button {
  min-height: 52px;
  border: 1px solid #2b211a;
  border-radius: 14px;
  background: #2b211a;
  color: #fff8ed;
  cursor: pointer;
  font: 850 .7rem/1 "Manrope", sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.bracket-tool__actions button:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(50, 35, 20, .16); filter: brightness(1.04); }
.bracket-tool__actions button:first-child { border-color: #e2a900; background: linear-gradient(100deg, #efb719, #ffd05b); color: #2b211a; }
.bracket-tool__actions button:nth-child(2) { border-color: #357d54; background: #357d54; }
.bracket-tool__output {
  min-height: 190px;
  margin: 0;
  padding: 26px;
  overflow: auto;
  border: 1px solid rgba(70, 49, 29, .14);
  border-radius: 20px;
  background: #fffdf9;
}

@media (min-width: 1181px) {
  body:has(.bracket-tool) .site-header {
    grid-template-columns: minmax(240px, .78fr) minmax(0, 1.95fr) minmax(240px, .82fr);
    padding-right: 24px;
    padding-left: 24px;
  }
  body:has(.bracket-tool) .header-center .main-nav { column-gap: 8px; }
}
@media (max-width: 900px) {
  .bracket-tool__workspace {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "notice notice"
      "type count"
      "formation perpage"
      "checks checks"
      "name date"
      "club club"
      "actions actions"
      "output output";
    padding: 22px;
  }
  .bracket-tool__form label:nth-child(1), .bracket-tool__form label:nth-child(2),
  .bracket-tool__form label:nth-child(3), .bracket-tool__form label:nth-child(4),
  .bracket-tool__form label:nth-child(5), .bracket-tool__form label:nth-child(6),
  .bracket-tool__form label:nth-child(7) { grid-column: auto; }
}
@media (max-width: 620px) {
  .bracket-tool__workspace {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "notice" "type" "count" "formation" "perpage" "checks" "name" "date" "club" "actions" "output";
    gap: 13px;
    padding: 18px;
    border-radius: 22px;
  }
  .bracket-tool__actions { grid-template-columns: 1fr; }
  .bracket-tool__output { padding: 20px 16px; }
}
/* Lexicon page: dedicated parity layout inspired by the live directory. */
.page:has(.lexicon-page), .site-main:has(.lexicon-page) { padding-top: 0; }
.lexicon-page { display: grid; gap: 16px; width: min(1400px, calc(100% - 48px)); margin: 0 auto 48px; }
.lexicon-page .breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; padding: 0 3px; color: #756558; font-size: .78rem; }
.lexicon-page .breadcrumbs a { color: #8c610d; text-decoration: none; }
.lexicon-page .breadcrumbs a:hover { text-decoration: underline; }
.lexicon-hero { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 28px; align-items: center; overflow: hidden; padding: 28px 32px; border: 1px solid rgba(184,122,18,.28); border-bottom: 3px solid #dfad16; border-radius: 28px; background: linear-gradient(110deg, #fffefb, #fae8ae); }
.lexicon-hero h1 { max-width: 850px; margin: 5px 0 11px; color: #2b211b; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(2.55rem, 4.4vw, 4.5rem); line-height: .92; letter-spacing: -.045em; }
.lexicon-hero p:not(.eyebrow) { max-width: 800px; margin: 0; color: #65554a; line-height: 1.55; }
.lexicon-hero-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.lexicon-hero-tags span { padding: 7px 10px; border: 1px solid rgba(91,62,23,.15); border-radius: 999px; background: rgba(255,255,255,.68); color: #765018; font-size: .66rem; font-weight: 850; letter-spacing: .065em; text-transform: uppercase; }
.lexicon-hero-photo { position: relative; width: 220px; height: 176px; justify-self: end; margin: 0; overflow: hidden; border: 1px solid rgba(91,62,23,.25); border-radius: 20px; background: #5b4229; box-shadow: 0 13px 26px rgba(71,48,21,.15); }
.lexicon-hero-photo::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(31,22,14,.78)); content: ''; pointer-events: none; }
.lexicon-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.lexicon-hero-photo figcaption { position: absolute; right: 12px; bottom: 10px; left: 12px; z-index: 1; color: #fff9ed; font-size: .73rem; font-weight: 800; line-height: 1.28; }
.lexicon-directory { padding: 24px; border: 1px solid rgba(46,32,18,.1); border-radius: 26px; background: #fffdf9; }
.lexicon-directory-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .52fr); gap: 24px; align-items: end; }
.lexicon-directory-heading h2, .lexicon-help h2 { margin: 5px 0 0; color: #2b211b; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(2rem, 3.3vw, 3.35rem); line-height: .95; letter-spacing: -.035em; }
.lexicon-search { position: relative; display: flex; align-items: center; min-height: 49px; padding: 0 46px 0 15px; border: 1px solid rgba(124,82,17,.22); border-radius: 15px; background: #fffefa; box-shadow: 0 8px 18px rgba(67,45,20,.05); }
.lexicon-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #2b211b; font: 600 .9rem "Manrope", sans-serif; }
.lexicon-search input::placeholder { color: #887b6d; }
.lexicon-search b { position: absolute; right: 14px; color: #a97011; font: 1.5rem/1 "Cormorant Garamond", Georgia, serif; }
.lexicon-alphabet { display: flex; flex-wrap: wrap; gap: 6px; margin: 19px 0 10px; }
.lexicon-alphabet button { min-width: 34px; height: 32px; padding: 0 8px; border: 1px solid rgba(123,81,18,.19); border-radius: 9px; background: #fffaf0; color: #644920; cursor: pointer; font: 800 .7rem "Manrope", sans-serif; transition: background .16s ease, color .16s ease, transform .16s ease; }
.lexicon-alphabet button:hover, .lexicon-alphabet button.is-active { background: #eeb51c; color: #2a211b; transform: translateY(-1px); }
.lexicon-result-count { margin: 0 0 17px; color: #6d6054; font-size: .82rem; }
.lexicon-result-count strong { color: #a66d0b; }
.lexicon-groups { display: grid; gap: 18px; }
.lexicon-letter { scroll-margin-top: 145px; }
.lexicon-letter[hidden] { display: none; }
.lexicon-letter > header { display: flex; align-items: baseline; gap: 11px; margin-bottom: 9px; padding-bottom: 7px; border-bottom: 1px solid rgba(68,46,23,.1); }
.lexicon-letter > header span { color: #b2760e; font: 400 2rem/1 "Bebas Neue", "Arial Narrow", sans-serif; }
.lexicon-letter > header p { margin: 0; color: #7d6c5c; font-size: .73rem; font-weight: 750; }
.lexicon-terms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.lexicon-term { min-height: 126px; padding: 15px; border: 1px solid rgba(58,40,21,.1); border-radius: 16px; background: #fffefa; }
.lexicon-term[hidden] { display: none; }
.lexicon-term:nth-child(3n+2) { background: #f3f7ed; }
.lexicon-term:nth-child(3n) { background: #fdf0d2; }
.lexicon-term > div { display: flex; gap: 10px; align-items: start; justify-content: space-between; }
.lexicon-term h3 { margin: 0; color: #2b211b; font: 800 1rem/1.18 "Manrope", sans-serif; }
.lexicon-term span { flex: 0 0 auto; padding: 4px 6px; border-radius: 999px; background: rgba(255,255,255,.7); color: #8b651d; font-size: .57rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.lexicon-term p { margin: 9px 0 0; color: #67594e; font-size: .82rem; line-height: 1.45; }
.lexicon-empty { margin: 16px 0 0; padding: 14px; border-radius: 14px; background: #f9ecd1; color: #65471e; font-weight: 750; }
.lexicon-help { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 22px 26px; border: 1px solid rgba(42,31,20,.1); border-radius: 24px; background: linear-gradient(110deg, #2b211b, #5a3924); }
.lexicon-help .eyebrow, .lexicon-help h2 { color: #fff8eb; }
.lexicon-help > div > p:not(.eyebrow) { max-width: 780px; margin: 10px 0 0; color: #e8d8c3; line-height: 1.52; }
.lexicon-help .btn { white-space: nowrap; }
.lexicon-share { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid #e9cc79; border-radius: 22px; background: linear-gradient(105deg, #fffdf8, #ffe6a5); }
.lexicon-share > .share-copy { max-width: 570px; }
.lexicon-share .share-copy p { margin: 0 0 7px; color: #9d6a0d; font: 800 .7rem/1 "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.lexicon-share .share-copy strong { color: #34251b; font: 800 1rem/1.38 "Manrope", sans-serif; }
.lexicon-share .share-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.lexicon-share-link { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 13px; border-radius: 999px; background: #2e211a; color: #fff9ee; font: 800 .67rem/1 "Manrope", sans-serif; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }
.lexicon-share-link:hover { transform: translateY(-1px); filter: brightness(1.06); }
.lexicon-share-link img { width: 17px; height: 17px; }
.lexicon-share-link--facebook { background: #247cf2; }
.lexicon-share-link--instagram { background: linear-gradient(100deg, #9d35ba, #ff5f3f); }
.lexicon-share-link--youtube { background: #f32424; }
.lexicon-share-link--x { background: #111; }
.lexicon-newsletter { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 18px 22px; border-radius: 18px; background: linear-gradient(120deg, #2b211b, #5a3924); color: #fff8eb; text-decoration: none; }
.lexicon-newsletter span { color: #efbf33; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.lexicon-newsletter strong { font: 800 1rem/1.25 "Manrope", sans-serif; }
.lexicon-newsletter b { padding: 11px 15px; border-radius: 999px; background: #efb517; color: #2a211b; font: 800 .68rem/1 "Manrope", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 800px) {
  .lexicon-page { width: min(calc(100% - 20px), 1400px); }
  .lexicon-hero { grid-template-columns: 1fr; padding: 22px; }
  .lexicon-hero-photo { width: min(100%, 300px); justify-self: start; }
  .lexicon-directory { padding: 18px; }
  .lexicon-directory-heading, .lexicon-help { grid-template-columns: 1fr; gap: 14px; }
  .lexicon-terms { grid-template-columns: 1fr; }
  .lexicon-help .btn { width: fit-content; }
  .lexicon-alphabet { gap: 5px; }
  .lexicon-alphabet button { min-width: 31px; }
  .lexicon-share { display: grid; padding: 20px; }
  .lexicon-share .share-actions { justify-content: flex-start; }
  .lexicon-newsletter { grid-template-columns: 1fr; gap: 12px; }
  .lexicon-newsletter b { justify-self: start; }
}