/* Reset Body identity, taken from the user's Mes progrès reference. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('assets/identity/inter-0.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('assets/identity/inter-1.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('assets/identity/inter-2.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('assets/identity/inter-3.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url('assets/identity/inter-4.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url('assets/identity/inter-5.ttf') format('truetype')}
:root{--bg:#f8f8f6;--paper:#fff;--ink:#0a0a0a;--orange:#c75200;--muted:#625e57;--line:#e4ddd2;--pale:#f4f1ec;--sage:#f4f1ec;--green:#c75200;--sans:Inter,Arial,sans-serif;--head:Inter,Arial,sans-serif;--gutter:clamp(22px,5vw,80px)}
@media screen{
body{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--ink)}
.topbar{width:100%;max-width:1440px;margin:auto;height:auto;min-height:0;padding:25px var(--gutter);gap:30px;border-color:var(--line)}
.brand{gap:18px;flex:0 1 auto;min-width:0;line-height:1.2}
.portrait{width:76px;height:76px;object-fit:cover;flex-shrink:0;border:2px solid #c7520038;border-radius:50%;padding:3px;background:white}
.brand small{font-size:9px;line-height:1.4;font-weight:800;letter-spacing:3.8px;margin-bottom:4px}
.brand b{font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-1.3px}
.brand-accent{color:var(--orange)}
.top-motto{font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--muted);text-align:center}
.topbar .textbtn{font-size:13px;padding:0;white-space:nowrap;font-weight:700}
.hero{width:100%;max-width:1440px;padding:70px var(--gutter) 75px;grid-template-columns:1.1fr 1fr;gap:55px;background:var(--bg)}
.hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(48px,5.7vw,82px);font-weight:900;line-height:.99;letter-spacing:-.07em;margin:0 0 28px}
.hero h1 em{font-family:inherit;font-size:inherit;color:var(--orange);font-style:normal;font-weight:inherit;letter-spacing:inherit}
.eyebrow{font-size:10px;line-height:1.6;letter-spacing:2.1px;font-weight:800;text-transform:uppercase;color:var(--orange);margin-bottom:22px}
.intro{max-width:490px;font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 28px}
.button{gap:35px;padding:20px 26px;border:1px solid transparent;border-radius:999px;min-height:0;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.button.dark{background:var(--ink);border-color:var(--ink);color:white}.button.dark:hover{background:#29241e}.button.outline{border-color:var(--ink);color:var(--ink);background:transparent}.button.outline:hover{background:var(--pale)}
.micro{font-size:11px;color:var(--muted);margin-top:15px}
.hero-art{height:auto;min-height:437px;max-width:none;background:var(--pale);border:1px solid var(--line);position:relative;padding:24px;overflow:hidden;transform:none}
.art-top{font-size:9px;letter-spacing:1.6px;font-weight:800;line-height:1.6}.art-top span:last-child{font-size:20px;line-height:1}
.orbit{height:300px;position:relative;max-width:380px;margin:auto;display:block}
.ring{width:247px;height:247px;border:1px solid #b96936;border-radius:50%;position:absolute;left:50%;top:20px;transform:translateX(-50%)}
.r2{transform:translateX(-50%) rotate(-34deg);width:165px;height:283px;top:3px}
.r3{transform:translateX(-50%) rotate(34deg);width:165px;height:283px;top:3px}
.orbit-title{position:absolute;top:91px;left:0;right:0;text-align:center;font-family:Inter,Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:-1.5px;line-height:1.03}
.orbit-title i{font-family:Georgia,serif;font-weight:400;font-size:46px;color:var(--orange)}
.tag{font-size:8px;letter-spacing:1px;background:var(--bg);padding:7px 10px;font-weight:800;box-shadow:0 1px 2px #0001}
.t1{left:0;top:55px;transform:rotate(-7deg)}.t2{right:0;top:151px;transform:rotate(7deg)}.t3{bottom:12px;left:56px;transform:rotate(-4deg)}
.art-bottom{border-top:1px solid #cbb7a4;padding-top:15px;align-items:end}.art-bottom small{font-size:8px;letter-spacing:1px}.method{gap:24px}.method b{font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:800}
.ribbon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px var(--gutter);border:0;background:var(--ink);color:white;text-align:center;font:700 9px/1.6 Inter,Arial,sans-serif;letter-spacing:1.8px;white-space:normal;overflow:visible}.ribbon>span:nth-child(n){font:inherit;letter-spacing:inherit;color:inherit;line-height:inherit}
.rb-navigation{position:sticky;top:0;z-index:15;width:100%;border-bottom:1px solid var(--line);background:#f8f8f6f5;backdrop-filter:blur(15px)}
.rb-navigation nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;max-width:1440px;margin:0 auto;padding:12px var(--gutter);border:0;overflow:visible}
.rb-navigation nav button{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:0;width:auto;min-width:0;min-height:44px;margin:0;padding:11px 20px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font:700 12px/1.3 Inter,Arial,sans-serif;text-align:center;white-space:normal}
.rb-navigation nav button>span,.rb-navigation nav button>b{display:none}
.rb-navigation nav button:hover{background:transparent;border-color:var(--line);color:var(--ink)}
.rb-navigation nav button.active{background:var(--ink);border-color:var(--ink);color:white}
.workspace{width:100%;max-width:1440px;padding:24px var(--gutter) 60px;scroll-margin-top:90px}
.section-intro{justify-content:flex-end;margin:0 0 18px;min-height:16px}.save-indicator{font-size:10px;color:var(--muted)}.save-indicator:before{color:var(--orange)}
.app-layout{display:block}.panel-intro{margin-bottom:34px;gap:35px;align-items:end}.panel-intro .eyebrow{margin-bottom:10px}
h2,.panel h2{font-size:clamp(36px,4.3vw,60px);font-weight:800;line-height:1.04;letter-spacing:-3px}
h2 em{font:inherit;letter-spacing:inherit;color:var(--ink)}
.panel-intro p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:560px;margin-top:12px}
.pill{border-radius:4px;padding:7px 13px;font-size:11px;border-color:var(--line);background:transparent}
.cycle-bar{padding:18px 22px;border:1px solid var(--line);background:var(--pale);border-radius:5px;gap:18px}
.cycle-bar label,.cycle-info{font-size:12px;color:var(--muted)}.cycle-bar input{background:white;border-color:var(--line);font-size:12px;padding:10px}
.week-tabs{gap:8px}.week-tabs button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-size:12px;font-weight:700}.week-tabs button.active{background:var(--ink);border-color:var(--ink)}
.days{gap:10px}.day{background:white;border-color:var(--line);border-radius:5px;padding:12px 5px;min-height:88px}.day.active{background:var(--pale);border:1px solid var(--orange)}.day b{font-weight:800;font-size:21px}.day small{font-size:10px}.dots{gap:4px}.dots i{background:var(--line)}.dots i.on{background:var(--orange)}
.daily-grid{grid-template-columns:1.2fr .8fr;gap:24px}
.card,.card.sage,details,.bonus-card{border:1px solid var(--line);border-radius:5px;background:white;box-shadow:none}
.card{padding:28px}.card.sage{background:var(--pale)}
.card-title{font:700 21px/1.2 Inter,Arial,sans-serif;letter-spacing:-.7px}.card small{font-size:11px}
.counter{background:var(--pale);color:var(--orange);border-radius:4px;font-size:12px}
.habit{gap:12px;padding:17px 0;border-color:var(--line)}.habit b{font-size:14px;font-weight:700}.habit small{font-size:12px;line-height:1.7}.habit input{accent-color:var(--orange)}.habit:has(input:checked) b{color:var(--ink)}
.field{font-size:12px;font-weight:700;margin-bottom:16px}.field input,.field textarea,.field select{font-weight:400;width:100%;background:white;border:1px solid var(--line);border-radius:4px;padding:12px 13px;font-size:14px;min-height:46px;margin-top:6px}
input[type=range]{accent-color:var(--orange);min-height:26px;padding:0}.range-row output{color:var(--muted)}
summary{font-size:14px;padding:20px 0;font-weight:700}details .details-body{font-size:14px}.subheading{font:700 21px/1.25 Inter,Arial,sans-serif;letter-spacing:-.6px;margin:28px 0 18px}
.notice{background:var(--pale);border-left:2px solid var(--orange);border-radius:4px;color:var(--muted);font-size:13px;padding:18px 22px}
.panel-toolbar{gap:12px}.panel-toolbar .button{min-height:44px;padding:14px 20px;font-size:11px}
.week-summary{font-size:12px}.week-summary b{color:var(--ink);font-weight:800;font-size:28px}
.letter{background:#fbf8f3;border-color:#d9d3cb;border-radius:8px;padding:34px}.letter h3{font-size:30px;font-weight:800;letter-spacing:-1px}.letter h4{font-size:12px;font-weight:800;letter-spacing:1.5px}.letter .habit b{font-size:12px}.letter .habit small{font-size:11px}.letter-lead,.promise{background:#f1ebe3}.letter-columns>div:last-child{border-color:#d9d3cb}.signature-typed{font-family:Inter,Arial,sans-serif;font-style:normal}.signature{border-color:#d9d3cb;background:#fff}.signed-state{color:var(--ink)}
.guide-list b{font-size:14px}.guide-list p{font-size:12px}.body-diagram{color:var(--orange)}.empty-state{color:var(--muted);border-color:var(--line);font-size:13px}.measure-history th{font-size:10px}.measure-history td{font-size:12px}.measure-history button{background:var(--pale);border:1px solid var(--line)}
.bonus-grid{gap:24px}.bonus-card{padding:28px;min-height:290px}.bonus-card:nth-child(n){background:white}.bonus-card .bonus-num{font:900 48px/1 Inter,Arial,sans-serif;letter-spacing:-2px;color:var(--orange)}.bonus-card h3{font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.15}.bonus-card p{font-size:13px;line-height:1.8;color:var(--muted)}.bonus-card .textbtn{font-size:12px;border-color:var(--line)}
.rule:before{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:24px}.rule h3{font-size:21px;font-weight:700;letter-spacing:-.7px}.rule p{font-size:14px;line-height:1.8}.checkin{background:var(--pale);border:1px solid var(--line);border-radius:5px;padding:28px}
.privacy-strip{padding:48px max(var(--gutter),calc((100% - 1440px)/2 + var(--gutter)));display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;background:var(--pale);border-color:var(--line)}.privacy-strip>div{max-width:680px}.privacy-strip h2{font-size:clamp(36px,4.3vw,60px);font-weight:800;letter-spacing:-3px}.privacy-strip h2 em{font:inherit;color:inherit}.privacy-strip p:not(.eyebrow){font-size:13px}.privacy-strip>.button{max-width:none;margin-left:auto;font-size:11px;white-space:normal}.privacy-strip .eyebrow{font-size:10px}
footer{max-width:1440px;margin:auto;padding:36px var(--gutter)}footer>span{font:400 11px/1.6 Inter,Arial,sans-serif}footer .brand b{font-size:19px;font-weight:900;letter-spacing:-1px}footer .brand small{font-size:9px}footer>small{font-size:8px;letter-spacing:1px}
dialog{background:var(--bg);border-color:var(--line);border-radius:6px;max-width:680px;padding:28px}dialog::backdrop{background:#0007;backdrop-filter:none}dialog h2{font-size:30px;line-height:1.1;letter-spacing:-1px}.sheet-label{font-weight:800}.sheet-grid{gap:0 20px}.iconbtn{min-width:44px;min-height:44px}
@media(max-width:1200px){.top-motto{display:none}}
@media(max-width:1050px){.rb-navigation nav button{padding-inline:14px}}
@media(max-width:1000px){.hero{gap:25px}.hero h1{font-size:58px}.intro{font-size:14px}.orbit-title{font-size:28px}.orbit-title i{font-size:40px}.method{gap:12px}.privacy-strip{gap:25px}.letter-columns{grid-template-columns:1.3fr 1fr}.letter-columns>div:last-child{border-left:1px solid #d9d3cb;padding-left:20px}}
@media(max-width:700px){
:root{--gutter:18px}body{font-size:14px;-webkit-text-size-adjust:100%}
.topbar{flex-wrap:wrap;padding:18px var(--gutter);gap:12px 15px}.brand{gap:12px}.portrait{width:56px;height:56px;padding:2px}.brand b{font-size:21px;letter-spacing:-1.3px}.topbar .textbtn{font-size:11px;gap:8px;margin-left:auto}.topbar .textbtn span{margin-left:8px}.brand small{font-size:9px;letter-spacing:3.8px}
.hero{grid-template-columns:1fr;padding:28px var(--gutter);gap:24px}.hero h1{font-size:clamp(36px,9.2vw,46px);line-height:1.06;letter-spacing:-.055em}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.intro{font-size:15px;line-height:1.8}.button{padding:19px 23px;font-size:10px;gap:18px}
.hero-art{height:auto;min-height:370px;max-width:440px;width:100%;margin:auto;padding:18px}.orbit{height:245px;transform:scale(.8);transform-origin:50% 0}.orbit-title{font-size:32px;top:83px}.orbit-title i{font-size:46px}.t1{left:-10px;top:55px}.t2{right:-10px;top:151px}.t3{left:56px}.art-bottom{padding-top:12px}.method{gap:22px}.art-bottom small{font-size:8px}
.ribbon{gap:12px;padding:14px var(--gutter);font-size:8px;line-height:1.6}
.rb-navigation nav{flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-padding-inline:12px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.rb-navigation nav button{flex:0 0 auto;min-height:44px;padding:10px 14px;font:700 12px/1.3 Inter,Arial,sans-serif;white-space:nowrap}
.workspace{padding:24px var(--gutter) 36px;scroll-margin-top:75px}.section-intro{margin-bottom:18px}.save-indicator{margin-top:0;font-size:10px}
h2,.panel h2,.privacy-strip h2{font-size:clamp(28px,7.8vw,34px);line-height:1.12;letter-spacing:-.045em}.panel-intro{display:block;margin-bottom:24px}.panel-intro p:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:14px}.panel-intro .pill{display:inline-block;margin-top:12px;font-size:10px}
.cycle-bar{display:block;padding:15px}.cycle-bar label{display:block;font-size:12px}.cycle-bar input{display:block;margin:8px 0 0;width:100%;font-size:16px;min-height:46px}.cycle-info{display:block;margin-top:10px;font-size:11px}
.week-tabs{gap:6px}.week-tabs button{font-size:11px;padding:10px 5px;min-height:44px}.days{gap:5px}.day{min-height:82px;padding:9px 2px}.day small{font-size:8px}.day b{font-size:18px}.dots{gap:3px}
.daily-grid{grid-template-columns:1fr;gap:18px}.card{padding:18px}.card-title{font-size:21px}.habit b{font-size:14px}.habit small{font-size:12px}.habit input{min-height:19px}.field{font-size:12px}.field input,.field textarea,.field select{font-size:16px;min-height:46px;padding:12px}.field input[type=range]{min-height:26px;padding:0}input[type=date]{appearance:none;-webkit-appearance:none;text-align:left}
.panel-toolbar .button{font-size:10px;padding:14px 12px}.notice{font-size:12px;padding:16px}.week-summary{font-size:11px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid{gap:0 14px}
.letter{padding:22px 18px}.letter h3{font-size:26px}.letter h4{font-size:12px}.letter-columns{grid-template-columns:1fr;gap:18px}.letter-columns>div:last-child{padding-left:0;border:0}.letter .habit b{font-size:13px}.letter .habit small{font-size:12px}.letter-lead,.promise{font-size:13px}.letter .letter-sub{font-size:10px}
.guide-list b{font-size:12px}.guide-list p{font-size:11px}.bonus-grid{grid-template-columns:1fr;gap:18px}.bonus-card{padding:24px;min-height:0}.bonus-card .bonus-num{font-size:44px;margin-bottom:20px}.bonus-card h3{font-size:25px}.bonus-card p{font-size:13px}.bonus-card .textbtn{margin-top:14px}
.rule h3{font-size:19px}.rule p{font-size:13px}.checkin{padding:20px}.privacy-strip{display:block;padding:32px var(--gutter)}.privacy-strip>.button{margin:22px 0 0;width:100%;font-size:10px}.privacy-strip p:not(.eyebrow){font-size:13px}
footer{padding:28px var(--gutter);flex-direction:column;align-items:flex-start;gap:14px}footer>small{display:block}footer>span{font-size:11px}
dialog{padding:22px 18px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-head{position:sticky;top:-22px;background:var(--bg);z-index:3;padding:12px 0}.sheet-grid{grid-template-columns:1fr}dialog h2{font-size:28px}.sheet-label{font-size:11px}
}
@media(max-width:380px){.brand b{font-size:19px}.portrait{width:48px;height:48px}.brand{gap:10px}.brand small{font-size:8px;letter-spacing:3.2px}.topbar .textbtn{font-size:10px}.topbar .textbtn span{margin-left:4px}.method{gap:13px}.art-bottom small{font-size:7px}}
@media(max-width:360px){.form-grid.three{grid-template-columns:1fr}}
}
@media print{.rb-navigation{display:none!important}body,button,input,textarea,select{font-family:Inter,Arial,sans-serif}h2 em{font:inherit;color:inherit;letter-spacing:inherit}.signature-typed{font-family:Inter,Arial,sans-serif;font-style:normal}}

/* Original measurements illustration and companion cards from Mes progrès. */
.measure-guide-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:24px;align-items:start}
.measure-guide-illustration{margin:0;padding:0;overflow:hidden;background:#fbf8f3;border:1px solid #d9d3cb;border-radius:8px}
.measure-guide-illustration img{display:block;width:100%;height:auto}
.measure-guide-illustration figcaption{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;padding:16px;background:var(--bg)}
.measure-guide-illustration .textbtn{font:700 11px/1.6 Inter,Arial,sans-serif;border-bottom:1px solid var(--line);padding:4px 0}
.measure-zone-grid{display:grid;grid-template-columns:1fr;gap:10px}
.measure-zone-card{padding:17px 18px;background:#fbf8f3;border:1px solid #d9d3cb;border-radius:8px}
.measure-zone-card>span{color:#ff6a00;font:800 10px/1.6 Inter,Arial,sans-serif}
.measure-zone-card h3{font:700 21px/1.2 Inter,Arial,sans-serif;letter-spacing:-.7px;margin:5px 0}
.measure-zone-card p{font:400 12px/1.7 Inter,Arial,sans-serif;margin:0;color:var(--muted)}
@media screen{.ribbon>span:nth-child(n){font-size:6px;font-weight:700;line-height:1.6;letter-spacing:1.1px}}
@media(max-width:950px){.measure-guide-grid{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr)}}
@media(max-width:700px){.ribbon>span:nth-child(n){font-size:5.5px;letter-spacing:.8px}.measure-guide-grid{grid-template-columns:1fr;gap:16px}.measure-zone-grid{grid-template-columns:1fr 1fr;gap:8px}.measure-zone-card{padding:13px}.measure-zone-card h3{font-size:16px;letter-spacing:-.5px}.measure-zone-card p{font-size:12px}.measure-guide-illustration figcaption{gap:12px;padding:12px}}
@media print{.measure-guide-grid{grid-template-columns:1fr}.measure-guide-illustration{break-inside:avoid;border:0}.measure-guide-illustration img{max-height:230mm;width:auto;max-width:100%;margin:auto}.measure-zone-grid{display:none}}

/* Requested masthead, guide actions and personal-data access. */
@media screen{
.topbar .skool-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:700;padding:0;border:0;background:transparent;white-space:nowrap}
.topbar .skool-link span{margin-left:0}
.privacy-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px;justify-self:end}
.privacy-actions .button{font-size:11px;max-width:100%}
.privacy-actions .textbtn{font-size:11px;text-decoration:underline;text-underline-offset:5px}
.measure-guide-illustration figcaption{gap:24px;padding:16px;justify-content:center;align-items:center}
.measure-guide-illustration figcaption .textbtn{font-size:12px;font-weight:750;padding:12px 0;border:0;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.measure-guide-illustration figcaption .guide-enlarge{border:1px solid var(--line);border-radius:0;padding:12px 17px;text-decoration:none}
.measure-form-actions .button.rectangular{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;font-size:12px;font-weight:750;letter-spacing:0;text-transform:none;padding:12px 17px;min-height:44px;flex:0 1 auto}
.measure-form-actions .button.rectangular:hover,.measure-guide-illustration .guide-enlarge:hover{background:var(--pale)}
@media(max-width:700px){.topbar .skool-link{font-size:11px;gap:8px}.topbar .brand{flex:1 1 auto}.measure-guide-illustration figcaption{gap:12px;padding:12px}.measure-guide-illustration figcaption .textbtn{font-size:11px}.privacy-actions{margin-top:22px;align-items:flex-start}.privacy-actions .button{width:100%;font-size:10px}.privacy-actions .textbtn{font-size:12px}.measure-form-actions .button.rectangular{font-size:12px;width:auto}.topbar .skool-link span{margin-left:0}}
}

@media screen{.measure-form-actions{gap:24px;align-items:center}.measure-form-actions>.textbtn{font-size:12px;font-weight:750;min-height:44px;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.measure-form-actions .button.rectangular{background:transparent}.measure-form-actions .button.rectangular:hover{background:var(--pale)}}

/* Let the weekly structure determine the card's height at every width. */
@media screen{
.hero-art .art-bottom{flex-wrap:wrap;align-items:flex-start;gap:16px}
.hero-art .art-bottom>div{flex:1 1 180px;min-width:0}
.hero-art .art-bottom>small{flex:0 1 95px;max-width:100%;align-self:flex-end;line-height:1.6}
.hero-art .method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.hero-art .method>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.6;min-width:0}
.hero-art .method b{display:block;line-height:1.15;margin-right:0}
}