/* نافذة الأثر — مكوّن مستقل بألوان المبادرة وخط Cairo الموروث. */
.gb-shell{--gb-navy:#243B53;--gb-teal:#45B8AC;--gb-teal-dark:#237f75;--gb-lavender:#EAE4F8;--gb-ivory:#F7F9FC;--gb-gold:#E8BC65;--gb-muted:#64768a;--gb-line:#dfe7ee;--gb-white:#fff;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:42px 0 54px;color:var(--gb-navy);font-family:inherit}.gb-shell *{box-sizing:border-box}.gb-shell button,.gb-shell input,.gb-shell select,.gb-shell textarea{font:inherit}.gb-shell h1,.gb-shell h2,.gb-shell h3,.gb-shell p{margin:0}.gb-hero{padding:34px 38px 32px;border-radius:26px;background:linear-gradient(126deg,var(--gb-navy),#35546f);color:var(--gb-white);box-shadow:0 18px 46px #243b531c;position:relative;overflow:hidden}.gb-hero:after{content:"";position:absolute;left:-68px;top:-94px;width:250px;height:250px;border:1px solid #ffffff23;border-radius:50%;pointer-events:none}.gb-hero-compact{padding-block:28px}.gb-kicker{display:inline-flex;align-items:center;gap:8px;color:#b9ede6;font-size:12px;font-weight:800;letter-spacing:.2px;position:relative;z-index:1}.gb-kicker svg{width:18px;height:18px}.gb-hero h1{font-size:33px;line-height:1.5;font-weight:900;margin:10px 0 5px;position:relative;z-index:1}.gb-hero p{max-width:700px;color:#e2ecf4;font-size:14px;line-height:2;position:relative;z-index:1}.gb-notice{display:flex;gap:13px;align-items:flex-start;padding:17px 19px;margin:18px 0 22px;background:#edf7f5;border:1px solid #cbe7e1;border-radius:16px;color:#386c64}.gb-notice>svg{flex:0 0 auto;width:22px;height:22px;margin-top:3px;color:var(--gb-teal-dark)}.gb-notice strong{display:block;font-size:13px;color:var(--gb-navy);margin-bottom:2px}.gb-notice span{display:block;font-size:12px;line-height:1.95}.gb-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:22px;align-items:start}.gb-panel{background:var(--gb-white);border:1px solid var(--gb-line);border-radius:22px;padding:26px;box-shadow:0 12px 38px #243b5308}.gb-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--gb-line);margin-bottom:17px}.gb-panel h2{font-size:19px;font-weight:850;line-height:1.65}.gb-panel-head p,.gb-form-intro{font-size:12px;color:var(--gb-muted);line-height:1.9;margin-top:3px}.gb-form-intro{margin:4px 0 19px}.gb-icon-button,.gb-text-button,.gb-button{border:0;cursor:pointer;touch-action:manipulation}.gb-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;white-space:nowrap;padding:8px 12px;border:1px solid #d3e0e8;border-radius:11px;background:#fff;color:var(--gb-navy);font-size:11px;font-weight:800;transition:background .18s,border-color .18s}.gb-icon-button:hover:not(:disabled){background:var(--gb-ivory);border-color:#bfd4dc}.gb-icon-button svg{width:17px;height:17px}.gb-message-list{display:flex;flex-direction:column;gap:13px;min-height:80px}.gb-message-card{padding:17px 18px;border:1px solid #e1eaf0;border-radius:15px;background:#fcfdff}.gb-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.gb-role{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:999px;background:var(--gb-lavender);color:#665683;font-size:11px;font-weight:850}.gb-date{font-size:10px;color:var(--gb-muted);white-space:nowrap}.gb-message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--gb-navy);font-size:13px;line-height:2.05}.gb-empty{margin:0;padding:25px 16px;border:1px dashed #cad8e3;border-radius:14px;background:var(--gb-ivory);text-align:center;color:var(--gb-muted);font-size:12px;line-height:1.9}.gb-empty-error{border-color:#edc6bf;background:#fff4f2;color:#984d43}.gb-field{display:flex;flex-direction:column;gap:7px;margin-top:15px}.gb-field label{font-size:12px;font-weight:800;color:var(--gb-navy)}.gb-field small{font-size:10px;color:var(--gb-muted);line-height:1.75}.gb-field input,.gb-field select,.gb-field textarea{width:100%;border:1px solid #d1dee7;border-radius:12px;background:#fbfcfe;color:var(--gb-navy);font-size:13px;padding:11px 13px;min-height:46px;transition:border-color .18s,box-shadow .18s}.gb-field textarea{resize:vertical;min-height:132px;line-height:1.9}.gb-field input:focus,.gb-field select:focus,.gb-field textarea:focus{border-color:var(--gb-teal-dark);box-shadow:0 0 0 3px #45b8ac26;outline:0}.gb-field input:disabled,.gb-field select:disabled,.gb-field textarea:disabled{background:#eff3f6;color:#7c8c9c;cursor:not-allowed}.gb-challenge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding:13px 14px;background:#f4f2fb;border:1px solid #e2dcf2;border-radius:13px}.gb-challenge strong{font-size:11px;color:#675682}.gb-challenge p{font-size:13px;font-weight:850;color:var(--gb-navy);margin-top:2px}.gb-text-button{min-height:44px;padding:6px 8px;background:transparent;color:var(--gb-teal-dark);font-size:11px;font-weight:850;text-decoration:underline;text-underline-offset:3px}.gb-text-button:hover:not(:disabled){color:var(--gb-navy)}.gb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:20px;padding:10px 17px;border-radius:12px;font-size:13px;font-weight:850;transition:transform .18s,background .18s,border-color .18s}.gb-button:hover:not(:disabled){transform:translateY(-1px)}.gb-button:disabled,.gb-icon-button:disabled,.gb-text-button:disabled{cursor:not-allowed;opacity:.58}.gb-button-teal{background:var(--gb-teal-dark);color:#fff}.gb-button-teal:hover:not(:disabled){background:#1b6f67}.gb-button-outline{background:#fff;color:var(--gb-navy);border:1px solid #d4e0e7}.gb-button-outline:hover:not(:disabled){background:var(--gb-ivory)}.gb-feedback{margin:15px 0 0;padding:11px 13px;border-radius:11px;font-size:11px;line-height:1.9}.gb-feedback.is-neutral{background:#f0f5f8;color:#5f7282}.gb-feedback.is-success{background:#eaf6ee;color:#2f6f4c}.gb-feedback.is-error{background:#fff1ef;color:#9c4d42}.gb-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.gb-honeypot input{position:absolute!important;inset-inline-start:-9999px!important}.gb-moderation-actions{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.gb-moderation-actions .gb-button{width:auto;min-width:130px;min-height:44px;margin-top:0;font-size:11px}.gb-shell-moderation .gb-panel{margin-top:22px}.gb-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--gb-gold);outline-offset:3px}@media(max-width:820px){.gb-layout{grid-template-columns:1fr}.gb-form-panel{order:-1}}@media(max-width:620px){.gb-shell{width:calc(100% - 30px);padding:25px 0 38px}.gb-hero{padding:26px 21px 24px;border-radius:20px}.gb-hero h1{font-size:27px}.gb-hero p{font-size:12px;line-height:2}.gb-kicker{font-size:10px}.gb-notice{padding:15px;margin:15px 0 17px}.gb-notice span{font-size:11px}.gb-panel{padding:19px 16px;border-radius:18px}.gb-panel h2{font-size:17px}.gb-panel-head{gap:10px;align-items:center}.gb-panel-head p{font-size:10px}.gb-icon-button{min-width:44px;padding:8px}.gb-icon-button span{display:none}.gb-message-card{padding:15px}.gb-message-text{font-size:12px}.gb-challenge{align-items:flex-start;flex-direction:column}.gb-text-button{padding:5px 0;min-height:44px}.gb-field input,.gb-field select,.gb-field textarea{font-size:16px}.gb-moderation-actions{display:grid;grid-template-columns:1fr 1fr}.gb-moderation-actions .gb-button{width:100%;min-width:0;padding-inline:8px}}@media(prefers-reduced-motion:reduce){.gb-shell *{transition:none!important}}

.gb-question-help{padding:16px 18px;margin:15px 0 20px;background:#eef6f3;border-right:3px solid #45B8AC;border-radius:12px;color:#365c5a;font-size:13px;line-height:2}.gb-question-help strong{display:block;color:#237f75}.gb-question-help p{margin:6px 0}.gb-question-help small{display:block;font-size:11px;color:#64768a}.gb-form-intro strong{color:#243B53}

/* Place the family introduction banner before the five-minute conversation. */
.gb-shell-hero{margin-bottom:22px}
.gb-shell-hero .gb-hero{margin-bottom:0}