.user-routines-page,.routine-detail-page,.my-routines-page{--routine-green:var(--color-mineral-strong);--routine-ink:var(--color-ink);--routine-paper:var(--color-canvas);--routine-rule:var(--color-border);--routine-soft-rule:var(--color-border);--routine-lime:var(--color-mineral-soft);background:var(--routine-paper);color:var(--routine-ink);font-family:var(--font-sans);min-height:calc(100vh - 4.55rem)}.user-routines-page,.my-routines-page{padding:clamp(1.25rem,3vw,3rem) clamp(1rem,4vw,4.5rem) 5rem}.user-routines-page{padding-top:1.15rem}.routine-detail-page{padding:clamp(1.25rem,3vw,3rem) clamp(1rem,8vw,9rem) 5rem}.user-routines-intro,.my-routines-intro{border-bottom:2px solid var(--routine-rule);grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);align-items:end;gap:2rem;padding-bottom:1.15rem;display:grid}.routine-overline{color:var(--routine-green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.875rem;font-weight:700}.user-routines-intro h1,.my-routines-intro h1,.routine-detail-header h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:1.2}.user-routines-intro>p,.my-routines-intro>p{max-width:38rem;margin:0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.5}.user-routines-intro{grid-template-columns:auto minmax(16rem,1fr) auto;align-items:center;gap:1rem 2rem;padding-bottom:.9rem}.user-routines-intro h1{font-family:var(--font-sans);letter-spacing:-.04em;font-size:clamp(1.75rem,3vw,2.65rem);font-weight:800;line-height:1.2}.user-routines-intro>p{color:var(--color-muted);max-width:34rem;font-size:.875rem;line-height:1.45}.user-routines-intro>a{background:var(--routine-green);color:#fff;white-space:nowrap;padding:.7rem .9rem;font-size:.875rem;font-weight:700;text-decoration:none}.routine-community-nav{border-bottom:1px solid var(--routine-rule);gap:1.35rem;display:flex;overflow-x:auto}.routine-community-nav a{color:var(--routine-ink);border-bottom:.2rem solid #0000;flex:none;padding:.85rem 0 .65rem;font-size:.875rem;font-weight:700;text-decoration:none}.routine-community-nav a:first-child{border-color:var(--routine-green);color:var(--routine-green)}.routine-community-grid{border-bottom:1px solid var(--routine-rule);grid-template-columns:minmax(0,1fr) minmax(15rem,.32fr);gap:0;display:grid}.routine-community-grid>section{min-width:0;padding:1.25rem 1.5rem 1.5rem 0}.routine-community-grid>aside{border-left:1px solid var(--routine-rule);padding:1.25rem 0 1.5rem 1.5rem}.routine-community-grid>aside h2,.routine-community-heading h2{font-family:var(--font-sans);letter-spacing:-.03em;margin:0;font-size:1rem;font-weight:800}.routine-community-heading{justify-content:space-between;align-items:end;margin-bottom:.65rem;display:flex}.routine-community-heading a,.routine-community-grid>aside>a{color:var(--routine-green);font-size:.875rem;font-weight:700}.routine-community-heading--all{border-bottom:1px solid var(--routine-rule);margin:0;padding:1.35rem 0 .75rem}.routine-community-heading--all>span{letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.routine-ranking-empty{background:#dfeadf;margin:.7rem 0;padding:.85rem}.routine-ranking-empty strong{font-size:.875rem}.routine-ranking-empty p{color:#465048;margin:.35rem 0 0;font-size:.875rem;line-height:1.45}.routine-feed{border-top:1px solid var(--routine-rule)}.routine-feed-item{border-bottom:1px solid var(--routine-soft-rule);grid-template-columns:1.8rem minmax(11rem,1fr) minmax(12rem,.7fr) auto 1.5rem;align-items:center;gap:.75rem;min-height:4.4rem;padding:.55rem 0;display:grid}.routine-member-mark,.routine-member-avatar{width:1.7rem;height:1.7rem}.routine-member-mark{background:var(--routine-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:inline-flex}.routine-member-avatar,.routine-detail-avatar{object-fit:cover;border-radius:50%}.routine-feed-copy{min-width:0}.routine-feed-copy p,.routine-feed-item time,.routine-feed-open{color:#596159;margin:0;font-size:.875rem}.routine-feed-copy h3{font-family:var(--font-sans);letter-spacing:-.02em;overflow-wrap:anywhere;margin:.12rem 0;font-size:.875rem;font-weight:700}.routine-feed-copy h3 a,.routine-feed-open{color:var(--routine-ink)}.routine-feed-item ul{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.routine-feed-item li{background:#e6ece4;padding:.28rem .4rem;font-size:.875rem;font-weight:800}.routine-feed-open{border:1px solid var(--routine-soft-rule);justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;text-decoration:none;display:inline-flex}.routine-feed--all .routine-feed-item:last-child,.routine-feed--latest .routine-feed-item:last-child{border-bottom-color:var(--routine-rule)}.user-routines-page .routine-filters{padding:.7rem 0}.user-routines-page .routine-filters label{font-size:.875rem}.user-routines-page .routine-filters input,.user-routines-page .routine-filters select,.user-routines-page .routine-filters button{min-height:2.25rem;padding-block:.45rem;font-size:.875rem}.routine-filters{border-bottom:1px solid var(--routine-rule);grid-template-columns:minmax(12rem,1fr) minmax(10rem,.35fr) auto auto;align-items:end;gap:.75rem;padding:1rem 0;display:grid}.routine-filters label,.routine-builder-form label,.routine-publish label{gap:.35rem;font-size:.875rem;font-weight:800;display:grid}.routine-filters input,.routine-filters select,.routine-builder-form input,.routine-builder-form select,.routine-builder-form textarea,.routine-publish input{border:1px solid var(--routine-rule);border-radius:var(--radius-card);color:var(--routine-ink);font:inherit;background:#fffefa;min-height:2.75rem;padding:.65rem .75rem}.routine-filters button,.routine-create button,.routine-publish button,.routine-publish-actions button,.routine-state a,.routine-locked>a{background:var(--routine-green);border:1px solid var(--routine-green);color:#fff;cursor:pointer;font:inherit;min-height:2.75rem;padding:.72rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}.routine-filters>a,.routine-list-heading a,.routine-back,.routine-submit-line a{color:var(--routine-ink);padding-block:.75rem;font-size:.875rem;font-weight:700}.routine-list-heading,.routine-section-heading{justify-content:space-between;align-items:center;padding:1rem 0 .65rem;display:flex}.routine-list-heading p,.routine-list-heading a,.routine-section-heading>span{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700}.routine-list,.routine-saved-list{border-top:1px solid var(--routine-rule)}.routine-list>article{border-bottom:1px solid var(--routine-rule);grid-template-columns:minmax(15rem,1.2fr) minmax(14rem,.8fr) auto auto;align-items:center;gap:1rem;min-height:7rem;padding:1rem 0;display:grid}.routine-author,.routine-list-copy>p,.routine-list time,.routine-open{font-size:.875rem}.routine-list-copy h2{font-family:var(--font-display);letter-spacing:-.035em;margin:.2rem 0 .4rem;font-size:clamp(1.25rem,2vw,1.75rem)}.routine-list-copy h2 a,.routine-open{color:inherit}.routine-list-copy p{margin:0}.routine-list ul,.routine-locked ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.routine-list li,.routine-locked li{text-transform:capitalize;background:#dfeadf;padding:.4rem .55rem;font-size:.875rem;font-weight:800}.routine-state,.routine-membership-note{border:1px solid var(--routine-rule);margin-top:1rem;padding:clamp(1.25rem,3vw,2.25rem)}.routine-state h2,.routine-membership-note h3{margin-top:0}.routine-back{margin-bottom:1.5rem;display:inline-block}.routine-detail-page>article{border-top:2px solid var(--routine-rule)}.routine-detail-header{border-bottom:1px solid var(--routine-rule);grid-template-columns:1fr auto;align-items:end;gap:2rem;padding:1.5rem 0;display:grid}.routine-detail-header p{margin-bottom:0}.routine-detail-author{align-items:center;gap:.6rem;display:flex}.routine-detail-avatar,.routine-detail-avatar-fallback{width:2.5rem;height:2.5rem}.routine-detail-avatar-fallback{background:var(--routine-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:inline-flex}.routine-detail-header dl{gap:2rem;margin:0;display:flex}.routine-detail-header dt{letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.routine-detail-header dd{margin:.25rem 0 0;font-size:.9rem}.routine-locked,.routine-full{max-width:56rem;margin:2rem auto}.routine-locked{border:1px solid var(--routine-rule);box-shadow:.55rem .55rem 0 var(--routine-lime);background:#fffefa;padding:clamp(1.25rem,4vw,3rem)}.routine-locked h2,.routine-full h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0 0 .75rem;font-size:clamp(1.65rem,3vw,2.75rem)}.routine-locked>a{margin-top:1rem;display:inline-block}.routine-full-intro{border-bottom:1px solid var(--routine-rule);padding-bottom:1rem}.routine-full>ol{margin:0;padding:0;list-style:none}.routine-full>ol>li{border-bottom:1px solid var(--routine-rule);grid-template-columns:2.5rem 1fr;align-items:center;gap:1rem;padding:1rem 0;display:grid}.routine-full>ol>li>span,.routine-step-number{background:var(--routine-lime);border:1px solid var(--routine-rule);justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:800;display:inline-flex}.routine-full h3,.routine-full p{margin:0}.routine-full small{text-transform:capitalize}.routine-context-note{border-top:1px solid var(--routine-rule);margin-top:2rem;padding-top:1rem;font-size:.875rem}.routine-context-note p{margin-left:.35rem;display:inline}.routine-workspace{grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);gap:clamp(2rem,5vw,5rem);padding-top:1.5rem;display:grid}.routine-avatar-settings{border-bottom:1px solid var(--routine-rule);grid-column:1/-1;grid-template-columns:auto minmax(14rem,1fr) minmax(18rem,.8fr);align-items:center;gap:1rem;padding-bottom:1.25rem;display:grid}.routine-avatar-settings h2,.routine-avatar-settings p{margin:0}.routine-avatar-settings h2{font-family:var(--font-sans);font-size:1rem;font-weight:800}.routine-avatar-settings>div:nth-child(2)>p:last-child{color:#596159;max-width:42rem;margin-top:.35rem;font-size:.875rem;line-height:1.45}.routine-avatar-preview,.routine-avatar-preview img{border-radius:50%;width:4rem;height:4rem}.routine-avatar-preview{background:var(--routine-green);color:#fff;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex;overflow:hidden}.routine-avatar-preview img{object-fit:cover}.routine-avatar-controls>label:first-child{gap:.25rem;font-size:.875rem;font-weight:700;display:grid}.routine-avatar-controls input[type=file]{max-width:100%;font-size:.875rem}.routine-avatar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.routine-avatar-actions button{background:var(--routine-green);border:1px solid var(--routine-green);color:#fff;cursor:pointer;font:inherit;min-height:2.3rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700}.routine-avatar-actions .routine-avatar-remove{border-color:var(--routine-rule);color:var(--routine-ink);background:0 0}.routine-section-heading{border-bottom:1px solid var(--routine-rule);padding-top:0}.routine-section-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:2rem}.routine-saved-list>article{border-bottom:1px solid var(--routine-rule);padding:1rem 0}.routine-card-line{justify-content:space-between;align-items:start;gap:1rem;display:flex}.routine-card-line h3,.routine-card-line p{margin:0}.routine-card-line h3{font-size:1rem}.routine-card-line p,.routine-card-line time{font-size:.875rem}.routine-step-summary{margin:.75rem 0;padding:0;list-style:none}.routine-step-summary li{align-items:center;gap:.5rem;margin-top:.35rem;font-size:.875rem;display:flex}.routine-step-summary span{font-weight:800}.routine-publish{border:1px solid var(--routine-soft-rule);background:#fffefa;margin-top:.75rem;padding:.75rem}.routine-publish summary{cursor:pointer;font-size:.875rem;font-weight:700}.routine-preview-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:.8rem 0;display:grid}.routine-preview-grid section{border:1px solid var(--routine-rule);padding:.75rem}.routine-preview-grid h4,.routine-preview-grid p,.routine-preview-grid ol{margin:0 0 .35rem;font-size:.875rem}.routine-privacy-line,.routine-inline-note,.routine-action-state,.routine-publish-actions p{font-size:.875rem;line-height:1.45}.routine-consent{grid-template-columns:auto 1fr;align-items:start;margin:.8rem 0;line-height:1.45;font-weight:500!important;display:grid!important}.routine-consent input{min-height:1rem}.routine-status{font-size:.875rem;font-weight:700}.routine-status--pending{color:#805d00}.routine-status--published{color:var(--routine-green)}.routine-publish-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.routine-builder-form{padding-top:1rem}.routine-missing-product{border:1px solid var(--routine-rule);background:#fffefa;margin:1rem 0;padding:.85rem}.routine-missing-product summary{cursor:pointer;font-size:.875rem;font-weight:700}.routine-missing-product>p,.routine-missing-product form>p{font-size:.875rem;line-height:1.45}.routine-missing-product form{margin-top:.8rem}.routine-missing-product form>label{margin-bottom:.8rem}.routine-builder-form>label{margin-bottom:1rem}.routine-builder-form small{font-weight:500}.routine-field-row{grid-template-columns:1fr .55fr;gap:.75rem;margin-bottom:1rem;display:grid}.routine-builder-form fieldset{border:0;margin:1rem 0;padding:0}.routine-builder-form legend{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;font-size:.875rem;font-weight:700}.routine-step-editor{border-top:1px solid var(--routine-rule);grid-template-columns:2.25rem minmax(12rem,1fr) minmax(7rem,.4fr) minmax(7rem,.4fr);align-items:end;gap:.55rem;padding:.75rem 0;display:grid}.routine-step-editor label{min-width:0}.routine-step-editor label span{font-weight:500}.routine-step-notes{grid-column:2/-1}.routine-step-editor>button{border-color:var(--routine-rule);color:var(--routine-ink);background:0 0;grid-column:4}.routine-add-step{border-color:var(--routine-rule)!important;color:var(--routine-ink)!important;background:0 0!important}.routine-submit-line{align-items:center;gap:1rem;display:flex}.routine-action-state--error{color:#8b1e12}.routine-action-state--success{color:var(--routine-green);font-weight:800}@media (max-width:70rem){.routine-workspace{grid-template-columns:1fr}.routine-list>article{grid-template-columns:1fr minmax(12rem,.8fr) auto}.routine-list time{display:none}.routine-community-grid{grid-template-columns:minmax(0,1fr) minmax(13rem,.35fr)}.routine-feed-item{grid-template-columns:1.8rem minmax(10rem,1fr) minmax(9rem,.55fr) 1.5rem}.routine-feed-item time{display:none}}@media (max-width:48rem){.user-routines-intro,.my-routines-intro,.routine-detail-header{grid-template-columns:1fr;align-items:start}.routine-filters{grid-template-columns:1fr 1fr}.routine-community-grid{grid-template-columns:1fr}.routine-community-grid>section{padding-right:0}.routine-community-grid>aside{border-left:0;border-top:1px solid var(--routine-rule);padding-left:0}.routine-feed-item{grid-template-columns:1.8rem minmax(0,1fr) 1.5rem}.routine-feed-item ul{grid-column:2/-1}.routine-feed-open{grid-area:1/3}.routine-avatar-settings{grid-template-columns:auto 1fr;align-items:start}.routine-avatar-controls{grid-column:1/-1}.routine-list>article{grid-template-columns:1fr auto;align-items:start}.routine-list>article ul{grid-area:2/1/auto/-1}.routine-open{grid-area:1/2}.routine-preview-grid,.routine-field-row{grid-template-columns:1fr}.routine-step-editor{grid-template-columns:2.25rem 1fr}.routine-step-editor label,.routine-step-notes,.routine-step-editor>button{grid-column:2}}@media (max-width:34rem){.routine-filters,.routine-list>article{grid-template-columns:1fr}.routine-open,.routine-list>article ul{grid-area:auto/1}.routine-card-line{display:block}.user-routines-intro>a{justify-self:start}.routine-community-nav{margin-inline:-1rem;padding-inline:1rem}.routine-feed-item{gap:.55rem}.routine-feed-item li{font-size:.875rem}.routine-card-line time{margin-top:.4rem;display:inline-block}}.user-routines-page,.routine-detail-page,.my-routines-page{width:calc(100% - 3rem);max-width:90rem;min-height:0;margin:1.25rem auto 0;padding:0 0 3rem}.user-routines-intro.hq-page-intro,.my-routines-intro.hq-page-intro{border:1px solid var(--color-border);grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);align-items:center;padding:clamp(1.5rem,4vw,3rem)}.user-routines-intro.hq-page-intro h1,.my-routines-intro.hq-page-intro h1{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.1}.hq-intro-copy>p{margin:1rem 0;font-size:1.0625rem;line-height:1.65}.hq-intro-copy>a{border-radius:var(--radius-pill);background:var(--routine-green);color:#fff;align-items:center;min-height:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.routine-community-nav{gap:1.5rem;margin-bottom:1.5rem}.routine-community-nav a{font-size:1rem}.routine-community-grid{border:0;grid-template-columns:minmax(0,1fr) minmax(15rem,.35fr);gap:1.5rem}.routine-community-grid>section,.routine-community-grid>aside,.routine-state,.routine-locked,.routine-context-note{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:1.5rem}.routine-community-heading h2,.routine-section-heading h2{font-size:1.4rem;line-height:1.3}.routine-feed-item{gap:.75rem;padding:1.25rem .25rem}.routine-feed-item h3{font-size:1.0625rem;line-height:1.5}.routine-feed-item p{font-size:.9375rem;line-height:1.6}.routine-filters{border:1px solid var(--color-border);background:var(--color-mineral-soft);border-radius:1rem;gap:1rem;padding:1rem}.routine-filters input,.routine-filters select,.routine-field-row input,.routine-step-editor input,.routine-step-editor select{font-size:1rem}.routine-detail-header{background:var(--color-mineral-soft);border:1px solid var(--color-border);border-radius:1.75rem;margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,3rem)}.routine-detail-header h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.1}.routine-detail-page p,.routine-context-note p{font-size:1rem;line-height:1.7}.routine-state,.routine-locked{margin-block:1.5rem}.routine-field-row,.routine-step-editor{gap:1rem}.routine-list>article{background:var(--color-surface);border-radius:1rem}@media (max-width:850px){.user-routines-intro.hq-page-intro,.my-routines-intro.hq-page-intro,.routine-community-grid{grid-template-columns:1fr}.hq-page-intro .hq-editorial-illustration{max-height:14rem}.routine-community-grid>aside{border:1px solid var(--color-border)}}@media (max-width:520px){.user-routines-page,.routine-detail-page,.my-routines-page{width:calc(100% - 1.5rem)}.routine-feed-item ul{grid-column:2/-1}.routine-community-grid>section,.routine-community-grid>aside{padding:1rem}}@media (max-width:34rem){.routine-community-nav{gap:1rem;margin-inline:0;padding-inline:0}}.routine-button,.routine-state>a,.routine-locked>a,.routine-builder button,.routine-avatar-manager button{border-radius:var(--radius-pill)}.routine-workspace>section{min-width:0}.routine-saved,.routine-create{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.5rem}.routine-builder-form input:not([type=checkbox]),.routine-builder-form select,.routine-builder-form textarea,.routine-missing-product input,.routine-missing-product select,.routine-missing-product textarea{width:100%;min-width:0}.routine-field-row{grid-template-columns:minmax(0,1fr) minmax(0,.55fr)}.routine-field-row>label{min-width:0}.routine-step-editor{grid-template-columns:2.25rem minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.7fr)}.routine-add-step,.routine-submit-line>button,.routine-avatar-actions button{border-radius:var(--radius-pill);min-height:44px}@media (max-width:58rem){.routine-field-row{grid-template-columns:minmax(0,1fr)}.routine-step-editor{grid-template-columns:2rem minmax(0,1fr)}}@media (max-width:520px){.routine-saved,.routine-create{padding:1rem}}.routine-examples{margin:2.5rem 0 3rem}.routine-examples h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2}.routine-examples-disclosure{background:var(--color-mineral-soft);border:1px solid var(--routine-rule);border-radius:1.25rem;margin:1.25rem 0;padding:1.25rem 1.5rem}.routine-examples-disclosure p{max-width:85ch;margin:.6rem 0 0;line-height:1.65}.routine-examples a{color:var(--routine-ink);text-underline-offset:.2em}.routine-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.routine-example-card{background:var(--color-surface);border:1px solid var(--routine-rule);border-radius:1.4rem;min-width:0;padding:clamp(1.1rem,2.5vw,1.75rem)}.routine-example-profile{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.routine-example-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.routine-example-profile>div{flex:1;min-width:min(10rem,100%)}.routine-example-profile strong{overflow-wrap:anywhere}.routine-example-profile p{color:var(--color-muted);margin:.25rem 0 0;font-size:.85rem;line-height:1.5}.routine-example-area{background:var(--color-mineral-soft);color:var(--routine-ink);border-radius:2rem;padding:.4rem .65rem;font-size:.8rem}.routine-example-card h3{letter-spacing:-.025em;margin:1.25rem 0 .65rem;font-size:1.35rem;line-height:1.3}.routine-example-post{max-width:65ch;margin:0;line-height:1.75}.routine-example-roles{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0;padding:0;list-style:none;display:flex}.routine-example-roles li{background:var(--color-canvas);border:1px solid var(--routine-rule);border-radius:.6rem;padding:.4rem .65rem;font-size:.82rem}.routine-example-details{border-top:1px solid var(--routine-rule);padding-top:.35rem}.routine-example-details summary{cursor:pointer;min-height:44px;padding:.75rem 0;font-size:.85rem;font-weight:700}.routine-example-details p{margin:.5rem 0 .8rem;font-size:.9rem;line-height:1.6}.routine-example-details a{min-height:44px;padding:.65rem 0;font-size:.9rem;display:inline-block}.routine-example-details .routine-example-source-note{color:var(--color-muted);font-size:.8rem}.routine-example-next{background:var(--color-mineral-soft);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;display:flex}.routine-example-next h3{margin:0 0 .5rem;font-size:1.3rem}.routine-example-next p{max-width:60ch;margin:0;line-height:1.6}.routine-example-next>a{background:var(--routine-ink);color:var(--color-canvas);text-align:center;border-radius:2rem;flex-shrink:0;padding:.85rem 1.15rem;font-weight:700;text-decoration:none}.routine-examples :focus-visible{outline:3px solid var(--routine-ink);outline-offset:4px}@media (max-width:760px){.routine-example-grid{grid-template-columns:minmax(0,1fr)}.routine-example-next{flex-direction:column;align-items:stretch}.routine-examples-disclosure{padding:1.15rem}}.routine-example-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.routine-browse-filters{border-block:1px solid var(--routine-rule);margin-top:1.25rem;padding-block:1.25rem}.routine-browse-primary{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:1rem;display:grid}.routine-browse-filters label{gap:.4rem;min-width:0;font-size:.9375rem;font-weight:700;display:grid}.routine-browse-filters input[type=search],.routine-browse-filters select{background:var(--color-surface);width:100%;min-width:0;min-height:44px;color:var(--routine-ink);font:inherit;border:1px solid #839eac;border-radius:.65rem;padding:.65rem .75rem;font-weight:400}.routine-browse-filters input::placeholder{color:#526676;opacity:1}.routine-browse-filters input{caret-color:var(--routine-ink)}.routine-browse-more{margin-top:.65rem}.routine-browse-more summary{cursor:pointer;width:fit-content;min-height:44px;padding-block:.7rem;font-size:.9375rem;font-weight:700}.routine-browse-more summary:hover{text-underline-offset:.2em;text-decoration:underline}.routine-browse-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:.5rem;display:grid}.routine-browse-more p,.routine-sort-note{color:var(--color-muted);max-width:72ch;font-size:.875rem;line-height:1.6}.routine-active-filters{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.routine-active-filters button,.routine-browse-empty button{border:1px solid var(--routine-rule);border-radius:var(--radius-pill);background:var(--color-mineral-soft);max-width:100%;min-height:44px;color:var(--routine-ink);font:inherit;cursor:pointer;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:.6rem;padding:.55rem .85rem;font-size:.875rem;display:inline-flex}.routine-active-filters button:hover,.routine-browse-empty button:hover{background:var(--color-sage-soft)}.routine-active-filters .routine-clear-filters{background:0 0}.routine-result-count{font-variant-numeric:tabular-nums;margin-block:1rem;font-weight:700}.routine-browse-empty{padding-block:1.25rem 2rem}.routine-browse-empty h3{font-size:1.25rem}.routine-state{margin-block:1rem;padding:1rem 1.25rem}.routine-state h2{font-size:1.125rem}.routine-state p{margin-bottom:0}.routine-browse-filters :focus-visible{outline:3px solid var(--routine-ink);outline-offset:3px}#all-routines :focus-visible{outline:3px solid var(--routine-ink);outline-offset:3px}@media (max-width:600px){.routine-browse-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.routine-browse-primary>label:first-child{grid-column:1/-1}.routine-browse-context{grid-template-columns:1fr}.user-routines-intro.hq-page-intro .hq-editorial-illustration{display:none}.user-routines-intro.hq-page-intro{gap:0;margin-bottom:1rem}.routine-examples{margin-top:1.5rem}}