/* Adaptations de la version PHP : composants transversaux et progressive enhancement. */
.flash-stack { position: fixed; z-index: 1000; top: 18px; left: 50%; width: min(520px, calc(100% - 28px)); transform: translateX(-50%); pointer-events: none; }
.flash-stack.in-layout { position: relative; top: auto; left: auto; width: 100%; margin-bottom: 20px; transform: none; }
.flash { display: grid; grid-template-columns: 34px 1fr 24px; align-items: center; gap: 11px; margin-bottom: 9px; border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; color: var(--earth); background: rgba(255,254,253,.98); box-shadow: 0 14px 45px rgba(47,33,29,.15); pointer-events: auto; }
.flash > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; color: white; background: var(--sage); font-weight: 900; }.flash p { margin: 0; font-size: .82rem; }.flash button { border: 0; color: var(--earth-soft); background: transparent; cursor: pointer; font-size: 1.2rem; }.flash-error > span { background: var(--danger); }.flash-info > span { background: var(--violet); }
.cookie-banner { position: fixed; z-index: 900; right: 18px; bottom: 18px; width: min(680px, calc(100% - 36px)); border: 1px solid var(--line); border-radius: 10px; padding: 24px; color: var(--earth); background: rgba(255,250,242,.98); box-shadow: var(--shadow); backdrop-filter: blur(12px); }.cookie-banner[hidden] { display: none; }.cookie-banner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 25px; }.cookie-banner strong { font-family: var(--serif); font-size: 1.25rem; }.cookie-banner p { margin: 5px 0 0; color: var(--earth-soft); font-size: .75rem; }.cookie-banner > div:last-child { display: flex; align-items: center; gap: 8px; }.cookie-banner a { color: var(--earth-soft); font-size: .67rem; text-decoration: underline; }.cookie-banner .button { min-height: 40px; padding: 0 13px; font-size: .66rem; }

