/* Shared parent control language. Layout, child/category colors, native mood
   emoji, artwork and print sheets remain owned by their feature. */
html[data-hh-scheme]{--hh-control-radius:10px;--hh-card-radius:16px;--hh-control-height:42px;--hh-danger-soft:color-mix(in srgb,var(--danger) 12%,var(--bg-elev));--hh-success:var(--hh-positive)}
html[data-hh-layout="mobile"]{--hh-control-height:44px}
.hh-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none}
.hh-inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;margin-right:5px}
.discovery-tab-icon{display:grid;place-items:center}
.discovery-tab-icon .hh-icon{width:22px;height:22px}
.weekly-resource-icon .hh-icon{width:32px;height:32px}
.weekly-resource-card-icon .hh-icon{width:32px;height:32px}
.discovery-custom-options .hh-inline-icon{display:inline-flex;vertical-align:middle;margin:0 8px 0 0;font-size:inherit;color:inherit}
html[data-hh-scheme] .weekly-resource-actions :is(button,a){min-height:var(--hh-control-height);border-radius:var(--hh-control-radius);font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;padding:8px 12px}
/* One date pill in Plan and Discover, including identical type and arrows. */
html[data-hh-scheme] :is(.schedule-period-controls,.weekly-resources-period){display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:4px;height:var(--hh-control-height);min-height:var(--hh-control-height);padding:0 2px;border:1px solid var(--hh-line);border-radius:999px;background:var(--bg-elev);box-shadow:none;width:max-content;max-width:100%}
html[data-hh-scheme] .weekly-resources-period{width:fit-content;max-width:calc(100% - 28px);margin:10px auto 12px}
html[data-hh-scheme] :is(.schedule-period-controls,.weekly-resources-period) button{display:grid;place-items:center;width:36px;min-width:36px;height:calc(var(--hh-control-height) - 2px);min-height:0;padding:0;border:0;border-radius:999px;color:var(--text);background:none;box-shadow:none;line-height:1}
html[data-hh-scheme] :is(#hh-desktop-plan-date,.weekly-resources-week strong){display:block;padding:0 7px;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;line-height:1.25;text-align:center;white-space:nowrap;min-width:0}
html[data-hh-scheme] :is(.schedule-period-controls,.weekly-resources-period) button:hover{background:var(--bg-elev-2);color:var(--accent)}
html[data-hh-layout="desktop"] #schedule-period-controls .schedule-period-nav{height:calc(var(--hh-control-height) - 2px);max-height:none}
html[data-hh-layout="mobile"] :is(.schedule-period-controls,.weekly-resources-period){grid-template-columns:44px minmax(0,1fr) 44px}
html[data-hh-layout="mobile"] :is(.schedule-period-controls,.weekly-resources-period) button{width:44px;min-width:44px;height:44px}
html[data-hh-layout="mobile"] .hh-mobile-date-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;align-items:center;width:fit-content;max-width:100%;height:44px;padding:0 2px;margin:0 auto 5px;border:1px solid var(--hh-line);border-radius:999px;background:var(--bg-elev)}
html[data-hh-layout="mobile"] .hh-mobile-date-row .schedule-period-nav{display:grid;place-items:center;width:44px;min-width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--text)}
html[data-hh-layout="mobile"] :is(#hh-mobile-period-label,#hh-mobile-date){font:500 13px/1.25 system-ui,sans-serif;color:var(--text-muted);padding:0 7px;min-width:0;white-space:nowrap}
html[data-hh-scheme] :is(.weekly-resources-tabs button,.resource-kind-tab,.discovery-custom-options button,.discovery-custom-options a){border-color:var(--hh-line);border-radius:var(--hh-control-radius);box-shadow:none}
html[data-hh-scheme] :is(.weekly-resources-tabs button.active,.resource-kind-tab.active){background:var(--accent);border-color:var(--accent);color:var(--hh-on-accent)}
html[data-hh-scheme] :is(.weekly-resource-card,.resource-detail-card,.modal-card,.manual-event-panel,.external-event-dialog){border-color:var(--hh-line);border-radius:var(--hh-card-radius);background:var(--bg-elev);color:var(--text)}
html[data-hh-scheme] :is(.modal-close,#manual-event-close,.act-time-scope-cancel){display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:0;border:1px solid var(--hh-line);border-radius:var(--hh-control-radius);background:var(--bg-elev);color:var(--text-muted)}
html[data-hh-scheme] :is(.modal-close,#manual-event-close):hover{color:var(--text);background:var(--bg-elev-2)}
/* Same neutral/primary action treatment without coloring calendar events. */
html[data-hh-scheme] :is(.week-tool-button,.hh-day-print,.weekly-resource-details,.weekly-resource-add,.weekly-resource-manual,.resource-detail-actions button,.resource-schedule-form button,.act-print-event,.act-edit-event,.ws-quick-action,.fill-pace-actions button,.planner-actions button,.modal-actions button,.family-tools button){min-height:var(--hh-control-height);border-radius:var(--hh-control-radius);font-family:inherit;font-weight:600;border-color:var(--hh-line)}
html[data-hh-scheme] :is(.week-tool-button,.hh-day-print,.weekly-resource-details,.resource-detail-actions button,.act-print-event,.act-edit-event,.ws-quick-action,.family-tools button){background:var(--bg-elev);color:var(--text);border:1px solid var(--hh-line)}
html[data-hh-scheme] :is(.weekly-resource-add,.resource-schedule-form button[type="submit"],.manual-event-save,.hh-primary-button,.act-save-done){background:var(--accent);border-color:var(--accent);color:var(--hh-on-accent)}
html[data-hh-scheme] :is(input,select,textarea){accent-color:var(--accent);font-family:inherit;border-radius:var(--hh-control-radius)}
html[data-hh-scheme] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-hh-scheme] :is(.weekly-resource-why,.resource-detail-why,.resource-detail-content a,.family-tools a){color:var(--hh-accent-ink,var(--accent))}
html[data-hh-scheme] .family-tools{background:var(--bg);color:var(--text);font-size:14px;padding:18px}
html[data-hh-scheme] .family-tools>header{background:none;padding:0;margin-bottom:18px}
html[data-hh-scheme] .family-tools h1{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:14px 0 10px}
html[data-hh-scheme] .family-tools h2{font-size:21px;line-height:1.3;margin-bottom:10px}
html[data-hh-scheme] .family-tools h3{font-size:17px;line-height:1.35}
html[data-hh-scheme] .family-tools p{font-size:14px;line-height:1.55}
html[data-hh-scheme] .family-tools nav{gap:8px;margin-top:16px}
html[data-hh-scheme] .family-tools nav a{display:inline-flex;align-items:center;min-height:var(--hh-control-height);padding:8px 12px;border:1px solid var(--hh-line);border-radius:var(--hh-control-radius);background:var(--bg-elev);color:var(--text);font-size:13px;font-weight:600}
html[data-hh-scheme] .family-tools nav a:hover{background:var(--bg-elev-2)}
html[data-hh-scheme] .family-tools section{padding:18px;border-radius:var(--hh-card-radius)}
html[data-hh-scheme] .family-tools :is(article,fieldset,td,th){border-color:var(--hh-line)}
html[data-hh-scheme] .family-tools .muted{color:var(--text-muted)}
html[data-hh-scheme] .family-tools :is(#tools-status,#events-status){background:var(--bg-elev-2);color:var(--text);border-radius:var(--hh-control-radius)}
html[data-hh-scheme] .family-tools button[aria-pressed="true"]{background:var(--accent);color:var(--hh-on-accent);border-color:var(--accent)}
html[data-hh-scheme] .schedule-now-time{background:var(--danger);color:var(--bg)!important}
html[data-hh-scheme] .week-calendar-day-head.today .week-calendar-day-num{color:var(--hh-on-accent)}
html[data-hh-scheme] .week-calendar-untimed-label{color:var(--text)}
html[data-hh-scheme] :is(#year-start-month,.reading-card-delete){min-height:32px;min-width:32px}
html[data-hh-scheme] :is(#weekly-resources-library-settings,.weekly-event-context>a,.trip-card-link,.uploads-back,.records-panel summary){display:inline-flex;align-items:center;min-height:32px}
/* The standalone workshop reader shares screen colors, not its paper layout. */
@media screen{
 .workshop-collection-page{--panel:var(--bg-elev);--ink:var(--text);--muted:var(--text-muted)}
 .workshop-collection-page :is(.card,input,.secondary,.worksheet,th,td,.draw-space,.response-line,.print-options,.practical-session,.field-sheet,.word-bank>div){border-color:var(--hh-line)}
 .workshop-collection-page :is(button,.plan-link){color:var(--hh-on-accent)}
 .workshop-collection-page .secondary{color:var(--text)}
 .workshop-collection-page :is(.experience dt,.build-steps>li::marker){color:var(--accent)}
 .workshop-collection-page #error{background:var(--hh-danger-soft);color:var(--danger)}
}
@media print{html[data-hh-scheme] .family-tools{background:white;color:black}html[data-hh-scheme] .family-tools a{color:black}}