:root {font-family: "Open Sans", "Noto Sans Hebrew", Arial, sans-serif;font-weight:600;color:#17364a;background:#f3f8fc;--navy:#0b344e;--blue:#1877c8;--red:#cb2434;--mint:#1f7b64;--line:#dce9ef;--content:1120px}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #67cbed;outline-offset:2px}.hidden{display:none!important}
.site-header{position:relative;background:linear-gradient(100deg,#07344e 0%,#0c526f 70%,#0e6780 100%);color:#fff;box-shadow:0 4px 22px #10364b1a}.header-main{max-width:var(--content);padding:22px 18px 12px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:15px}.brand-duck{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:14px;padding:5px;box-shadow:0 1px 0 #ffffff99}.brand h1{font-size:clamp(23px,5vw,35px);margin:4px 0 0;letter-spacing:-.7px}.brand h1 span{font-weight:400;color:#bceefb}.eyebrow{font-size:12px;letter-spacing:.3px;opacity:.82}.icon-btn{min-height:38px;min-width:38px;background:#ffffff20;color:inherit;border:1px solid #ffffff60;border-radius:13px;font-size:20px}.header-tools{max-width:var(--content);margin:auto;padding:1px 18px 17px;display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.header-field{display:flex;align-items:center;gap:9px;font-size:13px;color:#d9eef5}.header-field select{border:1px solid #8db9c7;padding:9px 28px 9px 11px;background:#fff;border-radius:10px;color:#143954;min-width:160px;font-weight:bold}.mode-switch{display:flex;border-radius:11px;background:#082d43;padding:4px;gap:3px}.mode-switch button{border:0;background:transparent;color:#d4edf4;padding:9px 15px;border-radius:8px;font-weight:bold}.mode-switch button.active{color:#0a3b58;background:#fff}.demo-ribbon{text-align:center;background:#fff3d0;color:#755111;font-size:12px;padding:8px 14px;border-bottom:1px solid #f6e0a6}
.main-shell{max-width:var(--content);margin:0 auto;padding:22px 18px 65px}.subject-panel{border:1px solid var(--line);background:white;border-radius:20px;padding:15px 17px;box-shadow:0 5px 18px #1b557009}.subject-heading,.topic-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.subject-heading h2{font-size:16px;margin:0}.subtle-btn{border:0;background:#e7f4fa;color:#175470;padding:8px 13px;border-radius:10px;font-weight:bold}.subject-scroll{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:13px 1px 1px}.subject-chip{white-space:nowrap;border-radius:13px;padding:13px 16px;border:1px solid #dceaf1;background:#f5f9fc;color:#36596a;display:inline-flex;gap:7px;align-items:center;font-weight:bold}.subject-chip.active{background:#0d5274;color:white;border-color:#0d5274;box-shadow:0 5px 12px #0f56731c}.chip-count{font-size:11px;border-radius:8px;padding:2px 6px;background:#ffffff33}
.main-content{padding-top:27px}.topic-bar{align-items:flex-start;margin-bottom:18px}.topic-bar h2{font-size:clamp(24px,5vw,34px);color:var(--navy);margin:6px 0}.topic-bar p{margin:0;color:#637f8d;font-size:14px;line-height:1.7}.topic-tools{display:flex;flex-direction:column;min-width:170px;gap:7px;align-items:stretch}.topic-tools select{background:white;color:#204c68;border:1px solid #d5e6ee;border-radius:10px;padding:11px;font-weight:600;max-width:270px}.mini-label{font-size:12px;color:#658290}.outline-btn{border:1px solid #b9dbe7;background:white;color:#125b7c;border-radius:11px;padding:11px 15px;font-weight:bold;text-align:center}.outline-btn:hover,.subtle-btn:hover{background:#e5f5fb}.primary-btn{border:0;border-radius:12px;background:#0c678d;color:white;padding:13px 22px;font-weight:bold;box-shadow:0 5px 14px #0e729c20}.primary-btn:hover{background:#0c5574}.topic-hero{border-radius:22px;overflow:hidden;min-height:144px;background:#6ecedf url('assets/header.png') center/cover no-repeat;display:flex;align-items:center;position:relative;border:1px solid #bee6eb}.topic-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e7fcffeb,#defbff85,#d5f8ff00)}.topic-hero-content{position:relative;z-index:1;margin-inline:28px;display:flex;flex-direction:column;gap:5px;color:#073a54}.little-overline{font-size:12px;font-weight:bold}.topic-hero-content strong{font-size:25px}.topic-hero-content small{font-size:14px}.summary-strip{display:flex;flex-wrap:wrap;gap:9px;padding:16px 0}.stat{border:1px solid #e2edf0;background:#fff;border-radius:11px;padding:8px 13px;font-size:13px;color:#466875}.stat strong{color:#103c54;font-size:17px}.chat-legend{display:flex;gap:18px;color:#657c87;font-size:12px;margin:0 0 20px;flex-wrap:wrap}.chat-legend span{display:inline-flex;gap:6px;align-items:center}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-dot.red{background:#e25261}.legend-dot.blue{background:#4ba5e8}.legend-dot.green{background:#80be9c}
.blocks{display:flex;flex-direction:column;gap:22px}.block-card{background:#fff;border:1px solid #e0ebf0;border-radius:22px;padding:20px 24px;box-shadow:0 7px 24px #143c520a;position:relative}.block-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;color:#7693a1;font-size:12px}.number-pill{background:#dc3448;color:white;font-size:13px;font-weight:bold;border-radius:50%;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center}.edit-btn{background:transparent;color:#3d7894;border:0;font-weight:bold;padding:7px 9px}.edit-btn:hover{background:#e8f4fb;border-radius:8px}.delete-btn{color:#ba4a59}.message-row{display:flex;align-items:flex-start;gap:11px}.message-row.requirement{justify-content:flex-start}.message-row.question,.message-row.answer{justify-content:flex-end}.avatar{flex:none;width:47px;height:47px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 6px #41657a21}.avatar.user-answer{background:#e9f4ed;padding:5px}.bubble{position:relative;border-radius:22px;padding:17px 18px 15px;max-width:calc(100% - 62px);line-height:1.65;border:1px solid;box-shadow:0 2px 0 #092f4107}.bubble:before{content:"";position:absolute;top:19px;width:13px;height:13px;border:inherit;background:inherit;transform:rotate(45deg);z-index:0}.bubble>*{position:relative;z-index:1}.bubble-red{background:#fff0f0;border-color:#ffcbd0;flex:1}.bubble-red:before{right:-7px;border-bottom:0;border-left:0}.bubble-blue{background:#eaf5ff;border-color:#b4dcff;flex:1}.bubble-blue:before{left:-7px;border-top:0;border-right:0}.bubble-green{background:#f0f8f0;border-color:#bfdfca;flex:1}.bubble-green:before{left:-7px;border-top:0;border-right:0}.bubble h3{margin:0 0 7px;color:#ad2636;font-size:19px}.bubble .question-head{color:#126bbc;font-weight:bold;margin-bottom:5px}.bubble .answer-head{color:#276c56;font-weight:bold;margin-bottom:5px}.bubble .recipient{font-size:12px;color:#658496;font-weight:bold;margin-bottom:6px}.bullet-list{padding:0 19px 0 0;margin:0}.bullet-list li{margin:6px 0;padding-right:2px}.bullet-list li::marker{color:#d9374a}.readmarks{font-size:14px;color:#1e91e6;font-weight:bold;letter-spacing:-3px;direction:ltr;display:inline-block;line-height:1.1}.question .readmarks{color:#9aa9b5}.sent-at{color:#8399a4;font-size:11px;direction:ltr;display:inline-block;margin-inline-start:10px}.bubble-footer{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;gap:10px}.media-strip{display:flex;gap:10px;overflow-x:auto;margin:12px 0 13px;padding:5px 0 4px;align-items:stretch}.media-tile{flex:0 0 auto;width:min(220px,45vw);height:150px;position:relative;border-radius:15px;background:#eef3f6;overflow:hidden;border:1px solid #d5e3e9}.media-tile img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.media-tile .media-label{position:absolute;bottom:8px;right:8px;left:8px;background:#fffdf8e8;color:#345267;border-radius:8px;padding:5px 7px;font-size:11px;backdrop-filter:blur(3px)}.media-tile .media-remove{position:absolute;top:7px;left:7px;color:white;background:#b52c46;border:0;border-radius:50%;width:29px;height:29px;z-index:2}.file-tile{width:220px;padding:17px;display:flex;flex-direction:column;justify-content:center;gap:8px}.file-tile a{color:#075d9d;overflow-wrap:anywhere}.media-add-label{display:inline-flex;align-items:center;gap:7px;background:#f1faff;border:1px dashed #89c7e0;border-radius:10px;color:#197297;padding:9px 12px;font-size:12px;font-weight:bold;cursor:pointer;margin:0 0 16px 0}.flow-part{margin:10px 0 13px}.question-spacer{height:12px}.answer-area{border:1px dashed #c2d6c8;border-radius:10px;background:#ffffff9a;padding:10px 12px;min-height:85px;margin-top:8px}.answer-area textarea{border:0;background:transparent;display:block;resize:vertical;width:100%;min-height:90px;line-height:1.6;color:#20495b;outline:0}.answer-ops{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.answer-ops button{padding:8px 17px;border-radius:8px;background:#2c8267;border:0;color:white;font-weight:bold}.saved-answer{white-space:pre-wrap;color:#1f4e3e;overflow-wrap:anywhere}.answer-meta{font-size:11px;color:#6c9d82;margin-top:12px}.empty-state{text-align:center;border:2px dashed #c7dfe9;border-radius:19px;padding:47px 22px;background:#fff;color:#628294}.empty-state .big{font-size:45px}.empty-state h3{margin:10px 0;color:#194a65}.add-block-row{display:flex;justify-content:center;margin-top:22px}.page-footer{position:relative;margin-top:35px;height:142px;overflow:hidden;border-radius:16px;background:#d9f6ff;text-align:center}.page-footer img{height:100%;width:100%;object-fit:cover}.page-footer span{position:absolute;top:12px;left:20px;background:#ffffffed;border-radius:10px;font-weight:bold;color:#2d6b80;padding:8px 12px;font-size:12px}
.dialog{border:1px solid #d5e6ec;border-radius:22px;padding:0;width:min(96vw,620px);max-height:min(90vh,940px);box-shadow:0 20px 60px #102e4560;direction:rtl;color:#163a51}.dialog::backdrop{background:#0b2e4385;backdrop-filter:blur(3px)}.dialog-form{padding:23px;display:flex;flex-direction:column;gap:14px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0;font-size:21px}.dialog-heading .icon-btn{background:#ecf4f8;color:#284d5d;border:0}.dialog-form label{display:flex;flex-direction:column;font-weight:bold;font-size:13px;gap:7px}.dialog-form input,.dialog-form textarea{background:white;border-radius:11px;border:1px solid #cbdde6;padding:12px;color:#17384a;resize:vertical}.dialog-actions{display:flex;gap:9px;justify-content:flex-start;flex-wrap:wrap}.settings-note{line-height:1.7;font-size:14px;margin:0}.tiny-muted{font-size:12px;color:#6b8290;line-height:1.6;margin:0}.upload-button{cursor:pointer}.lightbox{position:fixed;inset:0;z-index:20;background:#081f2feb;display:flex;align-items:center;justify-content:center;padding:45px 20px 20px}.lightbox img{max-height:92vh;max-width:95vw;object-fit:contain}.lightbox-close{position:absolute;top:12px;left:15px;border:0;color:white;background:#ffffff29;font-size:23px;border-radius:50%;width:43px;height:43px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#123f55;color:white;padding:12px 18px;border-radius:14px;z-index:50;box-shadow:0 6px 20px #123f5555;font-size:14px;text-align:center;max-width:90vw}
@media (max-width:670px){.header-main{padding-top:15px}.brand-duck{width:52px;height:52px}.header-tools{align-items:stretch}.main-shell{padding:14px 11px 50px}.subject-panel{border-radius:15px;padding:12px}.topic-bar{flex-direction:column}.topic-tools{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center}.topic-tools .mini-label{grid-column:1/-1}.topic-tools select{max-width:none;min-width:0}.topic-hero{min-height:130px}.topic-hero-content{margin-inline:16px}.topic-hero-content strong{font-size:22px}.chat-legend{gap:10px;font-size:11px}.block-card{border-radius:17px;padding:14px 10px}.bubble{border-radius:18px;padding:14px 12px;max-width:calc(100% - 53px)}.bubble h3{font-size:17px}.message-row{gap:6px}.avatar{width:43px;height:43px}.bullet-list{font-size:14px}.media-tile{width:45vw;height:130px}.page-footer{height:100px}.topic-bar p{font-size:13px}.site-header{position:relative}}
@media print{body{background:white}.site-header,.subject-panel,.demo-ribbon,.topic-tools,.chat-legend,.add-block-row,.editor-only,.media-add-label,.edit-btn,.answer-ops,.page-footer,.topic-hero,.toast{display:none!important}.main-shell{padding:0}.topic-bar{margin:0 0 15px}.block-card{box-shadow:none;break-inside:avoid;border:1px solid #ddd}.blocks{gap:12px}.media-tile{width:25vw;height:110px}.bubble{box-shadow:none}textarea{border:0}}

/* V2: island project launcher + executive overview + project consultants */
.header-buttons{display:flex;align-items:center;gap:9px}
.home-btn{border:1px solid #91c8d8;background:#ffffff18;color:white;border-radius:12px;padding:10px 14px;font-weight:bold}
.home-btn:hover{background:#ffffff31}
.island-home{max-width:1340px;margin:0 auto;padding:22px 22px 55px}
.island-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.island-intro h2{margin:4px 0 5px;color:#123d59;font-size:clamp(23px,4.1vw,32px)}
.island-intro p{margin:0;color:#658090;font-size:14px}
.island-frame{overflow-x:auto;overscroll-behavior-x:contain;border:5px solid white;border-radius:27px;box-shadow:0 18px 55px #2257752e;background:#8cdeee;scrollbar-color:#83bdc8 transparent;position:relative}
.island-stage{position:relative;width:100%;aspect-ratio:16/9;min-width:780px}
.island-art{display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
.island-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid transparent;border-radius:17px;background:transparent;display:flex;align-items:flex-end;justify-content:center;transition:background .2s,border-color .2s,box-shadow .2s;z-index:2}
.island-hotspot span{font-size:13px;background:#063a57e8;color:white;padding:6px 10px;border-radius:9px;box-shadow:0 2px 9px #1239;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;white-space:nowrap;pointer-events:none}
.island-hotspot:hover,.island-hotspot:focus-visible{background:#fffbca25;border-color:#fffdf8ed;box-shadow:inset 0 0 24px #fff8a780,0 0 20px #fff8a755}
.island-hotspot:hover span,.island-hotspot:focus-visible span{opacity:1;transform:none}
.island-mobile-hint{color:#587b8c;font-size:12px;margin-top:12px;text-align:center}
.projects-area{margin-top:26px}
.projects-heading{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;margin-bottom:13px}
.projects-heading h3{margin:0;color:#143d52;font-size:20px}.projects-heading span{color:#718996;font-size:13px}
.project-tiles{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:10px}
.project-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:5px;background:white;border:1px solid #d9e8ef;padding:14px 15px;border-radius:17px;min-height:122px;box-shadow:0 4px 12px #2048690b;transition:transform .15s,box-shadow .15s}
.project-tile:hover{transform:translateY(-3px);box-shadow:0 6px 19px #20486926}
.project-emoji{font-size:24px}.project-tile-name{font-weight:bold;color:#143d52}.project-tile-sub{font-size:11px;color:#7a909b}
.project-tile-arrow{position:absolute;left:12px;top:13px;color:#1c7b9e}
.workspace-heading{display:flex;align-items:center;gap:18px;margin:0 0 18px}.workspace-heading h2{font-size:28px;margin:2px 0;color:#123e57}.workspace-progress{margin-inline-start:auto;font-size:13px;background:#e6f5fc;padding:9px 12px;border-radius:10px;color:#326f85}
.project-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:20px}
.section-overview-card{border:1px solid #d8e8ee;background:white;display:flex;align-items:center;text-align:right;gap:8px;border-radius:13px;padding:10px;min-height:69px}
.section-overview-card.selected{background:#e6f6ff;border-color:#81bddc;box-shadow:0 3px 10px #1574a718}
.section-icon{font-size:24px}.section-overview-card strong{font-size:13px;color:#164562;display:block}.section-overview-card small{font-size:10px;color:#6d8896;display:block}.section-arrow{margin-inline-start:auto;color:#7bacc1}
.consultant-panel{border:1px solid #d8e7ed;border-radius:17px;background:#fff;margin:12px 0 15px;padding:14px 17px}
.consultant-heading{display:flex;align-items:center;gap:12px}.consultant-icon{font-size:22px;border-radius:12px;padding:8px;background:#ebf6fa}.consultant-heading strong{display:block;color:#163c55}.consultant-heading small{display:block;color:#79909d;font-size:11px;margin-top:3px}.consultant-heading .subtle-btn{margin-inline-start:auto}
.consultant-details{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;font-size:13px;color:#425f70;margin-top:12px}.consultant-details a{color:#146287;overflow-wrap:anywhere}.consultant-empty{font-size:12px;color:#8196a0}
.consultant-mail-btn{display:inline-flex;border-radius:9px;background:#e5f5fb;padding:9px 11px;text-decoration:none;font-weight:bold}
.view-switch-row{margin:18px 0 12px;padding:14px 16px;border:1px solid #d9e8ee;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}
.view-switch-row strong{display:block;color:#133e54}.view-switch-row small{display:block;color:#77929d;margin-top:4px;font-size:12px}
.mode-switch.light{background:#eaf4f8}.mode-switch.light button{color:#417084}.mode-switch.light button.active{background:#0b6484;color:white}
.overview-matrix{background:white;border:1px solid #d9e7ee;border-radius:15px;overflow:hidden}
.matrix-header,.matrix-row{display:grid;grid-template-columns:minmax(160px,1.05fr) minmax(170px,1.65fr) minmax(85px,.48fr);column-gap:16px;align-items:center;text-align:right}
.matrix-header{padding:13px 17px;background:#e8f4fb;font-size:12px;font-weight:bold;color:#407188}
.matrix-row{width:100%;background:white;border:0;border-top:1px solid #e3edf2;padding:14px 17px;cursor:pointer}
.matrix-row:hover{background:#f5fbff}
.matrix-title{display:grid;grid-template-columns:28px 1fr;align-items:start;column-gap:8px}
.matrix-title i{grid-row:1/3;width:25px;height:25px;background:#ffe7e7;border-radius:50%;text-align:center;line-height:25px;font-style:normal;font-weight:bold;color:#ce3f50}
.matrix-title strong{font-size:13px;color:#243f56}.matrix-title small{grid-column:2;font-size:11px;color:#7a8e99;line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.matrix-question{color:#335975;font-size:12px;line-height:1.5}.matrix-question small{display:block;margin-top:4px;color:#6e9bb5;font-size:11px}.matrix-question em{color:#abb9c0}
.matrix-status{font-size:11px;font-weight:bold;white-space:nowrap;border-radius:12px;text-align:center;padding:7px 5px}.matrix-status.answered{color:#1f7258;background:#e4f5ec}.matrix-status.pending{color:#a96a15;background:#fff3d8}.matrix-status.no-question{color:#7c8f97;background:#eef3f5}
@media(max-width:920px){.project-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.project-overview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:670px){.island-home{padding:13px 10px 32px}.island-frame{border-radius:18px;border-width:3px}.island-stage{min-width:810px}.island-intro{align-items:flex-start}.island-intro h2{font-size:22px}.island-intro p{font-size:12px}.project-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.section-overview-card{min-height:57px;padding:7px 6px;gap:5px}.section-icon{font-size:19px}.section-overview-card strong{font-size:11px}.section-overview-card small{display:none}.section-arrow{display:none}.workspace-heading{flex-wrap:wrap;gap:10px}.workspace-progress{margin-inline-start:0}.workspace-heading h2{font-size:25px}.consultant-heading .subtle-btn{font-size:12px;padding:8px}.view-switch-row{align-items:stretch;flex-direction:column}.view-switch-row .mode-switch{width:100%}.view-switch-row .mode-switch button{flex:1}.matrix-header{display:none}.matrix-row{grid-template-columns:1fr auto;gap:9px;padding:12px}.matrix-question{grid-column:1/3;grid-row:2;padding-right:34px}.matrix-status{grid-row:1;grid-column:2}.matrix-title{grid-row:1;grid-column:1}.home-btn{font-size:12px;padding:9px 10px}.project-tile{min-height:115px}}
@media print{.island-home,.workspace-heading,.project-overview,.consultant-panel,.view-switch-row,.overview-matrix{display:none!important}}

/* Studio M - large, prominent topic filter and single continuous subject view */
.brand h1{font-weight:800}.brand h1 span{font-weight:700}.subject-heading h2,.workspace-heading h2,.topic-bar h2,.matrix-topic-heading,.topic-group-heading h3{font-weight:800}
.topic-filter-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,400px) auto;gap:18px;align-items:center;background:#e6f5ff;border:2px solid #70b9e2;border-radius:20px;padding:19px 21px;margin:12px 0 19px;box-shadow:0 8px 20px #2684a21a}
.topic-filter-panel strong{display:block;font-size:19px;font-weight:800;color:#103e5a}.topic-filter-panel p{font-size:13px;color:#446b7c;margin:5px 0 0}
.topic-filter-control{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#154967}
.topic-filter-control span{font-size:14px}
.topic-filter-control select{width:100%;min-width:0;border:2px solid #1277b5;padding:17px 15px;font-size:17px;line-height:1.4;font-weight:800;color:#0b4263;background:white;border-radius:14px;box-shadow:0 3px 9px #145e8122}
.filter-reset{background:#175e88;color:#fff;border:0;border-radius:13px;padding:17px 16px;white-space:nowrap;font-weight:800;font-size:15px}
.matrix-section + .matrix-section{border-top:8px solid #ecf4f8}
.matrix-topic-heading{background:#f2f7fa;padding:14px 18px;color:#113f57;font-size:17px;display:flex;align-items:center;gap:12px}
.matrix-topic-heading small{font-weight:600;color:#557888;font-size:12px}
.topic-group{display:flex;flex-direction:column;gap:15px}.topic-group+.topic-group{padding-top:24px;border-top:4px solid #d9edf7}
.topic-group-heading{padding:18px 19px;background:linear-gradient(110deg,#e4f4fb,#f1faff);border:1px solid #a8d5e9;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.topic-group-heading span{font-size:11px;color:#487a95;font-weight:700}.topic-group-heading h3{margin:3px 0;color:#164766;font-size:21px}.topic-group-heading small{color:#64899c}
.topic-group-filter{font-size:12px;font-weight:800;color:#0a5f91;background:#fff;border:1px solid #a7d4e5;border-radius:12px;padding:10px 15px;white-space:nowrap}
.image-settings{border:1px solid #d7e9f2;border-radius:15px;background:#f5fbff;padding:15px}.image-settings h3{margin:0;font-size:18px}.appearance-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.appearance-settings label{display:flex;flex-direction:column;gap:8px;background:white;padding:13px;border-radius:9px;border:1px solid #dcecf2;font-weight:800}.appearance-settings input{width:100%;font-size:12px}
.media-replace-label{position:absolute;top:7px;right:7px;z-index:2;background:#fffffff2;padding:5px 8px;border-radius:8px;color:#0b5f8e;font-size:11px;font-weight:800;cursor:pointer}
button:disabled{opacity:.48}
@media(max-width:760px){.topic-filter-panel{grid-template-columns:1fr;gap:12px;padding:15px}.topic-filter-control select{font-size:16px}.filter-reset{width:100%}.appearance-settings{grid-template-columns:1fr}.topic-group-heading{align-items:flex-start;flex-direction:column}.topic-group-filter{align-self:flex-start}}
@media print{.topic-filter-panel,.topic-group-filter{display:none!important}}

/* Attachments follow the question to preserve design context. */
.consultant-sender{font-size:12px;font-weight:800;color:#a55058;margin-bottom:5px}
.question-body{white-space:pre-wrap;overflow-wrap:anywhere}
.question-media-caption{margin-top:16px;font-size:12px;font-weight:800;color:#3573a0}
.question-media-strip{margin:7px 0 4px;width:100%;max-width:100%;overflow-x:auto;gap:8px}
.question-media-strip .media-tile{width:165px;height:134px;background:#fff;border:1px solid #bfdbee}
.question-media-strip .file-tile{padding:10px;gap:6px;justify-content:center}
.question-media-strip .media-tile .media-label{font-size:10px}
.question-media-add{margin:13px 0 3px;background:#fff;border-color:#86bee7;color:#09629c;max-width:100%;white-space:normal}
.question-media-add:hover{background:#f6fcff}
.question-media-strip .file-tile strong{font-size:12px;overflow-wrap:anywhere}
.question-media-strip .file-tile a{font-size:12px}
@media(max-width:560px){.question-media-strip .media-tile{width:140px;height:126px}.question-media-add{font-size:12px;padding:10px}}

/* Sender avatars: only the pools consultant is represented by the duck.
   Replies always use the official Studio M symbol and follow logo customization. */
.avatar.user-answer{object-fit:contain;background:#fff;padding:5px;border:2px solid #bad9c7;}
.avatar.consultant-generic{display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:#eff6fb;border:2px solid #fff;}