/* Activities by Alley: presentation only, using the existing Glad palette. */
.ae-board{
  --ae-ink:var(--glad-ink,#181818);--ae-muted:#5f6068;
  --ae-lime:var(--glad-lime,#d0ff70);--ae-pink:var(--glad-pink,#ff99d9);--ae-blue:var(--glad-blue,#99d9ff);
  background:#fff;color:var(--ae-ink);border-radius:28px;padding:24px;box-sizing:border-box;
}
.ae-board .ae-heading{justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.ae-board.part-one .ae-heading h2{font-size:clamp(24px,3vw,32px)!important;letter-spacing:-.7px;margin:0 0 8px;line-height:1.2}
.ae-heading p{color:var(--ae-muted);font-size:13px;margin:0}
.ae-board .ae-draft-banner{display:flex;align-items:center;gap:10px;margin:0 0 26px;padding:12px 16px;border:1px solid #d4e8f5;border-radius:16px;background:#f0f9ff;color:#303d48;font-size:12px;line-height:1.6}
.ae-draft-banner>span:first-child{font-size:22px;flex-shrink:0}
.ae-area{--ae-accent:var(--ae-lime);--ae-tint:#f8fff0}
.ae-area[data-ae-area=PRE],.ae-area[data-ae-area=PRExIRO],.ae-area[data-ae-area=TARxPRExIRO]{--ae-accent:var(--ae-pink);--ae-tint:#fff6fc}
.ae-area[data-ae-area=IRO],.ae-area[data-ae-area=IROxTUM],.ae-area[data-ae-area=ALL]{--ae-accent:var(--ae-blue);--ae-tint:#f4fbff}
.ae-board.part-one .ae-area.part-one-area{padding:0!important;margin:0 0 22px;border:1px solid #e4e7e5;border-radius:24px;background:#fff;overflow:clip;box-shadow:0 5px 18px #18232f06}
.ae-board.part-one .ae-area>summary{display:flex;align-items:center;gap:14px;padding:19px 22px;background:var(--ae-accent);color:var(--ae-ink);font-size:18px!important;line-height:1.4;cursor:pointer;list-style:none}
.ae-area-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:15px;background:#ffffffb3;font-size:25px;transform:rotate(-5deg)}
.ae-area:nth-of-type(even) .ae-area-icon{transform:rotate(5deg)}
.ae-area>summary strong{flex:1;min-width:0;overflow-wrap:anywhere}
.ae-area>summary::after,.ae-alley-heading::after{content:'';display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .22s ease;flex-shrink:0}
.ae-area[open]>summary::after,.ae-alley>details[open]>.ae-alley-heading::after{transform:rotate(45deg)}
.ae-area>summary::-webkit-details-marker,.ae-alley-heading::-webkit-details-marker{display:none}
.ae-area-body{padding:18px;background:var(--ae-tint)}
.ae-board .ae-alley.card.bp-row{padding:0!important;margin:0 0 14px!important;border:1px solid #e2e7e4;border-radius:18px;background:#fff;color:var(--ae-ink);box-shadow:0 4px 12px #18232f08;min-width:0}
.ae-board .ae-alley-heading{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:12px;padding:18px 20px;list-style:none;cursor:pointer}
.ae-alley-heading>strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.ae-alley-heading::after{grid-column:3;grid-row:1;justify-self:end}
.ae-activity-count{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:700;background:var(--ae-accent);color:var(--ae-ink)}
.ae-activity-count.is-empty{background:#f0f3f2;color:var(--ae-muted)}
.ae-equipment{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0}
.ae-alley-heading>.ae-equipment{grid-column:1/-1}
.ae-equipment-label{font-size:11px;font-weight:600;color:var(--ae-muted);flex-shrink:0}
.ae-equipment-chips{display:inline-flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
.ae-equipment-chip{display:inline-block;max-width:100%;box-sizing:border-box;border-radius:20px;border:1px solid #e3e8e5;background:#f6f8f7;padding:4px 10px;font-size:11px;font-weight:500;line-height:1.45;color:#424a45;overflow-wrap:anywhere}
.ae-equipment-empty{font-size:11px;color:var(--ae-muted);font-style:italic}
.ae-alley-body{padding:0 20px 20px}
.ae-alley ul{list-style:none;padding:0;margin:0}
.ae-board .ae-activity{padding:14px 0;border-top:1px solid #edf0ee}
.ae-activity strong{font-size:14px}
.ae-activity strong,.ae-wording{white-space:pre-wrap;overflow-wrap:anywhere}
.ae-activity details>summary{font-size:11px;color:var(--ae-muted);padding:6px 0;cursor:pointer}
.ae-tags,.ae-actions{display:flex;flex-wrap:wrap;gap:7px}
.ae-tags{margin-top:7px;align-items:center}
.ae-tags small{font-size:10px;color:#37463f;background:#f1f6f3;padding:3px 8px;border-radius:20px}
.ae-actions{padding:14px 0 8px;border-top:1px solid #edf0ee}
.ae-board .ae-actions .btn{border-radius:12px;padding:9px 12px;font-size:12px;border-color:#dfe6e1;background:#fff;min-height:40px}
.ae-board .ae-actions [data-ae-new]{background:var(--ae-accent);border-color:transparent}
.ae-board .btn:hover:not(:disabled){box-shadow:0 2px 6px #18232f0d}
.ae-board .btn:disabled{opacity:.5;cursor:not-allowed}
.ae-empty{padding:16px 0;font-size:12px;color:var(--ae-muted)}
.ae-board .ae-alley-unrecorded.card.bp-row{background:#fafbfc;border:1.5px dashed #bbc4ca;box-shadow:none}
.ae-alley-unrecorded .ae-alley-heading{color:#545e65}
.ae-version{margin:10px 0;padding:12px;background:#f7f9f8;border-radius:12px}
.ae-version>small{display:block;margin-bottom:8px;color:var(--ae-muted)}
.ae-version .ae-equipment{margin-top:12px}
.ae-ideas,.ae-idea-editor,.ae-activity-editor{margin-top:10px}
.ae-board .ae-alley-body>.edit-sec{background:#fff;border:1px solid #e2e8e4;border-radius:12px;padding:0;overflow:clip}
.ae-alley-body>.edit-sec>summary{padding:12px;font-size:12px;font-weight:600;cursor:pointer}
.ae-idea{padding:12px;border-top:1px solid #edf0ee}
.ae-ideas>p{padding:0 12px 8px}
.ae-idea p{margin:5px 0}
.ae-alley [data-ae-form],.ae-alley [data-ae-idea-form]{margin:0;padding:0 12px 12px;min-width:0}
.ae-board .ae-add-alley.edit-sec{background:transparent;border:1.5px dashed #aab8af;border-radius:16px;margin:18px 0 0;padding:0}
.ae-board .ae-add-alley>summary{padding:16px 18px;color:#35483b;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.ae-add-alley>summary::-webkit-details-marker{display:none}
.ae-add-alley>summary:hover{background:#ffffffa3;border-radius:16px}
.ae-add-hint{font-weight:400;color:var(--ae-muted);font-size:11px;margin-left:8px}
.ae-add-alley form{padding:0 18px 16px}
.ae-add-alley input{margin:8px;max-width:100%;box-sizing:border-box}
.ae-class{display:flex;align-items:center;gap:8px;padding:6px 0}
.ae-classes{margin:8px 0;border:1px solid #e2e8e4;border-radius:12px;min-width:0}
.ae-classes summary{cursor:pointer;padding:8px 0}
.ae-classes summary label{display:inline-flex;align-items:center;gap:6px;margin:0}
.ae-classes summary small{color:var(--ae-muted)}
.ae-picker{max-height:85vh;overflow:auto}
.ae-picker footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.ae-operation pre{max-height:250px;overflow:auto}
.ae-picker label{display:block;margin:8px 0}
.ae-picker select{width:100%}
.ae-picker input[type=checkbox]{display:inline-block;width:auto;margin:0}
.ae-board summary:focus-visible{outline:3px solid #507fa3;outline-offset:-4px;border-radius:12px}
/* Native details stays keyboard accessible. New browsers animate height;
   older browsers get a brief fade-in, with no JavaScript state changes. */
@keyframes ae-reveal{from{opacity:.45;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.ae-area[open]>.ae-area-body,.ae-alley>details[open]>.ae-alley-body{animation:ae-reveal .2s ease-out}
@supports (interpolate-size:allow-keywords){
  .ae-area,.ae-alley>details{interpolate-size:allow-keywords}
  .ae-area::details-content,.ae-alley>details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .24s ease,opacity .2s ease,content-visibility .24s allow-discrete}
  .ae-area[open]::details-content,.ae-alley>details[open]::details-content{block-size:auto;opacity:1}
}
@media(prefers-reduced-motion:reduce){.ae-board *,.ae-board *::after,.ae-board *::details-content{animation:none!important;transition:none!important}}
@media(max-width:600px){
  .ae-board{padding:14px 8px;border-radius:18px}
  .ae-board .ae-heading{align-items:flex-start;gap:8px}
  .ae-board.part-one .ae-heading h2{font-size:25px!important}
  .ae-heading p{font-size:11px;line-height:1.6}
  .ae-board .ae-draft-banner{padding:10px 12px;font-size:11px}
  .ae-board.part-one .ae-area>summary{padding:16px 14px;gap:10px;font-size:16px!important}
  .ae-area-icon{flex-basis:34px;height:34px;font-size:21px;border-radius:12px}
  .ae-area-body{padding:10px}
  .ae-board .ae-alley-heading{padding:15px 12px;gap:8px;grid-template-columns:minmax(0,1fr) auto 10px}
  .ae-alley-heading>strong{font-size:14px}
  .ae-activity-count{font-size:10px;padding:4px 7px}
  .ae-equipment{gap:5px}
  .ae-equipment-label{width:100%}
  .ae-alley-body{padding:0 12px 14px}
  .ae-add-hint{display:block;margin:4px 0 0}
  .ae-add-alley input{width:100%;margin:8px 0}
  .ae-actions .btn{flex:1 1 auto}
}
/* Area provenance stays visible even while an alley is collapsed. */
.ae-area[data-ae-area=PRE]{--ae-accent:var(--ae-blue);--ae-tint:#f4fbff}
.ae-area[data-ae-area=IRO]{--ae-accent:var(--ae-pink);--ae-tint:#fff6fc}
.ae-area[data-ae-area=TUM]{--ae-accent:#d8c5ff;--ae-tint:#faf7ff}
.ae-source-rows{display:grid;gap:14px;grid-column:1/-1;padding-top:6px;min-width:0}
.ae-source-row{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:start;gap:12px;min-width:0}
.ae-source-label{border-radius:9px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1.45;background:#eef1ef;color:#26322b}
.ae-source-row[data-ae-source=TAR] .ae-source-label{background:var(--ae-lime)}
.ae-source-row[data-ae-source=PRE] .ae-source-label{background:var(--ae-blue)}
.ae-source-row[data-ae-source=IRO] .ae-source-label{background:var(--ae-pink)}
.ae-source-row[data-ae-source=TUM] .ae-source-label{background:#d8c5ff}
.ae-source-row .ae-equipment-empty{padding-top:6px}
.ae-class-chooser{margin:12px 0;border:1px solid #e2e8e4;border-radius:12px;background:#fafcfb}
.ae-class-chooser>summary{cursor:pointer;padding:12px;font-size:12px;font-weight:600}
.ae-class-chooser .ae-classes{border:0;margin:0;padding:0 12px 12px}
.ae-class-note{padding:0 12px 12px;margin:0}
.ae-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.ae-area-list{min-width:0}
.ae-inventory-sidebar{position:sticky;top:20px;min-width:0}
.ae-inventory-panel{border:1px solid #e0e7e2;border-radius:18px;background:#f8faf9;padding:18px;color:#26322b;box-sizing:border-box}
.ae-inventory-title{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.ae-inventory-title h3{font-size:16px;margin:0;flex:1;line-height:1.4}
.ae-inventory-count{border-radius:20px;padding:4px 8px;background:#e4eee8;font-size:11px;font-weight:700}
.ae-inventory-area{display:block;font-size:11px;font-weight:600}
.ae-inventory-area select{display:block;width:100%;box-sizing:border-box;border:1px solid #cedbd2;background:#fff;border-radius:10px;padding:9px;margin-top:6px;color:inherit;font:inherit;font-size:12px}
.ae-inventory-help,.ae-inventory-target,.ae-inventory-footnote{font-size:11px;line-height:1.6;color:#5f6862;margin:12px 0}
.ae-inventory-target{padding:10px;border-radius:10px;background:#edf4ef;color:#354b3c;overflow-wrap:anywhere}
.ae-inventory-groups{max-height:calc(100dvh - 370px);min-height:90px;overflow:auto;scrollbar-gutter:stable}
.ae-inventory-category{border-top:1px solid #dfe7e1;padding:4px 0}
.ae-inventory-category>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 2px;font-size:12px;list-style:none}
.ae-inventory-category>summary::-webkit-details-marker{display:none}
.ae-inventory-category>summary::before{content:'▸';color:#61766a}
.ae-inventory-category[open]>summary::before{transform:rotate(90deg)}
.ae-inventory-category>summary span{flex:1}
.ae-inventory-category>summary small{color:#61766a;font-size:11px}
.ae-inventory-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 12px}
.ae-inventory-chip{appearance:none;max-width:100%;border:1px solid #c9dacf;background:white;color:#354b3c;border-radius:20px;padding:8px 10px;font:inherit;font-size:11px;line-height:1.4;text-align:left;overflow-wrap:anywhere;cursor:grab}
.ae-inventory-chip:disabled{opacity:.65;cursor:default}
.ae-inventory-chip:hover:not(:disabled){background:#edf8e5;border-color:#8bb56d}
.ae-inventory-panel :focus-visible,.ae-drawer-close:focus-visible{outline:3px solid #507fa3;outline-offset:2px}
.ae-inventory-footnote{margin-bottom:0}
.ae-board .ae-inventory-open{display:none}
.ae-inventory-drawer{position:fixed;inset:0 0 0 auto;box-sizing:border-box;margin:0;height:100dvh;max-height:100dvh;width:min(390px,100%);max-width:100%;border:0;padding:16px;background:#f8faf9;color:#26322b;box-shadow:-10px 0 50px #18232f26;overflow:auto;animation:ae-drawer-in .18s ease-out}
.ae-inventory-drawer::backdrop{background:#19241d66}
.ae-inventory-drawer .ae-inventory-panel{padding:12px 0;border:0}
.ae-inventory-drawer .ae-inventory-groups{max-height:none}
.ae-drawer-close{display:block;margin:0 0 8px auto;min-height:44px}
@keyframes ae-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:980px){
  .ae-workspace{display:block}
  .ae-inventory-sidebar{display:none}
  .ae-board .ae-inventory-open{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:12px 16px;min-height:44px;border:1px solid #cedbd2;border-radius:12px;background:#f3f8f5}
}
@media(max-width:600px){
  .ae-source-row{grid-template-columns:1fr;gap:7px}
  .ae-source-label{justify-self:start}
  .ae-source-rows{gap:16px}
  .ae-source-row .ae-equipment-empty{padding-top:0}
  .ae-inventory-chip{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.ae-inventory-drawer{animation:none}}

/* Section tints (style only): each collapsible section in an open alley gets
   its own soft, transparent Glad tint, matching left border and header, so the
   open one and its nested content are obvious. Text stays dark grey. */
.ae-board{--ae-sec-yellow:#ffd84d;--ae-sec-green:#b6ef3f;--ae-sec-lilac:#b9a1ff;--ae-sec-blue:#6cc4f5;--ae-sec-pink:#ff8fd2}
.ae-board .ae-alley-body>.ae-ideas.edit-sec,.ae-board .ae-alley-body>.ae-idea-editor.edit-sec{--ae-sec:var(--ae-sec-yellow);--ae-sec-soft:#ffd84d1f;--ae-sec-head:#ffd84d47}
.ae-board .ae-alley-body>.ae-activity-editor.edit-sec{--ae-sec:var(--ae-sec-green);--ae-sec-soft:#b6ef3f1c;--ae-sec-head:#b6ef3f45}
.ae-board .ae-past-chooser{--ae-sec:var(--ae-sec-blue);--ae-sec-soft:#6cc4f51a;--ae-sec-head:#6cc4f53d}
.ae-board .ae-class-chooser{--ae-sec:var(--ae-sec-pink);--ae-sec-soft:#ff8fd21a;--ae-sec-head:#ff8fd23d}
.ae-board .ae-alley-body>.edit-sec:is(.ae-activities,.ae-ideas,.ae-idea-editor,.ae-activity-editor),.ae-board .ae-past-chooser,.ae-board .ae-class-chooser{
  border:1px solid color-mix(in srgb,var(--ae-sec) 45%,#e2e8e4);border-left:5px solid var(--ae-sec);border-radius:14px;background:#fff;overflow:clip;color:#2b2f33}
.ae-board .ae-alley-body>.edit-sec:is(.ae-activities,.ae-ideas,.ae-idea-editor,.ae-activity-editor)>summary,.ae-board .ae-past-chooser>summary,.ae-board .ae-class-chooser>summary{
  background:var(--ae-sec-soft);color:#24282c;font-weight:700;transition:background .15s ease}
.ae-board .ae-alley-body>.edit-sec:is(.ae-activities,.ae-ideas,.ae-idea-editor,.ae-activity-editor)>summary:hover,.ae-board .ae-past-chooser>summary:hover,.ae-board .ae-class-chooser>summary:hover{background:var(--ae-sec-head)}
/* Open: the header deepens and the whole body carries the tint, so nested content sits inside it. */
.ae-board .ae-alley-body>.edit-sec:is(.ae-activities,.ae-ideas,.ae-idea-editor,.ae-activity-editor)[open],.ae-board .ae-past-chooser[open],.ae-board .ae-class-chooser[open]{background:var(--ae-sec-soft);box-shadow:0 3px 10px #18232f0a}
.ae-board .ae-alley-body>.edit-sec:is(.ae-activities,.ae-ideas,.ae-idea-editor,.ae-activity-editor)[open]>summary,.ae-board .ae-past-chooser[open]>summary,.ae-board .ae-class-chooser[open]>summary{background:var(--ae-sec-head);border-bottom:1px dashed color-mix(in srgb,var(--ae-sec) 60%,transparent)}
.ae-board .ae-past-chooser,.ae-board .ae-class-chooser{margin:12px 0}
.ae-board .ae-class-chooser .ae-classes{background:transparent}
.ae-board .ae-class-chooser [data-ae-class-group]{background:#ffffffb8;border-radius:10px;margin:6px 0}
/* Activities list: soft lilac, like the Tumble Town chips. */
.ae-board .ae-alley-body>.ae-activity-list{margin:10px 0 0;padding:2px 12px;list-style:none;border:1px solid #d9ccff;border-left:5px solid var(--ae-sec-lilac);border-radius:14px;background:#b9a1ff14;color:#2b2f33}
/* Activities · N: collapsible lilac section holding the list (accordion with Ideas / Create). */
.ae-board .ae-alley-body>.ae-activities.edit-sec{--ae-sec:var(--ae-sec-lilac);--ae-sec-soft:#b9a1ff14;--ae-sec-head:#b9a1ff38;margin-top:10px}
.ae-board .ae-activities>.ae-activity-list{margin:0;padding:2px 12px;list-style:none;color:#2b2f33}
.ae-board .ae-activity-list>.ae-activity:first-child{border-top:0}
.ae-board .ae-activity-list .ae-empty{padding:12px 0}

/* Direct assignment stays visible while activity details and class groups rest closed. */
.ae-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ae-assign-action{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}
.ae-assign-action select{width:auto;max-width:100%;min-width:0;font:inherit}
.ae-assign-action .btn{min-height:44px;white-space:nowrap}
.ae-picker [data-save-class-group]>summary{cursor:pointer;padding:12px 4px;font-weight:600}
.ae-picker [data-save-destination][hidden]{display:none!important}

/* Waiting ideas reuse the By Alleys palette and the existing activity editor. */
.ae-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ae-board .ae-tools .ae-inventory-open{display:inline-flex;margin:0}.ae-ideas-badge{background:#fff5c7;border:1px solid #d6bf68;border-radius:16px;white-space:normal}.ae-ideas-badge[hidden],.ae-ideas-reminder[hidden]{display:none}.ae-ideas-reminder{padding:10px 14px;margin:12px 0;background:#fff9e5;border-radius:12px;color:#65551f;font-size:14px}.ae-ideas-dialog{width:min(880px,94vw);max-height:90vh;overflow:auto;border:1px solid #cad2dc;margin:auto}.ae-ideas-dialog::backdrop{background:#18233366}.ae-waiting-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ae-waiting-heading h2{margin:0}.ae-waiting-alley{border:1px solid #dce1e7;border-radius:12px;background:white;margin:8px 0}.ae-waiting-alley>summary{padding:12px;cursor:pointer;font-weight:650}.ae-waiting-alley ul{list-style:none;margin:0;padding:0 12px 12px}.ae-waiting-alley li+li{margin-top:10px}.ae-waiting-alley .btn{white-space:normal;text-align:left}.ae-ideas-dialog [data-ae-form]{min-width:0}.ae-ideas-dialog .ae-activity-editor>summary{display:none}.ae-ideas-dialog .activity-card{max-width:100%;box-sizing:border-box}.ae-ideas-dialog .edit-field input,.ae-ideas-dialog textarea{box-sizing:border-box;max-width:100%}@media(max-width:600px){.ae-ideas-dialog{padding:14px;border-radius:18px}.ae-tools{align-items:stretch}.ae-tools .btn{min-height:44px}}

.ae-remove-idea{margin:4px 0 4px 8px;font-size:12px;color:#793d45;background:#fff;border:1px solid #e3c9cf;min-height:36px}.ae-remove-confirm{max-width:min(560px,94vw)}.ae-remove-confirm h2{font-size:19px;line-height:1.4}.ae-remove-confirm footer{display:flex;gap:12px;justify-content:flex-end}.ae-idea-toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);z-index:10000;display:grid;gap:8px}.ae-idea-toast{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#263d32;color:#fff;border-radius:12px;box-shadow:0 3px 18px #0003;max-width:100%;overflow-wrap:anywhere}.ae-idea-toast .btn{flex-shrink:0;background:#fff;color:#23382d}.ae-ideas-dialog .ae-idea-toasts{position:sticky;bottom:0;left:auto;transform:none;width:auto;max-width:100%;margin-top:12px}@media(max-width:600px){.ae-remove-idea{min-height:44px;margin-left:0}.ae-waiting-alley li{display:flex;flex-wrap:wrap;gap:4px}.ae-waiting-alley li p{width:100%}}
.ae-remove-confirm{border:1px solid #cad2dc;border-radius:18px;padding:20px;max-height:90vh;overflow:auto;box-sizing:border-box}