/* Baseline Natural Skincare — active My Routine CSS entry.

   ORDER IS INTENTIONAL:
   - skincare-routine-sitewide-v4.css supplies the Skincare palette and the
     Skincare-specific component surfaces; its filename is retained as a stable
     CSS entry point and is not a competing JavaScript authority.
   - shared v12 loads last and owns common geometry/interaction only.

   FIRST-PAINT CONTRACT
   --------------------
   The head bootstrap sets the exact My Routine subview before body parsing.
   These selectors exist only while the canonical routine controller has not yet
   bound the #routine root. Once data-routine-bound="1" exists, ordinary hidden/
   active state from skincare-routine.js becomes the sole live view authority.
*/
@import url('/systems/baseline-natural-skincare/css/skincare-routine-sitewide-v4.css?v=SKINCARE_SITEWIDE_ROUTINE_20260809_6');
@import url('/sitewide/css/baseline-routine-coherence-v12.css?v=BASELINE_ROUTINE_COHERENCE_20260809_10');

html[data-initial-skincare-tab="routine"] #system{display:none!important}
html[data-initial-skincare-tab="routine"] #routine{display:block!important}
html[data-initial-skincare-tab="routine"][data-initial-routine-view] #routine:not([data-routine-bound="1"]) [data-routine-panel]{display:none!important}
html[data-initial-skincare-tab="routine"][data-initial-routine-view="log"] #routine:not([data-routine-bound="1"]) [data-routine-panel="log"],html[data-initial-skincare-tab="routine"][data-initial-routine-view="summary"] #routine:not([data-routine-bound="1"]) [data-routine-panel="summary"],html[data-initial-skincare-tab="routine"][data-initial-routine-view="plan"] #routine:not([data-routine-bound="1"]) [data-routine-panel="plan"],html[data-initial-skincare-tab="routine"][data-initial-routine-view="public"] #routine:not([data-routine-bound="1"]) [data-routine-panel="public"]{display:block!important}