.page-hero { padding: 175px 0 85px; background: radial-gradient(circle at 80% 30%, rgba(255,167,38,.19), transparent 32%), var(--paper-deep); }.page-hero.compact { padding-bottom: 60px; }.page-hero .container { max-width: 900px; }.page-hero h1 { margin-bottom: 24px; font-size: clamp(3rem, 7vw, 6rem); letter-spacing: -.055em; }.page-hero p:not(.eyebrow) { max-width: 760px; color: var(--earth-soft); font-family: var(--serif); font-size: clamp(1.2rem,2.5vw,1.65rem); line-height: 1.55; }
.content-section { padding: 90px 0; background: var(--white); }.content-narrow { width: min(820px, calc(100% - 40px)); margin-inline: auto; }.prose { font-size: 1rem; line-height: 1.85; }.prose h2 { margin: 65px 0 22px; font-size: clamp(2rem,4vw,3.3rem); }.prose h3 { margin: 38px 0 15px; font-size: 1.55rem; }.prose p { color: var(--earth-soft); }.prose ul { color: var(--earth-soft); }.prose a { color: var(--violet); text-decoration: underline; text-underline-offset: 3px; }.prose blockquote { margin: 35px 0; border-left: 3px solid var(--sun); padding: 12px 0 12px 27px; color: var(--earth); font-family: var(--serif); font-size: 1.4rem; font-style: italic; }
.feature-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.feature-card { border: 1px solid var(--line); border-radius: 8px; padding: 28px; background: var(--paper); }.feature-card > span { display: grid; width: 45px; height: 45px; margin-bottom: 20px; place-items: center; border-radius: 50%; color: var(--earth); background: var(--sun-soft); }.feature-card h3 { margin-bottom: 10px; }.feature-card p { margin: 0; color: var(--earth-soft); font-size: .82rem; }
.form-card { width: min(760px, calc(100% - 32px)); margin: 0 auto; border: 1px solid var(--line); border-radius: 10px; padding: clamp(24px,5vw,52px); background: var(--white); box-shadow: 0 22px 70px rgba(70,43,32,.08); }.form-grid { display: grid; gap: 18px; }.form-grid.two { grid-template-columns: 1fr 1fr; }.field { display: grid; gap: 8px; }.field > span, .field label { color: var(--earth); font-size: .7rem; font-weight: 800; }.field input, .field select, .field textarea { width: 100%; border: 1px solid var(--line); border-radius: 6px; padding: 13px 14px; color: var(--earth-dark); background: var(--paper); outline: none; }.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--sun); box-shadow: 0 0 0 4px rgba(255,167,38,.1); }.field textarea { min-height: 120px; resize: vertical; }.field small { color: var(--earth-soft); font-size: .65rem; }.check-field { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; color: var(--earth-soft); font-size: .75rem; }.check-field input { margin-top: 4px; accent-color: var(--earth); }.form-actions { display: flex; align-items: center; gap: 14px; margin-top: 8px; }.form-note { color: var(--earth-soft); font-size: .7rem; }.error-list { margin: 0 0 20px; border: 1px solid rgba(181,71,71,.25); border-radius: 7px; padding: 14px 17px; color: var(--danger); background: #fff7f4; font-size: .78rem; }

.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(360px,.82fr) 1.18fr; background: var(--white); }.auth-brand-panel { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 42px; color: white; background: var(--earth-dark); }.auth-brand-panel::after { content:""; position:absolute; width:650px; height:650px; right:-360px; bottom:-320px; border:1px solid rgba(255,167,38,.35); border-radius:50%; box-shadow: 0 0 0 80px rgba(255,167,38,.04),0 0 0 160px rgba(255,167,38,.03); }.auth-brand-panel img { position: relative; z-index: 2; width: 205px; filter: brightness(0) invert(1); }.auth-quote { position: relative; z-index: 2; max-width: 470px; }.auth-quote span { color: var(--sun); font-size: 2.5rem; }.auth-quote blockquote { margin: 12px 0 18px; color: white; font-family: var(--serif); font-size: clamp(2rem,4vw,3.8rem); line-height: 1.08; }.auth-quote p { color: rgba(255,255,255,.63); }.auth-main { display: grid; place-items: center; padding: 90px 32px; }.auth-card { width: min(520px,100%); }.auth-card .eyebrow { margin-bottom: 18px; }.auth-card h1 { font-size: clamp(2.7rem,5vw,4.5rem); letter-spacing: -.05em; }.auth-card > p { color: var(--earth-soft); }.auth-card .form-grid { margin-top: 32px; }.auth-links { display:flex; justify-content:space-between; gap:15px; margin-top:18px; color:var(--earth-soft); font-size:.75rem; }.auth-links a { color:var(--earth); text-decoration:underline; }.password-hint { color: var(--earth-soft); font-size:.64rem; }.auth-success { border:1px solid rgba(113,128,106,.3); border-radius:8px; padding:25px; background:var(--sage-soft); }.auth-success h2 { font-size:1.6rem; }

