/* Account support and public service-health pages share the same reading layout. */
.feature-page .page-heading{margin:0 0 32px;max-width:900px}
.feature-page .page-heading h1{font-size:var(--title-size);line-height:1;letter-spacing:.018em;margin:24px 0}
.feature-page .page-heading p{font-size:16px;color:var(--muted);line-height:1.7}
.feature-page .panel{min-width:0;background:var(--panel);color:var(--text,var(--paper));border:1px solid var(--line);padding:24px}
.feature-page .panel h2{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:.018em;margin:12px 0 18px}
.feature-page .panel h3{font-size:24px;line-height:1.25;margin:10px 0}
.feature-page .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding:0;gap:16px;margin:24px 0}
.feature-page dl{margin:18px 0 0}.feature-page dt{font-size:14px;color:var(--muted);margin-top:16px}.feature-page dd{margin:4px 0;font-size:16px;font-weight:600}
.feature-page .ui-actions label{display:grid;gap:8px;min-width:240px}.feature-page .ui-actions{align-items:end}
.feature-page input,.feature-page textarea,.feature-page select{width:100%;min-height:46px;background:var(--panel);color:var(--text,var(--paper));border:1px solid var(--line);padding:12px;font:inherit;border-radius:var(--radius)}
.feature-page .notice{padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--orange);margin-bottom:24px;background:var(--panel)}
.feature-page .notice.success{border-left-color:var(--success)}
.ticket-portal{display:grid;grid-template-columns:minmax(240px,.36fr) minmax(0,1fr);gap:24px;align-items:start}
.feature-page .ticket-list{padding:8px;display:grid;max-height:70vh;overflow-y:auto}
.ticket-list-item{display:grid;gap:8px;padding:18px;border:1px solid transparent;border-bottom-color:var(--line);overflow-wrap:anywhere}
.ticket-list-item span,.ticket-list-item small{font-size:14px;line-height:1.4;color:var(--muted)}
.ticket-list-item strong{font-size:17px;line-height:1.4}
.ticket-list-item:hover,.ticket-list-item.active{background:color-mix(in srgb,var(--orange) 8%,var(--panel));border-color:var(--orange)}
.ticket-list-item.active{border-left-width:4px}.ticket-list-item small{color:var(--orange);font-weight:700}
.feature-page .ticket-conversation>header{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.feature-page .conversation-message{display:block;margin:18px 0;padding:20px;background:color-mix(in srgb,var(--ink) 65%,var(--panel));border:1px solid var(--line);border-left:3px solid var(--line);overflow-wrap:anywhere}
.feature-page .conversation-message.staff{border-left-color:var(--orange)}
.feature-page .conversation-message>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.feature-page .conversation-message time{font-size:14px;color:var(--muted)}
.feature-page .conversation-message p{font-size:16px;line-height:1.75;margin:12px 0 0}
.feature-page .ticket-conversation li a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.form-stack{display:grid;gap:18px;margin-top:26px}.form-stack label{display:grid;gap:9px;font-weight:600;font-size:15px}.form-stack small{font-weight:400;color:var(--muted);font-size:14px}.form-stack textarea{resize:vertical;min-height:150px}.form-stack .button{justify-self:start}
@media(max-width:800px){.ticket-portal{grid-template-columns:1fr}.feature-page .ticket-list{max-height:320px}.feature-page .panel{padding:20px}.feature-page .ui-actions label{width:100%;min-width:0}}