/* Approved contact notebook: scoped to the contact dialog only. */
#contactModal .contact-modal-box{position:relative;width:min(760px,100%);background:#fffdf6;border:1px solid #d7c6ab;border-radius:24px;box-shadow:0 24px 80px #071b3c40;isolation:isolate;padding-left:30px}
#contactModal .contact-modal-box::before{content:"";position:absolute;z-index:-1;left:0;top:36px;bottom:24px;width:30px;background:radial-gradient(ellipse at 4px 7px,#f3e7d0 0 4px,#a68a61 5px 6px,transparent 7px) 0 0/26px 44px repeat-y;border-right:1px solid #e6d8c3;pointer-events:none}
#contactModal .contact-modal-head{padding:26px 26px 16px;background:transparent;gap:8px}
#contactModal .contact-modal-head>div{min-width:0;flex:1}
#contactModal .kicker{background:none;transform:none;padding:0;border-radius:0;color:#102444;font-size:.85rem;font-weight:800}
#contactModal .contact-modal-head h2{color:#102444;font-size:clamp(1.65rem,4vw,2.3rem);margin:15px 0 20px;letter-spacing:-.025em;line-height:1.2}
#contactModal .contact-modal-head h2::after{content:"";display:block;width:108px;height:4px;border-radius:50%;background:#00a6ad;margin-top:12px;transform:rotate(-2deg)}
#contactModal .contact-modal-head p{font-size:.94rem;line-height:1.6;color:#102444}
#contactModal .contact-modal-head .contact-notebook-hint{font-size:.76rem;color:#59677b;margin-top:8px}
#contactModal .contact-modal-close{background:#fffdf6;border-color:#dfd0b9;color:#102444}
#contactModal .contact-notebook-topics{display:flex;gap:5px;margin:2px 26px 0;position:relative;z-index:1}
#contactModal .contact-notebook-topics button{--tab-color:#ade9df;--tab-ink:#087d78;flex:1;min-width:0;position:relative;border:1px solid #d7c6ab;border-bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(177deg,transparent 15%,var(--tab-color) 18% 84%,transparent 88%),#fffdf6;color:#102444;font:inherit;font-size:.83rem;font-weight:800;padding:14px 8px;min-height:48px;cursor:pointer;box-shadow:inset 0 3px 0 var(--tab-color)}
#contactModal .contact-notebook-topics button:nth-child(2){--tab-color:#ffe398;--tab-ink:#976400}
#contactModal .contact-notebook-topics button:nth-child(3){--tab-color:#dec7f4;--tab-ink:#6500aa}
#contactModal .contact-notebook-topics button:hover{border-color:var(--tab-ink)}
#contactModal .contact-notebook-topics button[aria-pressed="true"]{border-color:var(--tab-ink);box-shadow:inset 0 3px 0 var(--tab-ink),inset 0 -4px 0 var(--tab-ink)}
#contactModal .contact-form{margin:0 26px 24px;padding:22px;background:#fffdf9;border:1px solid #d7c6ab;border-radius:0 0 18px 18px;box-shadow:none}
#contactModal .contact-field label{color:#102444}
#contactModal .contact-field input,#contactModal .contact-field select,#contactModal .contact-field textarea{box-sizing:border-box;min-width:0;width:100%;border:1px solid #d9cbb3;border-radius:10px;background:#f8f0e2;color:#102444;font:inherit;font-size:.9rem;padding:11px 12px;min-height:44px}
#contactModal .contact-field textarea{min-height:120px;resize:vertical}
#contactModal .contact-field{min-width:0;margin-bottom:15px}
#contactModal .contact-field label small{color:#59677b}
#contactModal .contact-kindness{margin:0 0 10px;color:#59677b;font-size:.8rem;line-height:1.6}
#contactModal .contact-attachments input[type="file"]{font-size:.8rem;padding:10px;overflow:hidden}
#contactModal .contact-attachments input::file-selector-button{border:1px solid #d7c6ab;border-radius:7px;background:#fffdf6;color:#102444;font:inherit;font-weight:700;padding:8px;margin-right:10px;cursor:pointer}
#contactModal .contact-file-list{margin:8px 0;padding-left:20px;font-size:.8rem;color:#102444;overflow-wrap:anywhere}
#contactModal .contact-file-list:empty{display:none}
#contactModal .contact-clear-files{border:0;background:none;color:#6500aa;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:.8rem;min-height:44px;cursor:pointer;padding:5px 0}
#contactModal :is(button,input,textarea,select,a):focus-visible{outline:3px solid #009ba5;outline-offset:3px}
#contactModal .contact-consent{color:#59677b;font-size:.76rem}
#contactModal .contact-demo-note{color:#102444;font-size:.86rem;font-weight:800;margin:12px 0;text-align:center}
#contactModal .contact-actions{justify-content:center;gap:12px;flex-direction:column}
#contactModal .contact-actions .btn{background:#6500aa;color:#fff;border-radius:14px;min-height:46px;padding:12px 28px}
#contactModal .contact-notebook-email{color:#007c84;font-weight:800;text-underline-offset:4px}
#contactModal .contact-notebook-address{font-size:.75rem;line-height:1.5;text-align:center;color:#59677b;margin:16px 0 0;overflow-wrap:anywhere}
#contactModal .contact-notebook-address a{color:#007c84;text-decoration:underline}
@media(max-width:600px){
 #contactModal .contact-modal-box{padding-left:16px;border-radius:18px}
 #contactModal .contact-modal-box::before{width:16px;background-size:17px 40px;background-position:-4px 0}
 #contactModal .contact-modal-head{padding:20px 14px 14px}
 #contactModal .contact-modal-head h2{font-size:1.65rem}
 #contactModal .contact-modal-close{min-width:44px}
 #contactModal .contact-notebook-topics{margin:0 14px;gap:3px}
 #contactModal .contact-notebook-topics button{padding:10px 4px;font-size:.72rem;border-radius:11px 11px 0 0}
 #contactModal .contact-form{margin:0 14px 18px;padding:16px 12px}
}