/* Homepage follows Core2Flow Reference Edition; all rules are component scoped. */
#view-homepage{--ha-ink:var(--c2f-ink);--ha-muted:var(--c2f-muted);font-family:var(--c2f-font);color:var(--c2f-text);background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 20px;overflow:visible}
#view-homepage .ha-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;margin-bottom:12px;background:var(--c2f-card);border:1px solid var(--c2f-border);border-radius:var(--c2f-radius);box-shadow:var(--c2f-shadow-xs)}
#view-homepage .ha-eyebrow{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--c2f-muted)}
#view-homepage .ha-head h2{margin:6px 0;font-size:22px!important;font-weight:760;letter-spacing:-.025em;color:var(--c2f-ink)}
#view-homepage .ha-head p{font-size:12px;line-height:1.5;margin:0 0 8px;color:var(--c2f-text)}
#view-homepage a{color:var(--c2f-primary-700);text-decoration:none;font-weight:650}
#view-homepage a:hover{text-decoration:underline}
#view-homepage .ha-head a{font-size:11px}
#view-homepage .ha-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
#view-homepage .ha-controls label{display:grid;gap:5px}
#view-homepage #ha-refresh{background:var(--c2f-primary)!important;border-color:var(--c2f-primary)!important;color:#fff!important}
#view-homepage #ha-status{font-size:11px;color:var(--c2f-muted);min-height:22px;padding:0 2px}
#view-homepage .ha-notice{background:var(--c2f-bg);border:1px solid var(--c2f-border);border-radius:var(--c2f-radius-sm);padding:9px 12px;margin-bottom:12px;font-size:11px;line-height:1.5;color:var(--c2f-text)}
#view-homepage .ha-notice b{color:var(--c2f-ink);font-weight:650}
#view-homepage .ha-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
#view-homepage .ha-kpi{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;padding:16px;background:var(--c2f-card);border:1px solid var(--c2f-border);border-radius:var(--c2f-radius);box-shadow:var(--c2f-shadow-xs);color:var(--c2f-ink)}
#view-homepage .ha-kpi>div{font-size:11px;font-weight:650;padding-right:28px;min-height:16px}
#view-homepage .ha-kpi strong{font-size:28px;font-weight:760;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
#view-homepage .ha-kpi small{font-size:10px;line-height:1.5;color:var(--c2f-muted)}
#view-homepage .ha-kpi-icon{position:absolute;right:14px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--c2f-primary-100);color:var(--c2f-primary-700)}
#view-homepage .ha-kpi:nth-child(2) .ha-kpi-icon{background:#EFF6FF;color:var(--c2f-blue)}
#view-homepage .ha-kpi:nth-child(3) .ha-kpi-icon{background:#F5F3FF;color:var(--c2f-purple)}
#view-homepage .ha-kpi:nth-child(4) .ha-kpi-icon{background:#FFF7ED;color:#B77905}
#view-homepage .ha-kpi-icon svg{width:15px;height:15px}
#view-homepage .ha-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px;margin-bottom:12px;align-items:stretch}
#view-homepage .ha-thirds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-homepage .ha-card{background:var(--c2f-card);border:1px solid var(--c2f-border);border-radius:var(--c2f-radius);padding:16px;min-width:0;box-shadow:var(--c2f-shadow-xs)}
#view-homepage .ha-card h3{font-size:15px!important;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.35;color:var(--c2f-ink)}
#view-homepage .ha-card>p,#view-homepage .ha-card-head p{font-size:11px;line-height:1.5;color:var(--c2f-muted);margin:5px 0 12px}
#view-homepage .ha-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}
#view-homepage .ha-tag{display:inline-block;flex-shrink:0;font-size:10px;font-weight:600;line-height:1.4;background:var(--c2f-primary-100);color:var(--c2f-primary-700);border:0;border-radius:999px;padding:5px 8px;white-space:nowrap}
#view-homepage .ha-chart{height:180px;margin-top:14px}
#view-homepage .ha-chart svg{width:100%;height:100%;overflow:visible}
#view-homepage .ha-chart-labels{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--c2f-muted);font-size:10px;line-height:1.4}
#view-homepage .ha-tip{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--c2f-border)}
#view-homepage .ha-tip:last-child{border:0;padding-bottom:0}
#view-homepage .ha-tip>span{flex-shrink:0;display:grid;place-items:center;font-size:10px;font-weight:700;width:25px;height:25px;border-radius:7px;background:var(--c2f-primary-100);color:var(--c2f-primary-700)}
#view-homepage .ha-tip b{font-size:12px;color:var(--c2f-ink);font-weight:650}
#view-homepage .ha-tip p{margin:5px 0 0;color:var(--c2f-text);font-size:11px;line-height:1.6}
#view-homepage .ha-bar-row{margin:16px 0}
#view-homepage .ha-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}
#view-homepage .ha-bar-row b{color:var(--c2f-ink);font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
#view-homepage .ha-bar-row small{margin-left:7px;font-size:10px;font-weight:400;color:var(--c2f-muted)}
#view-homepage .ha-track{height:5px;background:#F0F2F5;border-radius:3px;margin-top:7px;overflow:hidden}
#view-homepage .ha-track i{height:100%;display:block;background:var(--c2f-primary);border-radius:3px}
#view-homepage .ha-note{font-size:10px;line-height:1.6;color:var(--c2f-muted);margin:12px 0 0}
#view-homepage .ha-empty{padding:22px 12px;color:var(--c2f-muted);font-size:12px;line-height:1.6;background:var(--c2f-bg);border-radius:var(--c2f-radius-sm)}
#view-homepage .ha-scroll{overflow:auto;max-height:390px;border:1px solid var(--c2f-border);border-radius:var(--c2f-radius-sm)}
#view-homepage table{width:100%;margin:0;border:0!important;border-collapse:collapse;box-shadow:none!important}
#view-homepage th,#view-homepage td{display:table-cell;padding:9px 10px!important;border-bottom:1px solid var(--c2f-border);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-homepage th{font-size:10px!important;font-weight:600!important;text-transform:none;letter-spacing:0;background:var(--c2f-bg);color:var(--c2f-muted)}
#view-homepage td{font-size:11px;color:var(--c2f-text)}
#view-homepage th:first-child,#view-homepage td:first-child{width:50%;text-align:left;white-space:normal;min-width:150px}
#view-homepage tr:last-child td{border-bottom:0}
#view-homepage td b{color:var(--c2f-ink)}
#view-homepage tbody tr:hover{background:var(--c2f-bg)}
#view-homepage .ha-path{display:block;font-size:10px;color:var(--c2f-muted);margin-top:3px;overflow-wrap:anywhere}
#view-homepage .ha-search{font-size:10px;max-width:180px;display:grid;gap:4px}
#view-homepage .ha-search input{width:100%}
#view-homepage .ha-technical{display:flex;flex-direction:column;gap:6px;margin:18px 0}
#view-homepage .ha-technical strong{font-size:26px;letter-spacing:-.025em;color:var(--c2f-ink);font-weight:760;font-variant-numeric:tabular-nums}
#view-homepage .ha-technical span{font-size:11px;color:var(--c2f-muted)}
#view-homepage .ha-method summary,#view-homepage .ha-details summary{cursor:pointer;font-size:11px;font-weight:650;color:var(--c2f-ink)}
#view-homepage .ha-method p{font-size:11px;line-height:1.7;color:var(--c2f-text);max-width:1050px}
#view-homepage .ha-details{margin-top:16px}
#view-homepage .ha-details[open] .ha-scroll{margin-top:10px}
#view-homepage .ha-error{color:#B42318!important}
body:has(#view-homepage.active) main>.hero{display:none}
body:has(#view-homepage.active) .admin-tabs{overflow-x:auto}
body:has(#view-homepage.active) .admin-tabs .admin-tab{flex:0 0 auto!important;white-space:nowrap!important;min-width:max-content!important;width:auto!important}
@media(max-width:1100px){#view-homepage .ha-head{align-items:start;flex-direction:column}#view-homepage .ha-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#view-homepage .ha-grid{grid-template-columns:minmax(0,1fr)}#view-homepage .ha-thirds{grid-template-columns:repeat(2,minmax(0,1fr))}#view-homepage .ha-thirds>.ha-card:last-child{grid-column:1/-1}}
@media(max-width:600px){#view-homepage .ha-head{padding:16px}#view-homepage .ha-head h2{font-size:20px!important}#view-homepage .ha-kpi{padding:14px 12px}#view-homepage .ha-kpi>div{min-height:30px;font-size:10px}#view-homepage .ha-kpi strong{font-size:24px}#view-homepage .ha-kpi-icon{right:10px;top:10px;width:24px;height:24px}#view-homepage .ha-card{padding:14px}#view-homepage .ha-card-head{flex-direction:column}#view-homepage .ha-chart-labels span:nth-child(2){display:none}#view-homepage .ha-controls{width:100%}#view-homepage .ha-controls label{width:100%}#view-homepage .ha-controls select{width:100%}#view-homepage .ha-controls button,#view-homepage .ha-controls select{min-height:40px!important}#view-homepage .ha-thirds{grid-template-columns:minmax(0,1fr)}#view-homepage .ha-search{max-width:none;width:100%}#view-homepage .ha-chart{height:160px}}
#view-homepage .ha-kpi small{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
/* Shared cross-filter controls. */
#view-homepage #ha-filters{position:sticky;top:66px;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:12px 14px;background:var(--c2f-card);border:1px solid var(--c2f-border);border-radius:var(--c2f-radius);box-shadow:var(--c2f-shadow-xs)}
#view-homepage .ha-filter-heading{display:grid;gap:4px;font-size:11px}
#view-homepage .ha-filter-heading b{color:var(--c2f-ink);font-size:12px}
#view-homepage .ha-filter-heading>span{color:var(--c2f-muted)}
#view-homepage .ha-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#view-homepage [data-ha-remove]{display:flex;align-items:center;gap:10px;background:var(--c2f-primary-100)!important;border-color:#BBF7D0!important;color:var(--c2f-primary-700)!important;white-space:normal;text-align:left}
#view-homepage #ha-clear{color:var(--c2f-muted);background:transparent}
#view-homepage .ha-bar-row{display:block;width:100%;height:auto;min-height:40px!important;margin:8px 0;padding:8px!important;text-align:left;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;white-space:normal;font-weight:400!important;cursor:pointer}
#view-homepage .ha-bar-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.4}
#view-homepage .ha-bar-row .ha-track{display:block}
#view-homepage .ha-filter-target:hover,#view-homepage .ha-page-row:hover{background:var(--c2f-bg)!important}
#view-homepage .ha-selected{background:var(--c2f-primary-100)!important;border-color:#86EFAC!important}
#view-homepage .ha-bar-row.ha-selected{border:1px solid #86EFAC!important;background:var(--c2f-primary-100)!important}
#view-homepage .ha-page-row{cursor:pointer}
#view-homepage .ha-page-row.ha-selected td{background:var(--c2f-primary-100)!important}
#view-homepage .ha-text-filter,#view-homepage .ha-count-filter{padding:2px 0!important;min-height:26px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--c2f-primary-700)!important;font-size:11px!important;text-align:left;white-space:normal}
#view-homepage .ha-count-filter{color:var(--c2f-ink)!important;min-width:32px;text-align:right}
#view-homepage .ha-text-filter:hover,#view-homepage .ha-count-filter:hover{text-decoration:underline}
#view-homepage .ha-open-page{padding:4px 6px;display:inline-block}
#view-homepage .ha-interactive-chart{padding:8px 0 0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--c2f-border) calc(25% - 1px),var(--c2f-border) 25%)}
#view-homepage .ha-day-bars{height:100%;display:flex;align-items:stretch;gap:2px}
#view-homepage .ha-day-bar{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:0!important;height:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:4px!important;cursor:pointer}
#view-homepage .ha-day-column{display:block;width:70%;max-width:90px;background:var(--c2f-primary);border-radius:5px 5px 0 0;min-height:2px}
#view-homepage .ha-day-bar:disabled .ha-day-column{background:#DCE2DF}
#view-homepage .ha-day-bar:disabled{cursor:not-allowed}
#view-homepage .ha-day-bar:hover,#view-homepage .ha-day-bar:focus-visible{background:#ECFDF380!important}
#view-homepage .ha-day-bar.ha-selected{outline:2px solid var(--c2f-primary-700);outline-offset:-2px;background:var(--c2f-primary-100)!important}
#view-homepage .ha-day-bar.ha-selected .ha-day-column{background:var(--c2f-primary-700)}
#view-homepage .ha-day-tooltip{display:none;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);padding:4px 7px;border-radius:5px;background:var(--c2f-ink);color:white;font-size:10px;white-space:nowrap;pointer-events:none;z-index:2}
#view-homepage .ha-day-bar:hover .ha-day-tooltip,#view-homepage .ha-day-bar:focus-visible .ha-day-tooltip{display:block}
#view-homepage [aria-pressed=true]:focus-visible,#view-homepage [data-ha-remove]:focus-visible{outline:2px solid var(--c2f-primary-700);outline-offset:2px}
@media(max-width:600px){#view-homepage #ha-filters{top:64px;padding:10px;gap:8px}#view-homepage .ha-filter-heading>span{font-size:10px}#view-homepage .ha-filter-chips{gap:4px}#view-homepage .ha-filter-chips button{font-size:10px!important;padding:5px 7px!important}}
#view-homepage[aria-busy=true] #ha-content{opacity:.45;pointer-events:none}#view-homepage[aria-busy=true] #ha-filters{border-color:var(--c2f-primary)}
#view-homepage .ha-traffic{margin-bottom:12px}#view-homepage .ha-traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#view-homepage .ha-traffic-summary p{font-size:12px;line-height:1.6;margin:10px 0;color:var(--c2f-text)}#view-homepage .ha-traffic-summary b{color:var(--c2f-ink);font-variant-numeric:tabular-nums}@media(max-width:700px){#view-homepage .ha-traffic-grid{grid-template-columns:1fr;gap:8px}}
#view-homepage .ha-time-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#view-homepage .ha-hour-chart{display:flex;gap:3px;height:170px;margin-top:20px;align-items:stretch}
#view-homepage .ha-hour-bar{flex:1;min-width:0;min-height:0!important;height:100%;display:flex;flex-direction:column;gap:7px;padding:0!important;border:0!important;background:transparent!important;border-radius:4px!important;box-shadow:none!important}
#view-homepage .ha-hour-track{height:140px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,var(--c2f-border) 1px,transparent 1px)}
#view-homepage .ha-hour-track i{display:block;width:75%;min-height:2px;background:var(--c2f-primary);border-radius:3px 3px 0 0}
#view-homepage .ha-hour-bar:disabled .ha-hour-track i{background:#E5E7EB}
#view-homepage .ha-hour-tick{font-size:9px;color:var(--c2f-muted);font-weight:400}
#view-homepage .ha-hour-bar:hover,#view-homepage .ha-hour-bar.ha-selected{background:var(--c2f-primary-100)!important}
#view-homepage .ha-hour-bar.ha-selected{outline:2px solid var(--c2f-primary-700);outline-offset:1px}
#view-homepage .ha-week-scroll{overflow-x:auto;padding:5px 2px 8px}
#view-homepage .ha-week-grid{display:grid;grid-template-columns:36px repeat(24,minmax(15px,1fr));gap:3px;min-width:500px;align-items:center}
#view-homepage .ha-week-hour{text-align:center;font-size:9px;color:var(--c2f-muted)}
#view-homepage .ha-week-day{min-height:22px!important;font-size:10px!important;padding:0!important;border:0!important;background:transparent!important;text-align:left;box-shadow:none!important;color:var(--c2f-text)}
#view-homepage .ha-week-cell{height:23px!important;min-height:23px!important;min-width:0!important;padding:0!important;border-radius:4px!important;border:1px solid #DCE7E0!important;background:rgba(34,197,94,var(--cell-alpha))!important;box-shadow:none!important;color:var(--c2f-primary-700);font-weight:800!important}
#view-homepage .ha-week-cell.ha-partial{background:repeating-linear-gradient(135deg,#F3F4F6,#F3F4F6 3px,#E4E7EB 3px,#E4E7EB 4px)!important}
#view-homepage .ha-week-cell:disabled{background:#F8FAFC!important;border-color:#ECEFF2!important;opacity:1;cursor:not-allowed}
#view-homepage .ha-week-cell.ha-selected{outline:2px solid var(--c2f-primary-700)!important;outline-offset:1px}
#view-homepage .ha-week-legend{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--c2f-muted);margin:8px 0}
#view-homepage .ha-week-legend i{display:inline-block;width:65px;height:7px;border-radius:3px;background:linear-gradient(90deg,#EDF9F1,#22C55E);margin:0 4px}
@media(max-width:1200px){#view-homepage .ha-time-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#view-homepage .ha-hour-chart{gap:2px}#view-homepage .ha-hour-tick{font-size:8px}#view-homepage .ha-week-legend{flex-wrap:wrap}}

/* SEO MODULE */
#view-homepage .seo-panel{margin-bottom:16px;border-top:3px solid var(--c2f-primary);padding:22px}
#view-homepage .seo-panel h4{font-size:15px;color:var(--c2f-ink);margin:0 0 8px}
#view-homepage .seo-panel p{line-height:1.65}
#view-homepage .seo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#view-homepage .seo-actions a{font-size:11px}
#view-homepage .seo-scope{background:var(--c2f-bg);padding:10px 12px;border-radius:8px;color:var(--c2f-muted);font-size:11px;line-height:1.6}
#view-homepage #seo-message:not(:empty){padding:10px 0;font-size:12px;color:var(--c2f-primary-700)}
#view-homepage #seo-message.ha-error{color:#b45309}
#view-homepage .seo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}
#view-homepage .seo-stats>div{border:1px solid var(--c2f-border);border-radius:10px;padding:14px;display:grid;gap:6px}
#view-homepage .seo-stats strong{font-size:26px;font-variant-numeric:tabular-nums;color:var(--c2f-ink)}
#view-homepage .seo-stats span{font-size:11px;color:var(--c2f-muted)}
#view-homepage .seo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
#view-homepage .seo-toolbar label{font-size:10px;color:var(--c2f-muted);display:grid;gap:4px}
#view-homepage .seo-task{border:1px solid var(--c2f-border);border-radius:10px;margin-top:10px;overflow:hidden}
#view-homepage .seo-task>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px;background:#fafcfb;list-style:none}
#view-homepage .seo-task>summary::before{content:'›';font-size:20px;color:var(--c2f-muted)}
#view-homepage .seo-task[open]>summary::before{transform:rotate(90deg)}
#view-homepage .seo-task summary b{font-size:12px;color:var(--c2f-ink)}
#view-homepage .seo-task summary small{display:block;font-size:10px;font-weight:400;color:var(--c2f-muted);margin-top:5px;overflow-wrap:anywhere}
#view-homepage .seo-priority{padding:5px 8px;background:#eaf4ff;color:#2563eb;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}
#view-homepage .seo-P1{background:#fff1e7;color:#b45309}
#view-homepage .seo-P3{background:#f3f4f6;color:#4b5563}
#view-homepage .seo-state-tag{margin-left:auto;font-size:10px;color:var(--c2f-muted);white-space:nowrap}
#view-homepage .seo-task-body{padding:16px}
#view-homepage .seo-task dl{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:12px;line-height:1.65;margin:0 0 16px}
#view-homepage .seo-task dt{font-weight:600;color:var(--c2f-ink)}
#view-homepage .seo-task dd{margin:0;overflow-wrap:anywhere;color:var(--c2f-text);white-space:pre-wrap}
#view-homepage .seo-task-form{display:grid;grid-template-columns:190px 1fr auto;align-items:end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--c2f-border)}
#view-homepage .seo-task-form label,#view-homepage .seo-import-form label{display:grid;gap:6px;font-size:11px;color:var(--c2f-muted)}
#view-homepage .seo-task-form textarea{width:100%;resize:vertical;font:inherit;border:1px solid var(--c2f-border);border-radius:8px;padding:9px;background:white;color:var(--c2f-text)}
#view-homepage .seo-details{margin-top:16px;padding-top:14px;border-top:1px solid var(--c2f-border);font-size:12px}
#view-homepage .seo-details>summary{font-weight:600;color:var(--c2f-ink);cursor:pointer;padding:3px 0}
#view-homepage .seo-details td{vertical-align:top}
#view-homepage .seo-details td:first-child{min-width:230px;max-width:550px;white-space:normal}
#view-homepage .seo-details td p{overflow-wrap:anywhere;font-size:11px}
#view-homepage .seo-search{margin-top:24px;padding-top:22px;border-top:1px solid var(--c2f-border)}
#view-homepage .seo-import-form{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin:16px 0}
#view-homepage .seo-import-form input{max-width:100%;min-width:0}
#view-homepage .seo-confirm{display:flex;align-items:start;gap:8px;font-size:11px;margin:12px 0 16px;line-height:1.6}
#view-homepage .seo-confirm input{width:16px;height:16px;min-height:16px;margin-top:2px;flex:0 0 16px;accent-color:var(--c2f-primary)}
#view-homepage .seo-details li{margin:9px 0;line-height:1.65}
@media(max-width:850px){#view-homepage .seo-task-form{grid-template-columns:1fr}#view-homepage .seo-import-form{grid-template-columns:1fr 1fr}#view-homepage .seo-import-form label:last-child{grid-column:1/-1}#view-homepage .seo-state-tag{display:none}}
@media(max-width:600px){#view-homepage .seo-panel{padding:14px}#view-homepage .seo-stats{grid-template-columns:1fr 1fr;gap:8px}#view-homepage .seo-stats>div{padding:10px}#view-homepage .seo-task dl{grid-template-columns:1fr;gap:5px}#view-homepage .seo-task dd{margin-bottom:10px}#view-homepage .seo-toolbar{align-items:start;flex-direction:column}#view-homepage .seo-task>summary{padding:10px;gap:8px}#view-homepage .seo-task-body{padding:12px}}

/* Evidence and navigation */
#view-homepage .ha-evidence{margin-bottom:16px}
#view-homepage .ha-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
#view-homepage .ha-evidence-grid>div{padding:14px;border:1px solid var(--c2f-border);border-radius:12px;background:var(--c2f-card)}
#view-homepage .ha-evidence-grid span{font-size:12px;font-weight:650;display:block}
#view-homepage .ha-evidence-grid strong{font-size:28px;display:block;margin:8px 0;color:var(--c2f-ink)}
#view-homepage .ha-evidence-grid small{font-size:11px;line-height:1.5;display:block;color:var(--c2f-muted)}
#view-homepage .ha-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-homepage .ha-flow-grid table{min-width:460px}
#view-homepage .ha-flow-heading{margin:20px 0 10px}
#view-homepage .ha-flow-track{height:4px;background:#e9efeb;border-radius:3px;margin-top:7px;min-width:80px}
#view-homepage .ha-flow-track i{display:block;height:100%;background:var(--c2f-primary);border-radius:3px}
@media(max-width:1000px){#view-homepage .ha-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-homepage .ha-flow-grid{grid-template-columns:1fr}}
@media(max-width:480px){#view-homepage .ha-evidence-grid{grid-template-columns:1fr}}