.participant-service{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:20px 0}.participant-service .button{font-size:12px;min-height:36px;padding:7px 12px}.participant-contexts{display:grid;gap:34px}.participant-area{min-width:0}.participant-area-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px}.participant-area-heading h2{font-size:17px;line-height:1.3;color:var(--muted);font-weight:500}.participant-area-heading .eyebrow{margin:0 0 8px}.participant-area-heading>.source{max-width:350px;font-size:13px;line-height:1.5}.participant-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.participant-task{position:relative;display:block;width:100%;min-height:116px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);padding:22px 42px 22px 22px;border-radius:16px;font:inherit;transition:border-color .15s,box-shadow .15s}.participant-task:hover,.participant-task:focus-visible{border-color:var(--brand);box-shadow:0 5px 18px #7e263d12}.participant-task:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.participant-task strong{display:block;font-size:18px;font-weight:600;line-height:1.3;color:var(--brand)}.participant-task>span{display:block;font-size:13px;color:var(--muted);margin-top:10px;line-height:1.5}.participant-task .participant-task-arrow{position:absolute;right:20px;top:15px;font-size:22px;color:var(--brand)}.participant-task[aria-current=true]{border-color:var(--brand);background:var(--soft)}.participant-permissions{margin-top:24px}.participant-permissions p{margin:8px 0;font-size:13px;overflow-wrap:anywhere}.participant-join,.participant-unavailable{max-width:650px;margin:24px 0}.participant-join>p,.participant-unavailable>p{font-size:14px;color:var(--muted);margin:12px 0 20px;line-height:1.6}.participant-join .info{margin-top:22px}.participant-join>.link-button{display:inline-flex;margin:12px 0}.form-message:empty{display:none}#welcome{margin-top:12px}h1{font-size:35px}
@media(max-width:850px){.participant-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-area-heading{align-items:start;flex-direction:column;gap:8px}.participant-area-heading h2{font-size:17px}}
@media(max-width:520px){h1{font-size:29px}.page-title{flex-direction:column;align-items:start}.participant-service{align-items:start}.participant-service .source{max-width:190px}.participant-join>.button,.participant-unavailable>.button{width:100%}.header-inner>#logout{font-size:12px;padding:8px 12px}.participant-area-grid{grid-template-columns:1fr}.participant-task{min-height:100px;padding:19px 42px 19px 19px}.participant-task strong{font-size:17px}.participant-contexts{gap:28px}}

.participant-areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.participant-area-choice{flex:1 1 220px;max-width:420px;min-height:66px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:14px 20px;text-align:left}.participant-area-choice strong{font-size:18px;font-weight:600;display:block}.participant-area-choice span{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:var(--muted)}.participant-area-choice[aria-pressed=true]{color:var(--brand);border-color:var(--brand);background:var(--soft)}.participant-area-choice:hover{border-color:var(--brand)}.participant-area-choice:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.participant-areas+.participant-service{margin:12px 0}.participant-task>span:not(.participant-task-arrow){font-size:13px;line-height:1.4}.participant-area-heading{margin-bottom:12px}
@media(max-width:520px){.participant-areas{gap:8px;margin-top:18px}.participant-area-choice{min-height:60px;padding:12px 16px;max-width:none}.participant-area-choice strong{font-size:17px}.participant-area-heading h2{font-size:15px}}

.participant-page .participant-areas{margin:0 0 28px}.participant-page #welcome{font-size:14px}.participant-page .participant-reading-card{display:flex;flex-direction:column;min-width:0}.participant-reading-card .card-actions{margin-top:auto;padding-top:24px}.participant-empty{font-size:18px;color:var(--muted);line-height:1.5;padding:28px 0;max-width:24ch}.participant-reading-delta{font-size:15px;line-height:1.7;margin:18px 0}.participant-reading-delta span{display:block;color:var(--muted);font-size:13px}.participant-home-note{margin-top:10px;font-size:13px;color:var(--muted)}.participant-tariffs{width:100%;border-collapse:collapse;font-size:13px;margin:18px 0 0;font-variant-numeric:tabular-nums}.participant-tariffs caption{caption-side:top;text-align:left;font-size:12px;color:var(--muted);margin-bottom:8px}.participant-tariffs th,.participant-tariffs td{padding:9px 5px;border-bottom:1px solid var(--line);text-align:right}.participant-tariffs th:first-child{text-align:left;padding-left:0}.participant-tariffs th{font-weight:500}.participant-tariffs thead{color:var(--muted);font-size:11px}.participant-electric-meter+.participant-electric-meter{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.participant-page .home-shortcut{font:inherit;text-align:left;width:100%}.participant-page .home-readings .card-head{gap:10px}.participant-page .home-readings .tag{font-size:11px}.participant-page .participant-area-choice{max-width:none;min-height:58px}.participant-page .participant-contexts{margin-top:10px}
@media(max-width:600px){.participant-page .home-readings{grid-template-columns:1fr}.participant-page .home-focus{gap:24px}.participant-page .focus-amount{font-size:38px}.participant-page .participant-areas{margin-bottom:22px}.participant-page .participant-tariffs{font-size:12px}.participant-page .card-head{flex-wrap:wrap}.participant-page .participant-area-choice{flex-basis:140px}}