.tool-page { padding: 150px 0 95px; background: linear-gradient(150deg,var(--paper),var(--paper-deep)); }.tool-shell { display:grid; grid-template-columns: .7fr 1.3fr; gap:60px; align-items:start; }.tool-intro { position:sticky; top:35px; }.tool-intro h1 { font-size:clamp(3rem,6vw,5.7rem); }.tool-intro p { color:var(--earth-soft); }.interactive-card { border:1px solid var(--line); border-radius:10px; padding:clamp(24px,4vw,48px); background:var(--white); box-shadow:var(--shadow); }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.value-chip { border:1px solid var(--line); border-radius:40px; padding:11px; color:var(--earth); background:var(--paper); cursor:pointer; }.value-chip.selected { border-color:var(--sun); background:var(--sun-soft); }.tool-result { margin-top:25px; border-radius:8px; padding:22px; background:var(--sage-soft); }.tool-result[hidden] { display:none; }.tool-result h3 { margin-bottom:8px; }.wheel-fields { display:grid; gap:17px; }.range-row { display:grid; grid-template-columns:180px 1fr 34px; align-items:center; gap:15px; }.range-row label { font-family:var(--serif); }.range-row input { accent-color:var(--sun-deep); }.range-row output { display:grid; width:33px; height:33px; place-items:center; border-radius:50%; color:white; background:var(--earth); font-size:.7rem; }.wheel-summary { display:grid; grid-template-columns:140px 1fr; gap:24px; align-items:center; margin-top:30px; border-top:1px solid var(--line); padding-top:28px; }.score-orbit { display:grid; width:130px; height:130px; place-items:center; border-radius:50%; background:conic-gradient(var(--sun) var(--score,50%),var(--paper-deep) 0); }.score-orbit::before { content:""; grid-area:1/1; width:100px; height:100px; border-radius:50%; background:var(--white); }.score-orbit strong { z-index:1; grid-area:1/1; font-family:var(--serif); font-size:2rem; }.tool-steps { display:flex; gap:8px; margin-bottom:28px; }.tool-steps span { flex:1; height:4px; border-radius:4px; background:var(--paper-deep); }.tool-steps span.active { background:var(--sun); }

