/* Editorial discipline: fewer simultaneous decisions, clearer workspace modes. */
.hero-land .home-actions{grid-template-columns:1.45fr 1fr 1fr}
.hero-land .home-actions .ha{min-height:84px;display:grid;align-content:center}

/* Home is an orientation surface, not a motion demo. Its structure must remain
   fixed while async modules resolve, especially during a browser refresh. */
#tab-home [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}

/* Journal is one workspace with four explicit destinations on every viewport. */
#tab-log>.journal-banner{display:none}
.journal-loading-state{display:none}
#tab-log[aria-busy="true"]{min-height:62vh}
#tab-log[aria-busy="true"]>:not(.journal-loading-state){display:none!important}
#tab-log[aria-busy="true"]>.journal-loading-state{
  min-height:62vh;display:flex;align-items:center;justify-content:center;gap:11px;
  color:var(--mut);font:700 12px/1 var(--sans);letter-spacing:.04em
}
.journal-loading-mark{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--clay);border-radius:50%;animation:journal-loading-spin .8s linear infinite}
@keyframes journal-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.journal-loading-mark{animation:none;border-top-color:var(--line);background:var(--clay)}}
.journal-mobile-nav{
  position:sticky;top:12px;z-index:45;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;margin:0 0 18px;padding:6px;border:1px solid var(--line-soft);border-radius:17px;
  background:rgba(251,247,240,.94);box-shadow:0 10px 30px rgba(50,34,23,.07);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.journal-mobile-nav button{display:grid;gap:2px;min-height:54px;place-content:center;border:0;border-radius:12px;background:transparent;color:var(--mut);font-family:var(--sans);cursor:pointer}
.journal-mobile-nav button span{font-size:13px;font-weight:750}
.journal-mobile-nav button small{font-size:11px;color:var(--faint)}
.journal-mobile-nav button.on{background:var(--espresso);color:#fff}
.journal-mobile-nav button.on small{color:rgba(255,255,255,.72)}

#tab-log[data-mobile-section="today"]>#brewCard,
#tab-log[data-mobile-section="today"]>.seg,
#tab-log[data-mobile-section="today"]>.log-view{display:none!important}
#tab-log[data-mobile-section="brew"]>.today-grid,
#tab-log[data-mobile-section="brew"]>.engagement-card,
#tab-log[data-mobile-section="brew"]>.seg,
#tab-log[data-mobile-section="brew"]>.log-view{display:none!important}
#tab-log[data-mobile-section="library"]>.today-grid,
#tab-log[data-mobile-section="library"]>.engagement-card,
#tab-log[data-mobile-section="library"]>#brewCard,
#tab-log[data-mobile-section="insights"]>.today-grid,
#tab-log[data-mobile-section="insights"]>.engagement-card,
#tab-log[data-mobile-section="insights"]>#brewCard{display:none!important}
#tab-log[data-mobile-section="library"]>.seg [data-logseg="intelligence"],
#tab-log[data-mobile-section="library"]>.seg [data-logseg="ecosystem"],
#tab-log[data-mobile-section="library"]>.seg [data-logseg="analytics"],
#tab-log[data-mobile-section="library"]>.seg [data-logseg="iq"],
#tab-log[data-mobile-section="insights"]>.seg [data-logseg="timeline"],
#tab-log[data-mobile-section="insights"]>.seg [data-logseg="recipes"],
#tab-log[data-mobile-section="insights"]>.seg [data-logseg="coffees"]{display:none}

#tab-log>.seg{width:fit-content;max-width:100%;margin:0 auto 16px;padding:5px}
.today-main,.quick-log-card{box-shadow:none}
.today-signal,.onboarding-checklist{box-shadow:none}
.engagement-card{box-shadow:none}
.engagement-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}
.badge-collection{min-height:0}
.badge-collection>summary{cursor:pointer;list-style:none}
.badge-collection>summary::-webkit-details-marker{display:none}
.badge-collection>summary:after{content:'+';display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:1px solid var(--line);border-radius:50%;color:var(--clay);font:500 20px var(--sans)}
.badge-collection[open]>summary:after{content:'−'}
.badge-collection:not([open]) .badge-grid{display:none}

/* Brew Assist: four familiar methods first; the complete set remains one disclosure away. */
.assist-methods{display:block}
.assist-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.assist-more-methods{margin-top:14px;text-align:left}
.assist-more-methods>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.62);color:var(--body);font:700 12px var(--sans);cursor:pointer;list-style:none}
.assist-more-methods>summary::-webkit-details-marker{display:none}
.assist-more-methods>summary span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--surface-2);color:var(--mut);font-size:11px}
.assist-more-methods>.assist-method-grid{margin-top:10px}

/* Readability floor for operational labels in the edited surfaces. */
.today-signal span,.monthly-challenge-top span,.monthly-challenge-top>b,.monthly-challenge>small,
.badge-collection-head>span,.badge-item small,.badge-item em,.engagement-status,
.onboarding-head span,.assist-brand small,.assist-nav>span{font-size:11px}
.onboarding-head button,.onboarding-tasks div,.onboarding-checklist>.btn{font-size:12px}
.badge-item b{font-size:12px}

@media(max-width:700px){
  .hero-land .home-actions{grid-template-columns:1fr}
  .journal-mobile-nav{top:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -2px 12px;padding:4px}
  .journal-mobile-nav button{min-height:50px;padding-inline:2px}
  .journal-mobile-nav button span{font-size:11.5px}.journal-mobile-nav button small{display:none}
  .engagement-layout{grid-template-columns:1fr}
  .assist-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}

@media(max-width:420px){
  .journal-mobile-nav button span{font-size:11px}
}