/* TALVE: mineral #F6F2E9, teak #533C30, foliage #243C32. Rubik HE / Manrope EN.
   Existing ritual photography and a continuous numbered path, not repeated cards. */
.routine-studio{--ink:#28312d;--green:#243c32;--paper:#f6f2e9;--line:#b5b7a7;color:var(--ink);background:var(--paper);padding:90px max(6vw,24px);scroll-margin-top:110px;position:relative}
.routine-studio,.routine-studio *{box-sizing:border-box}.routine-studio [hidden]{display:none!important}
.routine-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,100px);align-items:start}
.routine-intro{position:sticky;top:112px}.routine-intro h2{font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1.16;letter-spacing:-.035em;margin:18px 0 22px;max-width:9em}
.routine-intro>p{font-size:17px;line-height:1.85;max-width:30em}.routine-intro figure{margin:34px 0 0;max-width:340px;overflow:hidden;border-radius:48% 48% 2px 2px;aspect-ratio:1.15}.routine-intro img{width:100%;height:100%;object-fit:cover;object-position:45% 45%}
.routine-workspace{min-width:0;padding-top:8px}.routine-progress{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px;font-size:13px}.routine-progress ol{display:flex;gap:12px;list-style:none;padding:0;margin:0}.routine-progress li{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line)}.routine-progress li.is-current{background:var(--green);color:#fff;border-color:var(--green)}
.routine-studio label:has(+textarea[hidden]){display:none}.routine-studio fieldset{border:0;padding:0;margin:0;min-width:0}.routine-studio legend{font-size:26px;line-height:1.4;padding:0;margin-bottom:22px;font-weight:500}.routine-question-title{font-size:17px;font-weight:500;margin:28px 0 14px}.routine-options{display:flex;flex-direction:column;gap:0}.routine-option{display:flex!important;align-items:flex-start;gap:14px;padding:16px 0!important;border-bottom:1px solid #d6d6c9;cursor:pointer;font-size:17px!important;line-height:1.45}.routine-option input{appearance:auto!important;position:static!important;opacity:1!important;width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:3px 0 0!important;accent-color:var(--green);padding:0!important}.routine-option span{display:block}.routine-option small{display:block;font-size:13px;color:#51594d;margin-top:4px;line-height:1.6}.routine-option:has(input:checked){color:var(--green);font-weight:500}.routine-option:has(input:focus-visible){outline:2px solid var(--green);outline-offset:4px}.routine-compact{flex-direction:row;gap:12px;flex-wrap:wrap}.routine-compact .routine-option{font-size:14px!important;padding:12px 0!important;flex:1;min-width:120px}.routine-shelf{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.routine-studio .routine-help{font-size:13px;line-height:1.7;color:#51594d;margin:16px 0}
.routine-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap}.routine-primary{background:var(--green);border:1px solid var(--green);color:#fff;padding:16px 28px;min-height:52px;border-radius:2px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:25px}.routine-primary:hover{background:#365345}.routine-secondary{font:inherit;color:var(--ink);background:none;border:0;border-bottom:1px solid currentColor;padding:12px 0;min-height:44px;cursor:pointer}.routine-primary:focus-visible,.routine-secondary:focus-visible,.routine-period button:focus-visible{outline:3px solid #6d7858;outline-offset:4px}
.routine-result h3{font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.3;margin:0 0 12px}.routine-summary{font-size:15px;line-height:1.7;margin:0 0 22px;color:#51594d}.routine-period{display:flex;gap:4px;padding:4px;background:#e6e8dc;max-width:300px;margin:24px 0}.routine-period button{font:inherit;flex:1;border:0;padding:12px 18px;min-height:46px;background:transparent;cursor:pointer;color:var(--green)}.routine-period button[aria-pressed=true]{background:var(--green);color:#fff}.routine-result h4{font-size:18px;line-height:1.45;margin:0;font-weight:500}.routine-list{list-style:none;margin:0;padding:0}.routine-list>li{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}.routine-number{font-size:13px;padding-top:4px;font-family:Manrope,sans-serif;color:#533c30}.routine-row-title{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}.routine-ownership{font-size:12px;font-weight:400;color:#53614f}.routine-list p,.routine-reason p{font-size:15px;line-height:1.85;margin:10px 0 0}.routine-special{border-inline-start:3px solid #6d7858;padding:12px 18px;font-size:14px;line-height:1.85;background:#e9ecdf;margin:20px 0}.routine-missing{font-size:14px;line-height:1.8;margin:20px 0}.routine-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;font-size:13px}.routine-choices dt{color:#68715f;margin:0 0 5px}.routine-choices dd{margin:0;line-height:1.65}.routine-choices>div:last-child{grid-column:1/-1}
.routine-studio details{border:0;border-bottom:1px solid var(--line);margin:0;padding:0}.routine-studio summary{padding:19px 0;font-size:17px;cursor:pointer;line-height:1.5}.routine-studio details>p,.routine-depth p{font-size:15px;line-height:1.9;margin:0 0 24px}.routine-reason{padding:0 0 22px}.routine-depth{margin-top:30px}.routine-studio .routine-status{font-size:14px;line-height:1.6;min-height:24px;margin:12px 0;color:#354c3f}.routine-studio textarea{width:100%;height:180px;padding:14px;font:inherit;border:1px solid var(--line);background:#fff}.routine-studio .routine-footnote{font-size:12px;line-height:1.8;margin:20px 0 0;color:#51594d}.routine-bottle-disclosure{margin:24px 0 0;border-top:1px solid #b5b7a7;border-bottom:1px solid #b5b7a7}.routine-bottle-disclosure>summary{font-size:21px;padding:24px 0;cursor:pointer;list-style-position:inside}.routine-bottle-disclosure>.tool-grid{margin-top:20px}.routine-legacy-home>summary{max-width:1280px;margin:auto;padding:30px 6vw}.routine-legacy-home .tools-section{padding-top:24px}
@media(max-width:800px){.routine-studio{padding:52px 24px}.routine-layout{grid-template-columns:1fr;gap:28px}.routine-intro{position:static;display:grid;grid-template-columns:1fr 100px;column-gap:20px}.routine-intro .eyebrow,.routine-intro h2,.routine-intro>p{grid-column:1}.routine-intro figure{grid-column:2;grid-row:1/4;width:100px;height:150px;aspect-ratio:auto;margin:0;align-self:center}.routine-intro h2{font-size:35px;margin:12px 0}.routine-intro>p{font-size:15px;margin:0}.routine-studio legend{font-size:23px}.routine-shelf{grid-template-columns:1fr}.routine-intro .eyebrow{font-size:10px}.routine-list>li{gap:10px;grid-template-columns:26px 1fr}}
@media(max-width:380px){.routine-studio{padding:44px 18px}.routine-intro{grid-template-columns:1fr 72px;gap:12px}.routine-intro figure{width:72px;height:125px}.routine-intro h2{font-size:30px}.routine-compact{flex-direction:column;gap:0}.routine-choices{grid-template-columns:1fr}.routine-choices>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.routine-studio *{scroll-behavior:auto!important;transition:none!important}}