.blog-php-hero { padding:165px 0 70px; background:var(--paper-deep); }.blog-php-hero h1 { font-size:clamp(3.6rem,8vw,7rem); }.blog-php-hero p { max-width:680px; color:var(--earth-soft); font-family:var(--serif); font-size:1.4rem; }.blog-php-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:23px; padding:70px 0 110px; }.blog-php-card { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--white); transition:.25s ease; }.blog-php-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }.blog-php-card .cover { position:relative; aspect-ratio:16/9; overflow:hidden; }.blog-php-card img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }.blog-php-card:hover img { transform:scale(1.035); }.blog-php-card .copy { padding:25px; }.blog-php-card small { color:var(--sun-deep); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.blog-php-card h2 { margin:12px 0; font-size:1.8rem; }.blog-php-card p { color:var(--earth-soft); font-size:.78rem; }.blog-php-card .meta { display:flex; justify-content:space-between; padding-top:18px; border-top:1px solid var(--line); color:var(--earth-soft); font-size:.65rem; }.article-hero { padding:145px 0 75px; background:var(--paper-deep); }.article-hero-grid { display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:70px; }.article-hero h1 { font-size:clamp(3rem,6vw,5.8rem); letter-spacing:-.055em; }.article-hero .lead { color:var(--earth-soft); font-family:var(--serif); font-size:1.2rem; }.article-meta { display:flex; flex-wrap:wrap; gap:14px; color:var(--earth-soft); font-size:.7rem; }.article-cover { overflow:hidden; border-radius:9px; aspect-ratio:16/9; box-shadow:var(--shadow); }.article-cover img { width:100%; height:100%; object-fit:cover; }.article-body { display:grid; grid-template-columns:220px minmax(0,760px); justify-content:center; gap:70px; padding:90px 0; background:var(--white); }.article-toc { position:sticky; top:28px; align-self:start; border-left:1px solid var(--line); padding-left:18px; }.article-toc strong { display:block; margin-bottom:15px; font-size:.62rem; letter-spacing:.12em; }.article-toc a { display:block; margin:10px 0; color:var(--earth-soft); font-size:.67rem; }.article-copy > p { color:var(--earth-soft); font-family:var(--serif); font-size:1.18rem; line-height:1.85; }.article-copy h2 { scroll-margin-top:25px; margin:65px 0 22px; font-size:clamp(2rem,4vw,3.5rem); }.article-copy ul { color:var(--earth-soft); line-height:1.8; }.exercise-box { margin:30px 0; border:1px solid rgba(142,36,170,.18); border-radius:8px; padding:24px; background:#fbf2fc; }.exercise-box strong { display:block; color:var(--violet); }.article-cta { margin:65px 0 0; border-radius:10px; padding:35px; color:white; background:var(--earth-dark); }.article-cta h2,.article-cta p { color:white; }.article-faq details { border-bottom:1px solid var(--line); padding:18px 0; }.article-faq summary { cursor:pointer; font-family:var(--serif); font-size:1.15rem; }

.article-faq summary h3 { display:inline;margin:0;font:inherit; }

.pricing-php { padding-top:150px; }.billing-toggle { display:flex; justify-content:center; gap:8px; margin:-20px auto 45px; }.billing-toggle a { border:1px solid var(--line); border-radius:30px; padding:10px 18px; font-size:.72rem; }.billing-toggle a.active { color:white; background:var(--earth); }.guarantee-row { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:35px; }.guarantee-row div { text-align:center; color:var(--earth-soft); font-size:.72rem; }.guarantee-row span { display:block; margin-bottom:7px; color:var(--sage); font-size:1.4rem; }
.pricing-consent { margin:18px 0 12px;text-align:left; }.pricing-consent a { color:inherit;text-decoration:underline; }

.dashboard .flash-stack { z-index:20; }.member-menu-toggle { display:none; }.dash-sidebar form { margin:0; }.dash-sidebar nav a { text-decoration:none; }.member-empty { display:grid; place-items:center; min-height:280px; border:1px dashed var(--line); border-radius:9px; text-align:center; }.member-empty span { font-size:2.4rem; color:var(--sun); }.member-empty p { max-width:420px; color:var(--earth-soft); }.member-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.member-card { border:1px solid var(--line); border-radius:9px; padding:28px; background:var(--white); }.member-card h2 { font-size:1.55rem; }.member-card p { color:var(--earth-soft); font-size:.7rem; }.member-card .metric { color:var(--sun-deep); font-family:var(--serif); font-size:2.5rem; }.premium-lock { position:relative; overflow:hidden; }.premium-lock::after { content:"PREMIUM"; position:absolute; top:15px; right:-31px; width:115px; padding:5px; color:white; background:var(--violet); text-align:center; font-size:.48rem; letter-spacing:.15em; transform:rotate(40deg); }.module-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.module-card { display:flex; min-height:240px; flex-direction:column; border:1px solid var(--line); border-radius:9px; padding:25px; background:var(--white); }.module-card > span { color:var(--sun-deep); font-size:1.8rem; }.module-card h2 { margin:20px 0 10px; font-size:1.55rem; }.module-card p { flex:1; color:var(--earth-soft); font-size:.68rem; }.module-card small { color:var(--violet); font-weight:800; letter-spacing:.08em; }.path-choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.path-choice { border:1px solid var(--line); border-radius:8px; padding:24px; background:var(--white); }.path-choice h2 { font-size:1.55rem; }.path-choice p { color:var(--earth-soft); font-size:.7rem; }.member-table { width:100%; border-collapse:collapse; background:var(--white); }.member-table th,.member-table td { border-bottom:1px solid var(--line); padding:14px; text-align:left; font-size:.67rem; }.member-table th { color:var(--earth-soft); }.member-table form { margin:0; }.inline-actions { display:flex; gap:8px; align-items:center; }.button-danger { border-color:rgba(181,71,71,.35); color:var(--danger); background:#fff8f6; }.vision-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.vision-card { position:relative; overflow:hidden; border-radius:8px; aspect-ratio:4/3; background:var(--paper-deep); }.vision-card img { width:100%; height:100%; object-fit:cover; }.vision-card .overlay { position:absolute; inset:auto 0 0; padding:30px 14px 12px; color:white; background:linear-gradient(transparent,rgba(0,0,0,.7)); }.vision-card form { position:absolute; top:8px; right:8px; }.vision-card button { border:0; border-radius:50%; width:30px;height:30px;color:white;background:rgba(0,0,0,.55); }.community-feed { display:grid; gap:13px; }.community-post { border:1px solid var(--line); border-radius:8px; padding:22px; background:var(--white); }.community-post header { display:flex; gap:12px; align-items:center; }.community-post header span { display:grid;width:37px;height:37px;place-items:center;border-radius:50%;background:var(--sun-soft); }.community-post header small { display:block;color:var(--earth-soft);font-size:.55rem; }.community-post > p { margin:18px 0;color:var(--earth);font-family:var(--serif); }.community-post footer { display:flex;justify-content:space-between;color:var(--earth-soft);font-size:.58rem; }.community-post footer form { margin:0; }.community-post footer button { border:0;color:var(--earth);background:transparent;cursor:pointer; }

.admin-sidebar nav a { display:flex;align-items:center;gap:12px;border:0;border-radius:5px;padding:11px 12px;color:rgba(255,255,255,.6);background:transparent;font-size:.64rem;text-align:left; }.admin-sidebar nav a i { display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;font-style:normal; }.admin-sidebar nav a.active,.admin-sidebar nav a:hover { color:white;background:rgba(255,255,255,.08); }.admin-sidebar nav a.active i { border-color:var(--sun);color:var(--earth-dark);background:var(--sun); }.admin-profile form { margin:0; }.admin-profile form button { border:0;color:rgba(255,255,255,.55);background:transparent;cursor:pointer; }.admin-section-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:35px; }.admin-section-heading p { margin:0 0 8px;color:var(--sun-deep);font-size:.52rem;font-weight:900;letter-spacing:.15em; }.admin-section-heading h1 { margin:0 0 8px;font-size:clamp(2.4rem,4vw,4rem); }.admin-section-heading > div > span { color:var(--earth-soft);font-size:.68rem; }.admin-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:25px; }.admin-stat { border:1px solid var(--line);border-radius:7px;padding:22px;background:var(--white); }.admin-stat strong { display:block;font-family:var(--serif);font-size:2.4rem; }.admin-stat span { color:var(--earth-soft);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em; }.admin-box { border:1px solid var(--line);border-radius:8px;padding:25px;background:var(--white); }.admin-box h2 { font-size:1.5rem; }.admin-table { width:100%;border-collapse:collapse; }.admin-table th,.admin-table td { border-bottom:1px solid var(--line);padding:12px 9px;text-align:left;font-size:.59rem;vertical-align:top; }.admin-table th { color:var(--earth-soft);letter-spacing:.06em;text-transform:uppercase; }.admin-table select,.admin-table input { border:1px solid var(--line);border-radius:4px;padding:7px;background:var(--paper);font-size:.58rem; }.admin-actions { display:flex;gap:7px;align-items:center; }.admin-actions form { margin:0; }.admin-actions button,.admin-link-button { border:1px solid var(--line);border-radius:4px;padding:7px 9px;color:var(--earth);background:white;cursor:pointer;font-size:.55rem; }.admin-actions .danger { color:var(--danger); }.admin-editor-form { display:grid;gap:16px; }.admin-editor-form .two { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.admin-editor-form textarea.large { min-height:430px;font-family:var(--serif);line-height:1.65; }.readiness-list-php { display:grid;gap:10px; }.readiness-item { display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:7px;padding:16px;background:var(--white); }.readiness-item > span { display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:white;background:var(--danger); }.readiness-item.ready > span { background:var(--sage); }.readiness-item.warning > span { background:var(--sun-deep); }.readiness-item h2 { margin:0;font-size:1rem; }.readiness-item p { margin:3px 0 0;color:var(--earth-soft);font-size:.58rem; }.admin-badge { display:inline-block;border-radius:30px;padding:5px 8px;color:var(--earth);background:var(--paper-deep);font-size:.49rem;font-weight:900;text-transform:uppercase; }.admin-badge.is-active,.admin-badge.is-premium,.admin-badge.is-sent { color:#456044;background:var(--sage-soft); }.admin-badge.is-disabled,.admin-badge.is-failed { color:var(--danger);background:#fff1ee; }.admin-badge.is-trial,.admin-badge.is-queued { color:#8a570c;background:var(--sun-soft); }

.recovery-code-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px; }.recovery-code-grid code,.manual-secret code { display:block;border:1px dashed var(--sun-deep);border-radius:6px;padding:13px;color:var(--earth);background:var(--sun-soft);font-size:.82rem;font-weight:900;letter-spacing:.08em;text-align:center; }.manual-secret { margin:20px 0; }.manual-secret code { overflow-wrap:anywhere;font-size:1rem;line-height:1.7; }.admin-box details { margin-top:20px;color:var(--earth-soft);font-size:.68rem; }.admin-box details summary { cursor:pointer;color:var(--earth);font-weight:800; }.admin-box details textarea { width:100%;margin-top:12px;border:1px solid var(--line);border-radius:5px;padding:10px;background:var(--paper);font-size:.62rem; }

@media (max-width:1050px) { .cookie-banner{grid-template-columns:1fr}.cookie-banner>div:last-child{flex-wrap:wrap}.auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:330px}.auth-quote blockquote{font-size:2.4rem}.tool-shell,.article-hero-grid{grid-template-columns:1fr}.tool-intro{position:static}.blog-php-grid{grid-template-columns:repeat(2,1fr)}.article-body{grid-template-columns:minmax(0,760px);padding-inline:25px}.article-toc{display:none}.module-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)} }
@media (max-width:760px) { html,body{max-width:100%;overflow-x:hidden}.main-nav{max-width:100vw}.hero-grid{grid-template-columns:minmax(0,1fr)!important}.hero-copy,.hero-visual{min-width:0;max-width:100%}.hero-actions .button{white-space:normal;text-align:center}.feature-cards,.blog-php-grid,.guarantee-row,.member-grid,.path-choice-grid,.vision-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.range-row{grid-template-columns:110px 1fr 34px}.wheel-summary{grid-template-columns:1fr}.score-orbit{margin:auto}.auth-brand-panel{display:none}.auth-main{padding:80px 20px}.article-hero{padding-top:125px}.module-grid{grid-template-columns:1fr}.member-menu-toggle{display:block;position:fixed;z-index:80;right:15px;top:15px;border:0;border-radius:30px;padding:10px 15px;color:white;background:var(--earth)}.dash-sidebar{transform:translateX(-105%);transition:transform .25s ease}.dash-sidebar.is-open{transform:none}.dash-content{margin-left:0}.admin-stats{grid-template-columns:1fr 1fr}.admin-editor-form .two{grid-template-columns:1fr}.admin-section-heading{flex-direction:column}.admin-table-wrap{overflow:auto}.admin-table{min-width:850px}.recovery-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* L’espace membre utilise une navigation basse sur mobile. */
@media (max-width:700px) {
  .member-page .member-menu-toggle { display:none; }
  .member-page .dash-sidebar, .member-page .dash-sidebar.is-open { transform:none; }
}
.pricing-course-callout { display: grid; grid-template-columns: 1fr 280px; gap: 50px; align-items: center; margin-top: 55px; padding: clamp(30px,5vw,58px); border: 1px solid var(--line); background: var(--paper-deep); }
.pricing-course-callout h2 { margin-bottom: 12px; font-size: clamp(2rem,3.6vw,3.4rem); }
.pricing-course-callout p { color: var(--earth-soft); }
.pricing-course-callout > div:last-child { display: flex; flex-direction: column; align-items: stretch; text-align: center; }
.pricing-course-callout > div:last-child > strong { color: var(--earth); font-family: var(--serif); font-size: 3.8rem; font-weight: 500; line-height: 1; }
.pricing-course-callout > div:last-child > small { margin: 7px 0 20px; color: var(--earth-soft); }
@media (max-width: 760px) { .pricing-course-callout { grid-template-columns: 1fr; gap: 25px; } }