:root { color-scheme: light dark; }
:root[data-appearance="light"] { color-scheme: light; }
:root[data-appearance="dark"] {
  color-scheme: dark;
  --page:#141917; --canvas:#1b211e; --surface:#252d28;
  --text:#e7eee8; --muted:#b1c0b3; --accent:#83cbaa;
  --line:#414e43; --wash:#303c31; --warning:#382f1d;
  --warning-text:#e4cb8e; --danger:#f2a899; --logo-opacity:.82;
}
@media(prefers-color-scheme:dark) {
  :root:not([data-appearance="light"]):not([data-appearance="dark"]) {
    --page:#141917; --canvas:#1b211e; --surface:#252d28;
    --text:#e7eee8; --muted:#b1c0b3; --accent:#83cbaa;
    --line:#414e43; --wash:#303c31; --warning:#382f1d;
    --warning-text:#e4cb8e; --danger:#f2a899; --logo-opacity:.82;
  }
}
body { background:var(--page,#f0f1e9); color:var(--text,#24382e); }
a { color:var(--accent,#215840); }
.device { background:var(--canvas,#f8f8f2); border-color:var(--line,#e3e6dc); }
.brand,.appbar { background:var(--canvas,#fff); }
.school-logo,.app-logo { opacity:var(--logo-opacity,1); }
.statusbar,.brand strong,.greeting strong,.quick-grid button,.program-card,.list-card,.resource-link,.faq summary,.saved-list button {
  color:var(--text,#2d4433);
}
.intro-copy,.brand,.eyebrow,.preview-note p,.preview-actions small,.preview-actions button>span,
.greeting,.quick-grid small,.program-card small,.screen-footnote,.subcopy,.filter-line,.list-card p,
.empty,.topic,.source-card p,.info-card .address,.resource-link small,.faq p,.draft-card p,
.field small,.required,.privacy-copy,.email-body { color:var(--muted,#788a70); }
.preview-actions button,.text-button,.page-kicker,.back-row button,.source-card a,.draft-actions button,
.field>span,.tabbar button[aria-current=page],.quick-grid svg,.topic svg { color:var(--accent,#487347); }
.quick-grid button,.program-card,.search input,.list-card,.objectives,.info-card,.resource-list,
.faq,.draft-card,.saved-list button,.field input,.field textarea,.field select {
  background:var(--surface,#fff); border-color:var(--line,#dce3d4);
}
.search input,.field input,.field textarea,.field select { color:var(--text,#334d34); }
.field input::placeholder,.field textarea::placeholder,.search input::placeholder { color:var(--muted,#788a70); }
.tabbar,.home-indicator { background:var(--canvas,#fafbf7); border-color:var(--line,#dce3d4); }
.tabbar button { color:var(--muted,#8c9589); }
.home-indicator:after { background:var(--text,#29362b); }
.island { background:var(--line,#25382e); }
.secondary,.source-card,.badge,.resource-link .resource-icon,.app-avatar {
  background:var(--wash,#edf1e4); color:var(--accent,#456a3d); border-color:var(--line,#d4dfca);
}
.resource-link,.preview-actions,.preview-actions button { border-color:var(--line,#d6dcd1); }
.program-art { background:var(--wash); }
.program-art:before { background:var(--surface,#ffffffbb); }
.delivery-note { background:var(--warning,#fff4da); color:var(--warning-text,#897641); border-color:var(--line,#ede2c1); }
.delivery-note strong { color:var(--warning-text,#746130); }
.success { background:var(--wash,#eaf2e1); color:var(--accent,#46643d); }
.form-error,.loading-error,.draft-actions button[data-delete] { color:var(--danger,#a34d3c); }
.appbar { height:84px; padding:8px 12px; gap:4px; flex-shrink:0; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; }
.app-logo { width:100%; max-width:100%; height:64px; object-fit:contain; object-position:left center; }
.appearance-menu { position:relative; color:var(--text,#24382e); }
.appearance-menu summary { display:grid; place-items:center; width:44px; height:44px; cursor:pointer; list-style:none; }
.appearance-menu summary::-webkit-details-marker { display:none; }
.appearance-menu summary svg { width:20px; height:20px; }
.appearance-menu summary:focus-visible { outline:2px solid var(--accent,#28634c); border-radius:10px; }
.appearance-options { position:absolute; z-index:20; top:48px; right:0; width:210px; padding:10px; border:1px solid var(--line,#dce3d4); border-radius:14px; background:var(--surface,#fff); box-shadow:0 8px 24px #0002; }
.appearance-options strong { display:block; font-size:12px; padding:5px 9px; color:var(--muted,#67736a); }
.appearance-options button { display:block; width:100%; min-height:44px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:inherit; font-size:14px; text-align:left; }
.appearance-options button[aria-pressed="true"] { background:var(--wash,#edf2e5); font-weight:650; }
.device { display:flex; flex-direction:column; }
.statusbar,.tabbar,.home-indicator { flex-shrink:0; }
.screen { height:628px; }
@media(max-width:760px) {
  .presentation { padding:8px; gap:0; }
  .intro { display:none; }
  .device { height:calc(100dvh - 16px); border-radius:28px; }
  .screen { height:auto; flex:1; min-height:0; }
}
.feedback-type-change { margin:12px 0 6px; min-height:48px; font-size:15px; font-weight:700; border:2px solid var(--accent,#487347); background:var(--wash,#edf1e4); color:var(--text,#24382e); }
.screen .feedback-selected-type { display:block; width:100%; margin:20px 0 6px; text-align:center; font-size:21px; font-weight:700; line-height:1.35; color:var(--text,#24382e); overflow-wrap:anywhere; }
.resource-open { border:0; background:transparent; color:var(--text,#24382e); text-align:left; width:100%; cursor:pointer; padding:8px 0; }
.resource-open strong { font-size:15px; }
.catalog-controls { display:flex; align-items:center; justify-content:space-between; gap:6px; margin:16px 0; font-size:12px; }
.catalog-controls select { min-height:36px; font-size:16px; background:var(--surface,#fff); color:var(--text,#24382e); border:1px solid var(--line,#dce3d4); border-radius:6px; }
.catalog-page-image { background:white; border:1px solid var(--line,#dce3d4); border-radius:10px; overflow:hidden; }
.catalog-page-image img { display:block; width:100%; height:auto; }
.catalog-results { display:flex; flex-wrap:wrap; gap:6px; }
.catalog-page-text { white-space:pre-wrap; overflow-wrap:anywhere; }
#directions-dialog { width:min(400px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; border:1px solid var(--line,#dce3d4); border-radius:20px; padding:24px; background:var(--surface,#fff); color:var(--text,#24382e); }
#directions-dialog::backdrop { background:#0009; }
#directions-dialog h2 { margin:0 0 12px; }
#directions-dialog p { font-size:13px; }
.directions-options { display:grid; gap:10px; margin:16px 0; }
.directions-options a,.directions-options button { font-size:14px; }
.directions-options [hidden] { display:none; }
.directions-note { color:var(--muted,#788a70); }
.student-tools { margin:22px 0; }
.feature-card { width:100%; display:flex; flex-direction:column; gap:6px; text-align:left; padding:16px; margin:10px 0; border:1px solid var(--line,#dce3d4); border-radius:16px; background:var(--surface,#fff); color:var(--text,#24382e); }
.feature-card strong { font-size:14px; }
.feature-card>span { font-size:11px; }
.feature-kicker { color:var(--accent,#487347); font-size:10px!important; font-weight:700; letter-spacing:.6px; }
.feature-body { font-size:13px; line-height:1.8; }
.sample-note { border-radius:10px; padding:10px 12px; background:var(--wash,#edf1e4); color:var(--muted,#63765c); font-size:11px; }
#announcement-reminder-dialog { width:min(400px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; border:1px solid var(--line,#dce3d4); border-radius:20px; padding:24px; background:var(--surface,#fff); color:var(--text,#24382e); }
#announcement-reminder-dialog::backdrop { background:#0009; }
#announcement-reminder-dialog p { font-size:13px; }
.checklist-progress { width:100%; height:10px; accent-color:var(--accent,#487347); }
.checklist-item { flex-direction:row; align-items:flex-start; gap:12px; }
.checklist-item>input { margin-top:5px; accent-color:var(--accent,#487347); }
.checklist-item>span>span { display:block; margin-top:5px; color:var(--muted,#788a70); }

.source-card .resource-help-actions > a, .source-card .resource-help-actions > button { display:inline-flex; flex:1; min-width:0; min-height:46px; padding:11px 12px; font-size:14px; font-weight:650; line-height:1.4; text-align:center; white-space:nowrap; }

.ios-widget-preview { display:flex; flex-direction:column; gap:7px; padding:18px; margin:14px 0; border:1px solid var(--line,#dce3d4); border-radius:22px; background:var(--surface,#fff); color:var(--text,#24382e); }
.ios-widget-preview strong { font-size:20px; }
.ios-widget-preview .contact-actions { margin-top:10px; }
.ios-quick-actions { display:grid; gap:8px; margin-top:12px; }
.iphone-feature-preview p,.info-card > p + p { margin-top:10px; }

.account-home-link { margin-bottom:16px; }
.profile-order { margin:12px 0 22px; }
.profile-order-row { display:flex; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid var(--line,#dce3d4); }
.profile-order-row strong { flex:1; font-size:14px; }
.profile-order-row button { min-width:42px; }
.account-message { margin-top:16px!important; padding:12px; border-radius:10px; background:var(--wash,#edf1e4); color:var(--text,#24382e); }

#app-menu .appearance-options { max-height: min(65dvh, 480px); overflow-y: auto; }
.menu-link {display:block;padding:12px 10px;min-height:44px;color:var(--text);font-size:14px;text-decoration:none;border-radius:8px;box-sizing:border-box;}
.menu-link:hover {background:var(--wash);}
.personalize-menu-dialog {width:min(480px,calc(100vw - 32px));max-height:80dvh;box-sizing:border-box;overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);}
.personalize-menu-dialog::backdrop {background:rgba(0,0,0,.5);}
.personalize-menu-dialog h2 {margin-top:0;}
.personalize-menu-dialog p {line-height:1.5;}
.menu-choice {display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--line);font-size:15px;}
.menu-choice input {width:20px;height:20px;accent-color:var(--green);flex-shrink:0;}
.menu-order-row {display:flex;align-items:center;gap:8px;margin:8px 0;}
.menu-order-row span {flex:1;font-size:15px;}
.menu-order-row button {width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:20px;}
.menu-order-row button:disabled {opacity:.35;}
.menu-editor-actions {display:flex;gap:12px;position:sticky;bottom:-24px;padding:16px 0;background:var(--surface);}
.menu-editor-actions button {flex:1;min-height:44px;}

.my-program-card {display:flex;flex-direction:column;gap:14px;padding:18px;}
.my-program-card h3 {margin:0;font-size:17px;line-height:1.35;}
.my-program-card .secondary {margin:0;min-height:48px;padding:12px 14px;white-space:normal;line-height:1.4;}

.home-drag-row {display:flex;align-items:stretch;gap:8px;margin-bottom:12px;}
.home-drag-row > .feature-card {flex:1;min-width:0;width:auto;margin:0;}
.home-drag-handle {width:44px;flex-shrink:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);font-size:21px;touch-action:none;cursor:grab;user-select:none;}
.home-drag-row.dragging {opacity:.8;outline:2px solid var(--accent);border-radius:14px;}
.home-drag-row.dragging .home-drag-handle {cursor:grabbing;}
.home-order-status {font-size:12px;color:var(--muted);min-height:18px;margin:4px 0;}

.home-section-row {align-items:flex-start;margin-bottom:20px;}
.home-section-content {flex:1;min-width:0;}
.home-section-content > * {width:100%;margin:0!important;}
.home-section-row > .home-drag-handle {height:44px;margin-top:4px;}

.home-reset-status:empty {display:none;}
.home-reset-status:not(:empty) {margin:16px 0 24px;padding:0;background:none;border:0;border-radius:0;color:var(--muted);font-size:14px;line-height:1.5;}

/* Compact handles overlay the card instead of consuming a separate column. */
.home-drag-row {position:relative;display:block;}
.home-section-content {width:100%;}
.home-drag-row > .feature-card {display:block;width:100%;padding-right:48px;}
.home-drag-row > .home-drag-handle,
.home-section-row > .home-drag-handle {position:absolute;top:8px;right:8px;width:32px;height:32px;min-height:32px;margin:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:16px;opacity:.75;z-index:2;}
.home-drag-handle:hover,.home-drag-handle:focus-visible {background:var(--wash);opacity:1;}
.home-section-content > .feature-card,
.home-section-content > .list-card,
.home-section-content > .info-card,
.home-section-content > .hero {padding-right:48px;}
.home-section-content > section > h3:first-child,
.home-section-content > section > .section-head:first-child {padding-right:40px;}
.home-section-content > .quick-grid {padding-top:40px;}
.home-section-content > a {padding-right:44px;}
.home-section-row:has(> .home-section-content > .student-tools) > .home-drag-handle {top:0;}
.home-section-row .home-drag-row > .home-drag-handle {top:8px;}
.home-section-content > .student-tools > h3 {padding-right:40px;}

.home-section-content > .list-card {padding-right:14px;}
.home-section-row:has(> .home-section-content > .list-card) > .home-drag-handle {background:var(--surface);top:18px;right:18px;}

/* Preserve card text flow and separate section handles from card handles. */
.home-drag-row > .feature-card {display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;}
.home-drag-row > .feature-card strong,
.home-drag-row > .feature-card span {display:block;width:100%;}
.home-section-content > .student-tools > h3 {margin:0 0 18px;line-height:1.4;min-height:32px;display:flex;align-items:center;}
.home-section-row:has(> .home-section-content > .student-tools) > .home-drag-handle {top:0;right:0;}
.home-section-content > .quick-grid {padding-top:0;}
.home-section-row:has(> .home-section-content > .quick-grid) {padding-top:40px;}
.home-section-row:has(> .home-section-content > .quick-grid) > .home-drag-handle {top:0;right:0;}
.home-drag-row > .home-drag-handle {top:12px;right:12px;}
.home-section-row .home-drag-row > .home-drag-handle {top:12px;right:12px;}

.home-drag-row[hidden] {display:none!important;}
.home-remove {position:absolute;top:12px;right:46px;width:28px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:22px;line-height:1;z-index:2;}
.home-remove:hover,.home-remove:focus-visible {background:var(--wash);color:var(--danger,#b23e3e);}
.home-drag-row > .feature-card {padding-right:80px;}
.home-section-content > .student-tools > h3 {padding-right:76px;}
.home-section-row:has(> .home-section-content > .student-tools) > .home-remove {top:0;right:34px;}
.home-section-content > section > h3:first-child,.home-section-content > section > .section-head:first-child {padding-right:76px;}
.section-restore {margin:12px 0 20px;}
.section-restore summary {cursor:pointer;color:var(--accent);font-size:14px;font-weight:600;padding:10px 0;}
.section-restore button {display:block;width:100%;margin:8px 0;text-align:left;}
.section-restore p {font-size:13px;color:var(--muted);}

/* Keep both controls on a shared baseline and clear of contact text. */
.home-section-row:has(> .home-section-content > .quick-grid) > .home-remove {top:0;right:34px;}
.home-section-row:has(> .home-section-content > .quick-grid) > .home-drag-handle {top:0;right:0;}
.home-section-row:has(> .home-section-content > a) > .home-remove,
.home-section-row:has(> .home-section-content > a) > .home-drag-handle {top:50%;transform:translateY(-50%);}
.home-section-row:has(> .home-section-content > a) > .home-remove {right:42px;}
.home-section-row:has(> .home-section-content > a) > .home-drag-handle {right:8px;}
.home-section-content > a {padding-left:16px;padding-right:84px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;}
.home-remove,.home-drag-handle {display:grid;place-items:center;line-height:1;padding:0;}

/* Section roll-up toolbar keeps all layout actions clear of content. */
.home-drag-row:has(> .home-collapse) {padding-top:40px;min-height:40px;}
.home-drag-row > .home-collapse {position:absolute;top:0;left:0;max-width:calc(100% - 76px);min-height:32px;padding:4px 0;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;text-align:left;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-drag-row:has(> .home-collapse) > .home-remove {top:0!important;right:34px!important;transform:none!important;}
.home-drag-row:has(> .home-collapse) > .home-drag-handle {top:0!important;right:0!important;transform:none!important;}
.home-drag-row.section-collapsed > .home-section-content,
.home-drag-row.section-collapsed > .feature-card {display:none!important;}
.home-section-content > a {padding:14px 16px;}
.home-drag-row > .feature-card {padding-right:18px;}
.home-collapse:hover,.home-collapse:focus-visible {color:var(--accent);}

/* Let long headings wrap without losing their disclosure control. */
.home-drag-row:has(> .home-collapse) {display:grid;grid-template-columns:minmax(0,1fr) 28px 32px;column-gap:6px;row-gap:10px;padding-top:0;align-items:start;}
.home-drag-row > .home-collapse {position:static;grid-column:1;grid-row:1;max-width:none;width:100%;display:flex;align-items:center;gap:8px;white-space:normal;overflow:visible;text-overflow:clip;}
.collapse-caption {min-width:0;overflow-wrap:anywhere;}
.collapse-chevron {flex:none;}
.home-drag-row:has(> .home-collapse) > .home-remove,
.home-drag-row:has(> .home-collapse) > .home-drag-handle {position:static!important;grid-row:1;transform:none!important;}
.home-drag-row:has(> .home-collapse) > .home-remove {grid-column:2;}
.home-drag-row:has(> .home-collapse) > .home-drag-handle {grid-column:3;}
.home-drag-row:has(> .home-collapse) > .home-section-content,
.home-drag-row:has(> .home-collapse) > .feature-card {grid-column:1 / -1;grid-row:2;}

.it-response-times {padding-left:20px;margin:10px 0 0;line-height:1.6;}
.it-response-times li + li {margin-top:10px;}

.feedback-new-action {display:block;width:100%;margin-top:20px;margin-bottom:8px;}

.feedback-photo-card {display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:14px 0 20px;}

.urgent-it-notice {margin-top:18px!important;}

.it-response-times {list-style:none;padding:0;margin:10px 0 0;font-size:14px;line-height:1.5;}
.it-response-times li {display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);}
.it-response-times li + li {margin-top:0;}
.it-response-times li strong {font-size:14px;flex:none;}
.it-response-times li span {font-size:14px;text-align:right;color:var(--muted);}
.source-card .urgent-it-notice {display:block!important;font-size:14px;line-height:1.6;margin-top:18px!important;}
.source-card .urgent-it-notice a {display:inline!important;margin:0!important;padding:0!important;font-size:inherit;line-height:inherit;white-space:nowrap;}

.source-card .urgent-it-notice, .source-card .urgent-it-notice a {color:#b42318!important;}
@media (prefers-color-scheme:dark) {html:not([data-appearance="light"]) .source-card .urgent-it-notice,html:not([data-appearance="light"]) .source-card .urgent-it-notice a {color:#ff8a80!important;}}
html[data-appearance="dark"] .source-card .urgent-it-notice,html[data-appearance="dark"] .source-card .urgent-it-notice a {color:#ff8a80!important;}

.source-card .urgent-it-notice, .source-card .urgent-it-notice a {font-weight:700!important;}

.source-card .urgent-call-button {display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px!important;padding:12px 16px!important;box-sizing:border-box;border-radius:12px;background:#b42318;color:#fff!important;font-size:15px;font-weight:700;text-decoration:none;}
.source-card .urgent-call-button svg {width:20px;height:20px;flex:none;}
.source-card .urgent-call-button:hover {background:#912018;}
.source-card .urgent-call-button:focus-visible {outline:3px solid #ff8a80;outline-offset:3px;}

/* Home shortcuts share distinct, decorative icons without changing layout controls. */
:root {--home-icon-gold:#89621d;--home-icon-blue:#356b86;}
:root[data-appearance="dark"] {--home-icon-gold:#e0c180;--home-icon-blue:#99cae1;}
@media(prefers-color-scheme:dark) {
  :root:not([data-appearance="light"]):not([data-appearance="dark"]) {--home-icon-gold:#e0c180;--home-icon-blue:#99cae1;}
}
.home-tool-icon,.home-quick-icon {color:var(--accent,#487347);background:color-mix(in srgb,currentColor 12%,var(--surface,#fff));border:1px solid color-mix(in srgb,currentColor 14%,transparent);pointer-events:none;}
.home-tool-icon[data-tone="gold"],.home-quick-icon[data-tone="gold"] {color:var(--home-icon-gold);}
.home-tool-icon[data-tone="blue"],.home-quick-icon[data-tone="blue"] {color:var(--home-icon-blue);}
.home-layout .quick-grid button {padding:16px;min-height:132px;}
.home-layout .home-quick-icon {width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin-bottom:12px;}
.home-layout .home-quick-icon svg {width:25px;height:25px;margin:0;color:inherit;stroke-width:1.6;}
.home-layout .quick-grid strong {font-size:13px;line-height:1.35;}
.home-layout .quick-grid small {font-size:10px;line-height:1.5;margin-top:5px;}
.home-layout .home-tool-card {display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:78px;padding:15px;text-align:left;}
.home-layout .home-tool-card > .home-tool-icon {display:grid;place-items:center;width:44px;height:44px;border-radius:13px;}
.home-layout .home-tool-icon svg {width:23px;height:23px;stroke-width:1.7;}
.home-layout .home-tool-card > .home-tool-copy {display:block;min-width:0;width:auto;}
.home-layout .home-tool-copy strong {font-size:14px;line-height:1.4;overflow-wrap:anywhere;}
.home-layout .home-tool-copy small {display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--muted,#788a70);}
.home-layout .home-tool-card > .home-tool-chevron {display:grid;place-items:center;width:16px;color:var(--muted,#788a70);pointer-events:none;}
.home-layout .home-tool-chevron svg {width:14px;height:18px;stroke-width:1.7;}
.home-layout .home-tool-card:hover,.home-layout .quick-grid button:hover {border-color:var(--accent,#487347);}
.feature-card.request-type-card {display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:78px;padding:15px;text-align:left;}
.request-type-card > .request-type-icon {display:grid;place-items:center;width:44px;height:44px;border-radius:13px;}
.request-type-icon svg {width:23px;height:23px;stroke-width:1.7;}
.request-type-card > strong {min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere;}
.request-type-card > .request-type-chevron {display:grid;place-items:center;width:16px;color:var(--muted,#788a70);pointer-events:none;}
.request-type-chevron svg {width:14px;height:18px;stroke-width:1.7;}
.request-type-card:hover {border-color:var(--accent,#487347);}
@media(max-width:360px) {
  .home-layout .quick-grid {gap:10px;}
  .home-layout .quick-grid button {padding:13px;}
  .home-layout .home-tool-card {grid-template-columns:40px minmax(0,1fr) 14px;gap:10px;padding:13px;}
  .home-layout .home-tool-card > .home-tool-icon {width:40px;height:40px;border-radius:12px;}
  .feature-card.request-type-card {grid-template-columns:40px minmax(0,1fr) 14px;gap:10px;padding:13px;}
  .request-type-card > .request-type-icon {width:40px;height:40px;border-radius:12px;}
}
/* Keep account controls separated inside the existing reorderable sections. */
[data-page-layout^="account-"] .info-card > h3 + p {margin-top:12px!important;}
[data-page-layout^="account-"] .info-card > p + button {margin-top:16px;}
[data-page-layout^="account-"] [data-account-action] + [data-account-action] {margin-top:12px;}
[data-page-layout^="account-"] .info-card > p {font-size:14px;line-height:1.6;}
.help-urgent-pinned {position:sticky;top:-22px;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;margin-top:-22px;margin-bottom:18px;background:var(--canvas,#f8f8f2);border-bottom:1px solid var(--line,#e3e6dc);}
.screen .help-urgent-pinned p {color:#b42318;font-size:13px;line-height:1.45;font-weight:700;min-width:0;}
.help-urgent-pinned .urgent-call-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:10px 14px;border-radius:12px;background:#b42318;color:#fff;font-size:13px;font-weight:700;text-decoration:none;}
.help-urgent-pinned .urgent-call-button svg {width:18px;height:18px;flex:none;}
.help-urgent-pinned .urgent-call-button:hover {background:#912018;}
.help-urgent-pinned .urgent-call-button:focus-visible {outline:3px solid #ff8a80;outline-offset:3px;}
html[data-appearance="dark"] .screen .help-urgent-pinned p {color:#ff8a80;}
@media(prefers-color-scheme:dark) {html:not([data-appearance="light"]) .screen .help-urgent-pinned p {color:#ff8a80;}}
.account-home-link.account-with-photo {display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;}
.account-home-link > .official-photo-avatar {position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:var(--wash,#edf1e4);color:var(--accent,#487347);border:1px solid var(--line,#e3e6dc);}
.official-photo-avatar svg {width:32px;height:32px;}
.official-photo-avatar .official-profile-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.account-home-link .account-home-copy {display:block;min-width:0;}
.account-home-link .account-home-copy strong {display:block;overflow-wrap:anywhere;}
.account-home-link .account-home-copy > span {display:block;margin-top:8px;}
.account-email-action {margin-bottom:12px;}
.screen .account-email-status {margin:12px 0 0!important;padding:12px 14px;border-radius:12px;background:var(--wash,#edf1e4);color:var(--text,#24382e);font-size:13px;line-height:1.6;text-align:left;}