:root { --ink: #332d3b; --muted: #77717e; --purple: #6750a4; --line: #e8e4ed; }
:root { --system-top: env(safe-area-inset-top, 0px); --system-right: env(safe-area-inset-right, 0px); --system-bottom: env(safe-area-inset-bottom, 0px); --system-left: env(safe-area-inset-left, 0px); --app-viewport-height: 100dvh; }
html.android-host .top-row { height: calc(58px + var(--system-top)); padding-top: var(--system-top); }
* { box-sizing: border-box; }
html, body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: #f8f7fb; }
button, input, select { font: inherit; }
button { cursor: pointer; }
h1, h2, p { margin-top: 0; }
.calendar-page, .simple-page { max-width: 1500px; margin: 0 auto; padding: 38px 42px 60px; }
.page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 28px; }
.page-heading h1, .simple-page > h1 { font-size: clamp(2rem, 3vw, 3.2rem); letter-spacing: -.045em; margin-bottom: 6px; }
.page-heading p:not(.eyebrow), .simple-page > p { color: var(--muted); margin-bottom: 0; }
.eyebrow { font-size: .72rem; color: var(--purple); font-weight: 800; letter-spacing: .14em; margin-bottom: 8px; }
.primary-action { border: 0; border-radius: 13px; padding: 12px 18px; background: var(--purple); color: white; font-weight: 750; box-shadow: 0 8px 18px rgba(103,80,164,.18); }
.primary-action:hover { background: #58418f; }
.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.toolbar-group, .view-switch { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 11px; background: white; overflow: hidden; }
.toolbar-group button, .view-switch button { border: 0; background: white; min-height: 38px; padding: 7px 12px; color: #615b67; }
.toolbar-group button + button, .view-switch button + button { border-left: 1px solid var(--line); }
.icon-button { font-size: 1.4rem; line-height: 1; }
.today-button { font-weight: 700; }
.view-switch button.active { background: #eee7f8; color: #58418f; font-weight: 750; }
.view-switch button:disabled { opacity: .45; cursor: default; }
.workspace-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; align-items: start; }
.card-panel, .month-card { background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 4px 20px rgba(55,43,75,.035); }
.calendar-list { padding: 18px; }
.panel-title { display: flex; align-items: center; justify-content: space-between; }
.panel-title h2 { font-size: .95rem; margin: 0; }
.panel-title button { border: 0; background: transparent; font-size: 1.3rem; color: var(--purple); }
.calendar-filter { display: grid; grid-template-columns: 16px 10px 1fr auto; gap: 8px; align-items: center; padding: 12px 0; font-size: .88rem; cursor: pointer; border-bottom: 1px solid #f0edf2; }
.calendar-filter input { accent-color: var(--purple); }
.calendar-filter small { color: #9993a0; }
.color-dot { width: 9px; height: 9px; border-radius: 50%; }
.connection-note { display: flex; gap: 10px; margin-top: 18px; border-radius: 12px; background: #f4f0f9; padding: 12px; color: #59418f; }
.connection-note strong, .connection-note small { display: block; }
.connection-note strong { font-size: .8rem; }.connection-note small { font-size: .69rem; margin-top: 2px; }
.month-card { overflow: hidden; }
.weekday-row, .month-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.weekday-row { background: #fbfafc; border-bottom: 1px solid var(--line); }
.weekday-row div { padding: 12px; text-align: center; font-size: .66rem; font-weight: 800; letter-spacing: .08em; color: #89838e; }
.day-cell { min-height: 112px; padding: 8px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }
.day-cell:nth-child(7n) { border-right: 0; }
.day-cell.outside { background: #fbfafc; color: #bbb6bf; }
.day-number { display: grid; place-items: center; width: 26px; height: 26px; font-size: .77rem; margin-bottom: 4px; }
.day-cell.today .day-number { background: var(--purple); color: white; border-radius: 50%; font-weight: 800; }
.event-chip { width: 100%; border: 1px solid color-mix(in srgb, var(--event-color) 24%, white); background: color-mix(in srgb, var(--event-color) 11%, white); border-radius: 5px; padding: 5px 6px; margin: 2px 0; display: flex; gap: 5px; color: #46404b; text-align: left; font-size: .7rem; line-height: 1.15; overflow: hidden; }
.event-chip time { font-weight: 800; }.event-chip span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dialog-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(29,24,35,.38); display: grid; place-items: center; padding: 20px; backdrop-filter: blur(4px); }
.event-dialog { width: min(440px, 100%); background: white; border-radius: 20px; padding: 28px; position: relative; box-shadow: 0 30px 80px rgba(30,20,45,.25); }
.dialog-close { position: absolute; right: 18px; top: 14px; border: 0; background: transparent; font-size: 1.6rem; color: #77717e; }
.event-dialog label { display: block; font-size: .82rem; font-weight: 750; margin: 15px 0; }
.event-dialog label input, .event-dialog label select { margin-top: 6px; }
.full-width { width: 100%; margin-top: 8px; }
.validation-message, .validation-errors { color: #b3261e; font-size: .8rem; }
.people-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 30px; }
.person-card, .settings-list article, .coming-next { background: white; border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.person-card { display: flex; gap: 14px; align-items: center; }.person-card h2, .settings-list h2 { font-size: 1rem; margin-bottom: 4px; }.person-card p, .settings-list p { color: var(--muted); margin: 0; font-size: .85rem; }
.avatar { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: white; font-weight: 800; }
.coming-next { margin-top: 24px; background: #f1ecf8; }.coming-next h2 { font-size: 1rem; }.coming-next p { margin: 0; color: #665b70; }
.settings-list { display: grid; gap: 12px; margin-top: 30px; }.settings-list article { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.status-pill { border-radius: 99px; padding: 6px 10px; background: #f1eef3; color: #746d79; font-size: .72rem; font-weight: 750; white-space: nowrap; }.status-pill.ready { background: #e1f3ed; color: #176b55; }
.account-menu { display: flex; align-items: center; gap: 14px; color: var(--muted); font-size: .8rem; }.account-menu form { margin: 0; }.logout-button { border: 1px solid var(--line); background: white; border-radius: 10px; padding: 7px 11px; color: var(--ink); font-weight: 700; }
@media (max-width: 1050px) { .workspace-grid { grid-template-columns: 1fr; }.calendar-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 18px; }.panel-title, .connection-note { grid-column: 1/-1; } }
@media (max-width: 800px) { .calendar-page, .simple-page { padding: 26px 16px 90px; }.page-heading { align-items: flex-start; flex-direction: column; }.primary-action { width: 100%; }.calendar-toolbar { gap: 8px; overflow-x: auto; }.calendar-list { grid-template-columns: 1fr; }.day-cell { min-height: 88px; padding: 4px; }.event-chip { font-size: 0; padding: 4px; height: 8px; }.event-chip time, .event-chip span { display: none; }.weekday-row div { padding: 9px 2px; }.month-card { border-radius: 12px; } }
@media (max-width: 480px) { .day-cell { min-height: 70px; }.day-number { width: 22px; height: 22px; }.view-switch button:not(.active) { display: none; } }
.secondary-action,.danger-action { border: 1px solid var(--line); border-radius: 11px; padding: 9px 13px; background: #fff; color: var(--ink); font-weight: 700; }.danger-action { color: #a23b35; border-color: #f0cbc7; background: #fff9f8; }.button-row { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 16px; }.feedback-banner { padding: 12px 15px; border-radius: 12px; background: #e7f5ef; color: #176b55; margin-bottom: 18px; }.action-panel { border: 1px solid var(--line); background: #fff; border-radius: 18px; padding: 22px; margin-bottom: 22px; display: grid; grid-template-columns: 1fr 120px auto; gap: 15px; align-items: end; }.action-panel h2 { grid-column: 1/-1; font-size: 1rem; }.action-panel label,.event-dialog label { font-size: .78rem; font-weight: 750; }.action-panel input { display: block; width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 10px; margin-top: 6px; }.manage-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 16px; }.manage-card { border: 1px solid var(--line); background: #fff; border-radius: 18px; padding: 20px; box-shadow: 0 8px 30px rgba(50,38,68,.04); }.manage-card-head { display: flex; gap: 13px; align-items: center; }.manage-card h2 { font-size: 1rem; margin-bottom: 3px; }.manage-card p { margin: 0; color: var(--muted); font-size: .8rem; }.calendar-icon { width: 38px; height: 38px; border-radius: 11px; flex: none; }.color-input { height: 44px; }.invitation-list,.notification-list { display: grid; gap: 12px; }.invitation-list article { border: 1px solid var(--line); background: #fff; padding: 16px; border-radius: 16px; display: flex; gap: 13px; align-items: center; }.invitation-list article>div:nth-child(2){flex:1}.invitation-list p{margin:3px 0 0;color:var(--muted)}.section-title { font-size: 1rem; margin: 30px 0 14px; }.notification-item { width:100%; border:1px solid var(--line); background:#fff; border-radius:16px; padding:17px; display:flex; gap:14px; text-align:left;color:var(--ink); }.notification-item.read{opacity:.62}.notification-item p{margin:4px 0;color:var(--muted)}.notification-item small{color:#999}.empty-state{padding:35px;text-align:center;color:var(--muted);border:1px dashed #d9d3de;border-radius:16px}.week-card{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:16px}.week-column{min-height:520px;padding:10px;border-right:1px solid var(--line)}.week-column:last-child{border:0}.week-column header{display:flex;justify-content:space-between;padding:8px 4px 14px;color:var(--muted)}.agenda-item{width:100%;display:grid;gap:2px;border:1px solid color-mix(in srgb,var(--event-color) 22%,white);border-radius:9px;background:color-mix(in srgb,var(--event-color) 10%,white);padding:9px;margin-bottom:8px;text-align:left;color:var(--ink)}.agenda-item time,.agenda-item small{font-size:.7rem;color:var(--muted)}.list-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.list-card h2{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px}.list-event{width:100%;display:grid;grid-template-columns:10px 105px minmax(160px,1fr) minmax(80px,1fr);gap:10px;align-items:center;border:0;border-top:1px solid #f0edf2;background:#fff;padding:13px 5px;text-align:left;color:var(--ink)}.large-dialog{width:min(650px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.span-2{grid-column:1/-1}.form-grid label{margin:0}.form-grid textarea{min-height:90px}.connection-note{text-decoration:none}.panel-title a{text-decoration:none;color:var(--purple);font-size:1.3rem}
@media(max-width:800px){.action-panel{grid-template-columns:1fr}.action-panel h2{grid-column:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.list-event{grid-template-columns:10px 75px 1fr}.list-event>span:last-child{display:none}.week-card{grid-template-columns:repeat(7,150px)}}

.shared-event-dialog{width:min(500px,100%)}.shared-event-owner{display:flex;align-items:center;gap:8px;margin:-4px 0 18px;color:#716a76;font-size:.8rem}.event-facts{display:grid;gap:10px;margin:0}.event-facts div{padding:11px 13px;border-radius:11px;background:#f8f6fa}.event-facts dt{font-size:.68rem;font-weight:800;color:#817a86;text-transform:uppercase;letter-spacing:.06em}.event-facts dd{margin:3px 0 0;font-size:.84rem}.privacy-note{margin:14px 0 0;padding:11px 13px;border-radius:11px;background:#f0ecf6;color:#5d4b75;font-size:.76rem}

.ownership-panel{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:32px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.ownership-visual{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;background:color-mix(in srgb,var(--calendar-color) 12%,white)}.ownership-visual span{width:30px;height:30px;border:6px solid var(--calendar-color);border-radius:9px}.ownership-copy h2{margin:5px 0 3px;font-size:1.15rem}.ownership-copy p,.section-heading-row p,.empty-state p{margin:0;color:var(--muted);font-size:.78rem}.ownership-actions{display:flex;gap:8px}.section-heading-row{display:flex;justify-content:space-between;align-items:end;margin:0 0 13px}.section-heading-row h2{margin:0 0 3px;font-size:1rem}.read-only-badge{padding:5px 8px;border-radius:99px;background:#efedf1;color:#746e79;font-size:.64rem;font-weight:750}.linked-calendar-card .avatar{width:40px;height:40px}.field-hint{display:block;margin-top:5px;color:var(--muted);font-size:.66rem;font-weight:500}.empty-state strong{display:block;margin-bottom:5px}.empty-state .secondary-action{margin-top:14px}@media(max-width:700px){.ownership-panel{grid-template-columns:54px 1fr;padding:17px}.ownership-visual{width:52px;height:52px}.ownership-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.ownership-actions>*{justify-content:center}.linked-calendar-grid{grid-template-columns:1fr}}

.privacy-explainer{display:flex;gap:8px;align-items:center;margin-bottom:16px;padding:13px 15px;border-radius:13px;background:#f0ecf6;color:#58486c;font-size:.76rem}.privacy-explainer span{color:#71667c}@media(max-width:650px){.privacy-explainer{align-items:flex-start;flex-direction:column}}

.connection-card>div{min-width:0}.connection-directions{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.connection-directions span{padding:4px 7px;border-radius:99px;background:#f0ecf6;color:#5b4880;font-size:.62rem;font-weight:720}

/* Refined design system */
:root{--purple:#6750a4;--purple-dark:#57408f;--surface:#fff;--surface-soft:#f7f6f9;--ink:#322d37;--muted:#7c7581;--line:#e7e3e9;--shadow-sm:0 5px 18px rgba(45,34,57,.045);--shadow-md:0 18px 55px rgba(45,34,57,.13)}
.calendar-page,.simple-page{padding:30px 34px 56px}.page-heading{align-items:center;margin-bottom:22px}.page-heading h1,.simple-page>h1{font-size:clamp(1.75rem,2.6vw,2.6rem)}.primary-action,.secondary-action,.danger-action{min-height:34px;padding:7px 12px;border-radius:9px;font-size:.76rem;line-height:1.2;box-shadow:none}.primary-action{background:linear-gradient(145deg,#725baa,#5d4595)}.primary-action:hover{background:var(--purple-dark);transform:translateY(-1px)}.secondary-action:hover{border-color:#c9c1d0;background:#faf9fb}.danger-action{padding:7px 11px}.icon-action,.more-button{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#7f7884;font-size:1rem}.icon-action:hover,.more-button:hover{background:#f0edf3;color:#4f4656}.text-action{border:0;background:transparent;padding:5px 7px;border-radius:7px;color:#61586a;font-size:.7rem;font-weight:720}.text-action:hover{background:#f1edf5;color:#58418f}.danger-text{color:#a74a43}.button-row{margin-top:13px;gap:7px}.card-actions{display:flex;gap:2px;margin-top:15px;padding-top:12px;border-top:1px solid #f0edf2}.manage-card{padding:16px;border-radius:14px;box-shadow:var(--shadow-sm);transition:.18s ease}.manage-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(45,34,57,.08)}.manage-card-head{align-items:flex-start}.manage-card-head>div:nth-child(2){flex:1}.manage-card h2{font-size:.9rem}.calendar-icon{width:34px;height:34px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.role-badge{display:inline-flex;padding:2px 6px;margin-right:5px;border-radius:99px;background:#f0ebf7;color:#604a8d;font-size:.61rem;font-weight:750}.summary-strip{display:flex;gap:1px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;width:max-content}.summary-strip>div{display:flex;align-items:baseline;gap:5px;padding:8px 13px;border-right:1px solid var(--line)}.summary-strip>div:last-child{border:0}.summary-strip strong{font-size:.92rem}.summary-strip span{font-size:.63rem;color:var(--muted)}.action-panel.calendar-create-panel{display:block;max-width:720px;padding:19px;border-radius:14px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font-size:1rem}.field-label{display:block;max-width:430px;margin:12px 0;font-size:.75rem;font-weight:750}.field-label input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:9px 10px}.dialog-backdrop{background:rgba(29,24,35,.31)}.event-dialog,.confirm-dialog{padding:24px;border-radius:17px;box-shadow:var(--shadow-md)}.dialog-copy{color:var(--muted);font-size:.78rem;margin-bottom:16px}.confirm-dialog{width:min(390px,100%);background:#fff;text-align:center}.warning-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 11px;border-radius:50%;background:#fff0ee;color:#ae453c;font-weight:850}.confirm-dialog h2{font-size:1.05rem}.confirm-dialog p{font-size:.78rem;color:var(--muted)}
.color-picker{border:0;padding:0;margin:15px 0}.color-picker legend{font-size:.72rem;font-weight:750;margin-bottom:8px}.color-presets{display:flex;flex-wrap:wrap;gap:7px}.color-swatch,.custom-color{position:relative;width:29px;height:29px;border:2px solid transparent;border-radius:9px;background:var(--swatch);display:grid;place-items:center;cursor:pointer;transition:.14s ease}.color-swatch:hover{transform:scale(1.09)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #625174}.color-swatch span{opacity:0;color:#fff;font-size:.68rem;font-weight:900;text-shadow:0 1px 2px #0005}.color-swatch.selected span{opacity:1}.custom-color{border:1px dashed #bbb4c0;background:#faf9fb;color:#6d6572}.custom-color input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.color-value{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted)}.color-value span{width:10px;height:10px;border-radius:3px}.color-value code{font-size:.61rem}.recurrence-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:11px;background:#f8f5fb;border:1px solid #ede7f3}.recurrence-options label{display:flex;align-items:center;gap:7px}.compact-number{width:62px}.form-control,.form-select{border-color:#ddd8e1;border-radius:9px;font-size:.78rem;padding:.55rem .65rem}.form-control:focus,.form-select:focus{border-color:#806ab3;box-shadow:0 0 0 3px #eee8f7}.calendar-toolbar{margin-bottom:11px}.toolbar-group,.view-switch{border-radius:9px}.toolbar-group button,.view-switch button{min-height:33px;padding:5px 10px;font-size:.72rem}.month-card,.card-panel,.week-card,.list-card{box-shadow:var(--shadow-sm)}
@media(max-width:800px){.calendar-page,.simple-page{padding:22px 13px 88px}.page-heading{gap:13px}.page-heading .primary-action{width:auto}.summary-strip{width:100%;overflow-x:auto}.summary-strip>div{flex:1;white-space:nowrap}.recurrence-options{grid-template-columns:1fr}.calendar-create-panel .button-row{justify-content:stretch}.calendar-create-panel .button-row button{flex:1}}

@media(max-width:800px){
    .summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}
    .summary-strip>div{min-width:0;align-items:flex-start;padding:8px;white-space:normal}
    .summary-strip span{overflow-wrap:anywhere;line-height:1.25}
}
@media(max-width:800px){html.mobile-menu-locked,html.mobile-menu-locked body{overflow:hidden}}
.text-action,.link-button{text-decoration:none;display:inline-flex;align-items:center}.member-table{display:grid;gap:9px}.member-table article{display:grid;grid-template-columns:40px minmax(180px,1fr) auto auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-sm)}.member-identity{display:grid}.member-identity strong{font-size:.82rem}.member-identity small{font-size:.67rem;color:var(--muted)}.member-table select{border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:#fff;font-size:.72rem}
@media(max-width:600px){.member-table article{grid-template-columns:38px 1fr auto}.member-table select{grid-column:2/3}.member-table .icon-action{grid-column:3/4;grid-row:2}}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.settings-card-head{display:flex;gap:11px;margin-bottom:18px}.settings-card-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eee9f5;color:#5e478b;font-size:.65rem;font-weight:800}.settings-card-head h2{font-size:.9rem;margin:0 0 2px}.settings-card-head p{font-size:.7rem;color:var(--muted);margin:0}.settings-card>label{display:block;margin:13px 0;font-size:.72rem;font-weight:750}.settings-card-copy{margin:0 0 14px;color:var(--muted);font-size:.73rem;line-height:1.5}.settings-card-action{text-decoration:none;display:inline-flex;align-items:center}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding-top:13px;border-top:1px solid #f0edf2}.toggle-row>span{display:grid}.toggle-row small{font-size:.62rem;color:var(--muted);font-weight:500;margin-top:2px}.toggle-row input{width:34px;height:18px;accent-color:var(--purple)}.muted-card{background:#faf9fb}.coming-badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#efedf1;color:#7d7681;font-size:.65rem;font-weight:700}.support-card{background:linear-gradient(145deg,#fff,#f7f2fb)}.support-action{min-height:40px;border:1px solid #d8cde3;border-radius:11px;padding:8px 13px;background:#fff;color:#60478a;font-size:.76rem;font-weight:780}.support-note{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f0ebf6;color:#5d4c6f;font-size:.68rem;line-height:1.45}.sticky-actions{display:flex;justify-content:flex-end;margin-top:16px;padding:12px 0;position:sticky;bottom:0;background:linear-gradient(transparent,#f7f7fa 30%)}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}