:root{
  --cl-accent:#7487f5;--cl-accent-dark:#5e6fe8;--cl-ink:#29323d;--cl-muted:#697386;--cl-line:#e4eaf4;--cl-bg:#f5f8fd;--cl-paper:#fff;
  --cl-font:Inter,Arial,sans-serif;--cl-size:10.8pt;--cl-leading:1.45;--cl-top:18mm;--cl-bottom:16mm;--cl-side:19mm;--cl-line-w:1mm;--cl-divider-w:1mm;--cl-side-w:1mm;--cl-top-w:7mm;--cl-head-scale:1;
}
*{box-sizing:border-box}body.cl-body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--cl-ink);background:radial-gradient(circle at 20% 4%,rgba(117,215,168,.15),transparent 34%),radial-gradient(circle at 78% 6%,rgba(116,135,245,.16),transparent 36%),var(--cl-bg)}a{text-decoration:none}.cl-app{min-height:100vh}
.cl-topbar{height:64px;background:rgba(255,255,255,.95);border-bottom:1px solid #dde5f0;display:flex;align-items:center;gap:26px;padding:0 34px;position:sticky;top:0;z-index:40;box-shadow:0 12px 34px rgba(15,23,42,.05);backdrop-filter:blur(10px)}
.cl-brand{display:flex;align-items:center;gap:12px;color:#2c3440;font-weight:900;font-size:22px;letter-spacing:-.045em}.cl-brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#7ed8a9,#8392fb);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 10px 26px rgba(116,135,245,.24)}
.cl-nav{display:flex;align-items:center;gap:22px;flex:1;height:100%}.cl-nav-link{height:100%;display:flex;align-items:center;gap:9px;color:#4b5563;font-size:15px;font-weight:850;letter-spacing:.005em;border:0;background:none;cursor:pointer;padding:0 2px}.cl-nav-link:hover,.cl-nav-link.active{color:var(--cl-accent-dark)}.cl-nav-link.active{border-bottom:3px solid var(--cl-accent)}.cl-cv{color:var(--cl-accent-dark)}.cl-ico{font-size:15px}.cl-lang{display:flex;gap:10px;align-items:center}.cl-lang a{font-weight:900;color:#475569}.cl-lang a.active{color:var(--cl-accent-dark);text-decoration:underline;text-underline-offset:3px}
.cl-workspace{min-height:calc(100vh - 64px);padding:28px 24px 64px;display:flex;justify-content:center}.cl-editor-shell{width:min(1120px,100%);display:flex;flex-direction:column;align-items:center}.cl-toolbar{height:58px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 8px;padding:6px;box-shadow:0 18px 45px rgba(30,41,59,.08)}.cl-tool{height:44px;border:0;background:transparent;border-radius:16px;padding:0 18px;font-size:16px;font-weight:900;color:#303844;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.16s}.cl-tool:hover,.cl-tool.active{background:#f0f3ff;color:var(--cl-accent-dark)}.tool-icon{width:20px;height:20px;display:grid;place-items:center;color:var(--cl-accent-dark)}.cl-hint{margin:6px 0 18px;color:#667085;font-size:14px}.cl-canvas{width:100%;display:flex;justify-content:center}.cl-paper-wrap{width:100%;display:flex;justify-content:center;align-items:flex-start}.cl-paper{width:210mm;height:297mm;background:var(--cl-paper);box-shadow:0 18px 55px rgba(15,23,42,.12);position:relative;padding:var(--cl-top) var(--cl-side) var(--cl-bottom);font-family:var(--cl-font);font-size:var(--cl-size);line-height:var(--cl-leading);color:var(--cl-ink);overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.cl-letter-head{position:relative}.cl-name{font-size:calc(28pt * var(--cl-head-scale));line-height:1;letter-spacing:.11em;text-transform:uppercase;font-weight:580;min-height:32px}.cl-role{font-size:calc(10.2pt * var(--cl-head-scale));color:var(--cl-accent);font-weight:800;margin-top:7px;min-height:18px}.cl-contact-row{margin-top:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#667085;font-size:calc(9pt * var(--cl-head-scale))}.cl-contact-item{display:inline-flex;align-items:center;gap:4px;position:relative;white-space:nowrap}.cl-contact-item .contact-icon{color:var(--cl-accent);font-weight:900}.contact-remove{display:none;position:absolute;top:-14px;right:-10px;border:0;background:#ef4444;color:#fff;width:17px;height:17px;border-radius:50%;font-size:12px;line-height:17px;cursor:pointer}.cl-contact-item:hover .contact-remove{display:grid;place-items:center}.cl-add-contact{margin-top:12px;border:1px solid var(--cl-accent);color:var(--cl-accent-dark);background:#fff;width:25px;height:25px;border-radius:999px;display:grid;place-items:center;cursor:pointer}.cl-icon-palette{display:none;position:absolute;z-index:8;background:#fff;border:1px solid #e5eaf2;box-shadow:0 16px 45px rgba(15,23,42,.13);border-radius:16px;padding:8px;gap:6px;flex-wrap:wrap;max-width:260px}.cl-icon-palette.open{display:flex}.icon-choice{border:1px solid #e5eaf2;background:#fff;color:#334155;border-radius:11px;padding:8px 10px;font-weight:800;cursor:pointer}.icon-choice:hover{background:#f3f5ff;color:var(--cl-accent-dark)}.cl-divider{height:var(--cl-divider-w);background:var(--cl-accent);margin:14px 0 22px}.cl-recipient-date{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;margin-bottom:18px}.cl-removable{position:relative}.cl-remove-box{display:none;position:absolute;right:-10px;top:-14px;width:20px;height:20px;border:0;border-radius:999px;background:#ef4444;color:white;font-weight:900;cursor:pointer;z-index:3}.cl-removable:hover .cl-remove-box{display:grid;place-items:center}.cl-date{text-align:right;color:#657184;min-width:150px}.cl-recipient{color:#657184;white-space:pre-line}.cl-body-block{white-space:pre-wrap;min-height:130mm}.cl-body-block div,.cl-body-block p{margin:0 0 12px}.cl-edit{outline:0;border:1px solid transparent;border-radius:6px;min-height:1em}.cl-edit:hover{background:rgba(116,135,245,.045)}.cl-edit:focus{border-color:rgba(116,135,245,.52);background:#fff;box-shadow:0 0 0 2px rgba(116,135,245,.08)}.cl-edit:empty:before{content:attr(data-placeholder);color:#9aa4b2}.cl-selected{box-shadow:0 0 0 2px rgba(116,135,245,.26)!important;border-color:rgba(116,135,245,.65)!important}
.cl-template-modal{position:fixed;inset:0;background:rgba(245,248,253,.88);backdrop-filter:blur(8px);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:84px 24px 36px}.cl-template-modal.hidden{display:none}.cl-template-panel{width:min(1180px,100%);background:#fff;border:1px solid #dfe6f1;border-radius:28px;padding:34px;box-shadow:0 24px 80px rgba(15,23,42,.14)}.cl-template-head{text-align:center;margin-bottom:26px}.cl-template-head span{color:var(--cl-accent-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.cl-template-head h1{margin:8px 0 8px;font-size:34px;letter-spacing:-.03em}.cl-template-head p{margin:0;color:#667085}.cl-template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.cl-template-card{border:1px solid #e0e7f1;background:#fff;border-radius:22px;padding:16px;cursor:pointer;transition:.16s;text-align:left}.cl-template-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(15,23,42,.12);border-color:var(--cl-accent)}.cl-template-mini{height:210px;border:1px solid #eef2f7;border-radius:12px;background:#fff;padding:18px;overflow:hidden;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.mini-name{height:16px;width:68%;background:#2f3742;border-radius:8px}.mini-role{height:7px;width:42%;background:var(--cl-accent);border-radius:8px}.mini-line{height:6px;background:#d5dbe5;border-radius:8px}.mini-line.wide{width:92%}.mini-line.med{width:72%}.mini-line.short{width:50%}.mini-accent{height:3px;background:var(--cl-accent);margin:4px 0}.mini-gap{height:12px}.cl-template-card h3{margin:0 0 4px;font-size:17px}.cl-template-card p{margin:0;color:#64748b;font-size:13px}.preview-modern .mini-accent{height:5px}.preview-executive .mini-name{width:86%;height:16px;border-radius:2px}.preview-executive .mini-role{height:2px;width:100%}.preview-sidebar{display:grid;grid-template-columns:34% 1fr;gap:12px}.preview-sidebar .side{background:linear-gradient(180deg,var(--cl-accent),#eef3ff);border-radius:10px;height:100%}.preview-border{border-top:10px solid var(--cl-accent)}.preview-letterhead .mini-name{margin-left:auto;margin-right:auto}.preview-letterhead .mini-role{margin-left:auto;margin-right:auto;width:54%}.preview-letterhead .mini-accent{width:45%;margin-left:auto;margin-right:auto}
.cl-drawer{position:fixed;top:86px;right:24px;width:365px;max-height:calc(100vh - 108px);overflow:auto;background:#fff;border:1px solid #e4e9f1;border-radius:24px;box-shadow:0 25px 70px rgba(15,23,42,.17);padding:20px;z-index:45;display:none}.cl-drawer.open{display:block}.cl-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cl-drawer h2{margin:0;font-size:18px;letter-spacing:.08em;text-transform:uppercase}.cl-x{border:0;background:#f1f5f9;border-radius:10px;width:32px;height:32px;font-size:22px;cursor:pointer;color:#334155}.cl-help{color:#667085;line-height:1.45;margin:0 0 14px}.cl-field{margin:0 0 15px}.cl-field label{display:block;font-size:13px;font-weight:850;margin-bottom:7px;color:#374151}.cl-field textarea{width:100%;min-height:84px;border:1px solid #dfe6f0;border-radius:14px;padding:12px;resize:vertical;font:inherit}.cl-field input[type=file]{width:100%;border:1px solid #dfe6f0;border-radius:12px;padding:8px;background:#fff}.cl-field select{width:100%;height:44px;border:1px solid #dfe6f0;border-radius:14px;padding:0 12px;background:#fff;font:inherit}.cl-custom-color-label{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:10px!important}.cl-custom-color-label input{width:54px;height:34px;border:1px solid #d9e0ea;border-radius:10px;background:#fff;padding:2px;cursor:pointer}.cl-colors{display:grid;grid-template-columns:repeat(2,44px);gap:12px 14px;align-items:center}.cl-color{width:42px;height:42px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #d9e0ea;cursor:pointer}.cl-color.active{box-shadow:0 0 0 3px rgba(116,135,245,.35)}.cl-range{width:100%;accent-color:var(--cl-accent)}.cl-action{width:100%;border:1px solid #dfe6f0;background:#fff;border-radius:14px;padding:13px 16px;font-weight:900;font-size:14px;cursor:pointer;color:#2f3742;margin-top:8px}.cl-primary{background:linear-gradient(135deg,#7487f5,#5e6fe8);border-color:#7487f5;color:#fff}.cl-action:hover{transform:translateY(-1px)}
.cl-loading{display:none;position:fixed;inset:0;background:rgba(15,23,42,.44);backdrop-filter:blur(4px);z-index:80;align-items:center;justify-content:center}.cl-loading.show{display:flex}.cl-loading-box{background:white;border-radius:24px;padding:34px 46px;text-align:center;font-weight:900;font-size:22px;box-shadow:0 25px 80px rgba(15,23,42,.25)}.cl-spinner{width:44px;height:44px;border-radius:50%;border:4px solid #e6eaff;border-top-color:var(--cl-accent);margin:0 auto 14px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cl-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#111827;color:white;border-radius:999px;padding:12px 18px;font-weight:800;transition:.2s;z-index:90}.cl-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.template-modern .cl-name{letter-spacing:.045em}.template-modern .cl-divider{height:5px;border-radius:999px}.template-modern .cl-role{text-transform:uppercase;letter-spacing:.08em}.template-modern .cl-paper{background:linear-gradient(180deg,#fff 0,#fff 94%,rgba(116,135,245,.06) 100%)}
.template-executive{--cl-font:'Source Serif 4',Georgia,serif}.template-executive .cl-name{font-family:'Source Serif 4',Georgia,serif;letter-spacing:.025em;text-transform:none;font-size:24pt;font-weight:700}.template-executive .cl-role{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.template-executive .cl-divider{height:var(--cl-divider-w)}.template-executive .cl-paper{border-left:var(--cl-side-w) solid var(--cl-accent)}
.template-sidebar .cl-paper{padding-left:54mm}.template-sidebar .cl-paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:42mm;background:linear-gradient(180deg,var(--cl-accent),rgba(116,135,245,.14))}.template-sidebar .cl-letter-head,.template-sidebar .cl-divider,.template-sidebar .cl-letter-main{position:relative;z-index:1}.template-sidebar .cl-name{letter-spacing:.05em}.template-sidebar .cl-divider{height:1px}.template-sidebar .cl-contact-row{display:block}.template-sidebar .cl-contact-item{display:flex;margin:4px 0}.template-sidebar .cl-add-contact{margin-top:8px}
.template-border .cl-paper{border-top:var(--cl-top-w) solid var(--cl-accent)}.template-border .cl-letter-head{padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px}.template-border .cl-divider{display:none}.template-border .cl-letter-main{margin-top:20px}.template-border .cl-name{font-size:24pt;letter-spacing:.08em}
.template-letterhead .cl-letter-head{text-align:center}.template-letterhead .cl-contact-row{justify-content:center}.template-letterhead .cl-divider{width:48%;margin:18px auto 26px;height:var(--cl-divider-w)}.template-letterhead .cl-recipient-date{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:12px 0}.template-letterhead .cl-name{letter-spacing:.09em}.template-minimal .cl-name{font-size:calc(24pt * var(--cl-head-scale));letter-spacing:.18em}.template-minimal .cl-divider{height:var(--cl-line-w);background:#d7dde8}.template-minimal .cl-role{color:#64748b}.template-minimal .cl-paper{background:#fff}
@media(max-width:1050px){.cl-template-grid{grid-template-columns:repeat(2,1fr)}.cl-paper{transform:scale(.84);transform-origin:top center}.cl-paper-wrap{height:250mm}.cl-drawer{left:12px;right:12px;width:auto}.cl-topbar{padding:0 16px}.cl-brand span:last-child{display:none}}
@media(max-width:620px){.cl-template-grid{grid-template-columns:1fr}.cl-toolbar{width:100%;overflow-x:auto;justify-content:flex-start}.cl-tool{white-space:nowrap}.cl-paper{transform:scale(.55)}.cl-paper-wrap{height:165mm}}
@page{size:A4;margin:0}@media print{html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;background:#fff!important}.cl-topbar,.cl-toolbar,.cl-hint,.cl-drawer,.cl-loading,.cl-toast,.cl-template-modal,.cl-add-contact,.cl-icon-palette,.contact-remove{display:none!important}.cl-workspace,.cl-editor-shell,.cl-canvas,.cl-paper-wrap{display:block!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important}.cl-paper{box-shadow:none!important;transform:none!important;width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;overflow:hidden!important;page-break-after:avoid;break-after:avoid}.cl-edit{border:0!important;box-shadow:none!important;background:transparent!important}.cl-edit:empty:before{content:""}.cl-contact-item{break-inside:avoid}}


/* Static cover-letter template gallery */
.cl-static-page{min-height:calc(100vh - 64px);padding:72px 24px 90px;background:radial-gradient(circle at 15% 0,rgba(116,135,245,.12),transparent 34%),radial-gradient(circle at 88% 0,rgba(116,135,245,.20),transparent 38%),#f6f9fd}.cl-static-inner{width:min(1180px,100%);margin:0 auto}.cl-static-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;margin-bottom:34px}.cl-static-kicker{display:inline-flex;color:var(--cl-accent-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:12px}.cl-static-hero h1{margin:0 0 12px;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.055em;color:#29323d}.cl-static-hero p{font-size:19px;line-height:1.55;color:#657184;margin:0 0 24px;max-width:650px}.cl-static-actions{display:flex;gap:14px;flex-wrap:wrap}.cl-static-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:14px 20px;font-weight:900;border:1px solid #dce4ef;color:#465167;background:white}.cl-static-btn.primary{background:linear-gradient(135deg,#7487f5,#5e6fe8);color:#fff;border-color:#7487f5;box-shadow:0 18px 36px rgba(116,135,245,.22)}.cl-static-preview{background:white;border:1px solid #e2e8f0;border-radius:30px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.10);transform:rotate(-2deg)}.cl-static-preview .cl-template-mini{height:270px;margin:0}.cl-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cl-static-card{display:block;text-decoration:none;color:inherit;background:white;border:1px solid #e1e8f2;border-radius:26px;padding:18px;box-shadow:0 18px 46px rgba(15,23,42,.06);transition:.18s}.cl-static-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(15,23,42,.12);border-color:var(--cl-accent)}.cl-static-card .cl-template-mini{height:235px}.cl-static-card h3{font-size:22px;letter-spacing:-.02em;margin:10px 0 6px}.cl-static-card p{margin:0 0 12px;color:#657184;line-height:1.45}.cl-card-link{font-weight:900;color:var(--cl-accent-dark)}.cl-static-note{margin-top:22px;color:#657184;text-align:center}.cl-static-note a{font-weight:900;color:var(--cl-accent-dark)}
.cl-template-card:nth-child(2) .cl-template-mini,.cl-static-card:nth-child(2) .cl-template-mini{background:linear-gradient(180deg,#fff 0,#fff 82%,rgba(116,135,245,.08) 100%)}.cl-template-card:nth-child(3) .cl-template-mini,.cl-static-card:nth-child(3) .cl-template-mini{border-left:10px solid rgba(116,135,245,.25)}.cl-template-card:nth-child(4) .cl-template-mini,.cl-static-card:nth-child(4) .cl-template-mini{background:#fff}.cl-template-card:nth-child(4) .mini-accent,.cl-static-card:nth-child(4) .mini-accent{height:1px}.cl-template-card:nth-child(5) .cl-template-mini,.cl-static-card:nth-child(5) .cl-template-mini{background:linear-gradient(135deg,#fff 0,#fff 65%,rgba(116,135,245,.10) 100%)}.cl-template-card:nth-child(6) .cl-template-mini,.cl-static-card:nth-child(6) .cl-template-mini{border-top:12px solid var(--cl-accent)}
@media(max-width:900px){.cl-static-hero{grid-template-columns:1fr}.cl-static-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cl-static-grid{grid-template-columns:1fr}.cl-static-page{padding:40px 16px 70px}.cl-static-preview{display:none}}

.preview-minimal .mini-accent{height:1px;background:#cbd5e1}.preview-minimal .mini-name{width:58%;height:12px;letter-spacing:.1em}.preview-minimal .mini-line{height:5px}.cl-template-card:nth-child(2) .cl-template-mini,.cl-static-card:nth-child(2) .cl-template-mini{border-left:10px solid var(--cl-accent);background:#fff}.cl-template-card:nth-child(5) .cl-template-mini,.cl-static-card:nth-child(5) .cl-template-mini{background:linear-gradient(180deg,#fff 0,#fff 100%)}
@media print{.cl-remove-box{display:none!important}}

/* v8: top add menu and cleaner template set */
.cl-toolbar-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}
.cl-add-menu{display:none;position:absolute;top:92px;left:50%;transform:translateX(-50%);z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:8px;box-shadow:0 18px 45px rgba(15,23,42,.12);gap:6px;min-width:230px}
.cl-add-menu.open{display:grid}
.cl-add-menu button{border:0;background:#fff;border-radius:12px;padding:10px 12px;text-align:left;font-weight:850;color:#2f3742;cursor:pointer}
.cl-add-menu button:hover{background:#f0f3ff;color:var(--cl-accent-dark)}
.cl-add-menu .add-choice{display:flex;align-items:center;gap:10px;width:100%;font-weight:850}
.cl-add-menu .add-choice span{width:22px;height:22px;display:grid;place-items:center;color:var(--cl-accent-dark);background:#f1f4ff;border-radius:8px}
.cl-add-menu .add-choice strong{font-weight:850}
.add-separator{height:1px;background:#e5eaf2;margin:4px 2px}
.cl-icon-palette{top:160px;left:50%;transform:translateX(-50%)}
.cl-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.cl-template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cl-template-grid{grid-template-columns:1fr}.cl-add-menu{top:82px;width:min(92vw,280px)}}
@media print{.cl-add-menu{display:none!important}}
.cl-editor-shell{position:relative}


/* v11: cleaner AI context panel, upload chips and undo */
.cl-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.cl-file-name{font-size:13px;font-weight:800;color:#5f6f86;background:#f3f6ff;border:1px solid #dfe6f3;border-radius:999px;padding:5px 9px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-clear-upload{border:0;background:#fff0f0;color:#d54a4a;border:1px solid #ffd0d0;border-radius:999px;padding:6px 9px;font-weight:900;cursor:pointer}
.cl-clear-upload:hover{background:#ffe6e6}
.cl-undo{background:#fff!important;color:#4b5563!important;border:1px solid #dce4ef!important}
.cl-undo:disabled{opacity:.45;cursor:not-allowed}
.cl-undo.enabled{border-color:var(--cl-accent)!important;color:var(--cl-accent-dark)!important}
.cl-ai-drawer .cl-field textarea{min-height:94px}
.cl-ai-drawer #aiInstruction{min-height:86px}

/* v13 cover-letter template navigation */
.cl-nav-drop{position:relative;height:100%;display:flex;align-items:center}.cl-nav-menu{display:none;position:absolute;top:54px;left:0;min-width:240px;background:#fff;border:1px solid #e4eaf4;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.14);padding:10px;z-index:80}.cl-nav-drop:hover .cl-nav-menu{display:grid;gap:4px}.cl-nav-menu a{display:block;border-radius:12px;padding:10px 12px;color:#475569;font-weight:850}.cl-nav-menu a:hover{background:#f4f6ff;color:var(--cl-accent-dark)}.cl-nav-menu-small{min-width:190px}.cl-static-page .cl-topbar{position:sticky;top:0;z-index:50}

/* v18: real SVG template previews that stay inside the white chooser panel */
.cl-template-modal{overflow:auto;padding:72px 18px 28px;align-items:flex-start;}
.cl-template-panel{max-height:calc(100vh - 110px);overflow:auto;width:min(1120px,100%);padding:32px;}
.cl-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;}
.cl-template-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;}
.cl-template-image-wrap{height:260px;border:1px solid #edf2f7;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px;}
.cl-template-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%;}
.cl-template-card h3{font-size:18px;margin:0 0 4px;}
.cl-template-card p{font-size:13px;line-height:1.35;margin:0;color:#64748b;}
@media(max-width:1050px){.cl-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cl-template-image-wrap{height:230px;}}
@media(max-width:620px){.cl-template-grid{grid-template-columns:1fr}.cl-template-panel{padding:22px}.cl-template-image-wrap{height:250px;}}

/* v19: keep template chooser previews contained and blue */
:root{--cl-accent:#7487f5;--cl-accent-dark:#6678ee;}
.cl-template-modal{overflow:auto;padding:72px 18px 28px;align-items:flex-start;}
.cl-template-panel{width:min(1120px,100%)!important;overflow:hidden!important;max-height:none!important;padding:32px!important;}
.cl-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.cl-template-card{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.cl-template-image-wrap{height:255px!important;border:1px solid #edf2f7;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px;}
.cl-template-image-wrap img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:100%!important;max-height:100%!important;}
@media(max-width:1050px){.cl-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cl-template-image-wrap{height:235px!important}}
@media(max-width:620px){.cl-template-grid{grid-template-columns:1fr!important}.cl-template-panel{padding:22px!important}.cl-template-image-wrap{height:250px!important}}


/* v21 template modal stability */
.cl-template-modal{overflow:auto;align-items:flex-start;padding:72px 20px 34px;}
.cl-template-panel{width:min(1100px,calc(100vw - 44px));overflow:hidden;}
.cl-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.cl-template-card{min-width:0;overflow:hidden;}
.cl-template-image-wrap{height:260px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;}
.cl-template-image-wrap img{width:100%;height:100%;object-fit:contain;display:block;}
@media(max-width:1080px){.cl-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.cl-template-grid{grid-template-columns:1fr}.cl-template-image-wrap{height:250px;}}

/* v22 refinements */
.cl-name{font-weight:580!important;letter-spacing:.085em!important;}
.template-classic .cl-divider{height:var(--cl-divider-w)!important;}
.template-executive .cl-paper{border-left:var(--cl-side-w) solid var(--cl-accent)!important;}
.template-border .cl-paper{border-top:var(--cl-top-w) solid var(--cl-accent)!important;}
.template-letterhead .cl-divider{height:var(--cl-divider-w)!important;}
.cl-template-card{overflow:hidden!important;}
.cl-template-image-wrap{height:260px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;}
.cl-template-image-wrap img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
.cl-color{min-width:42px!important;min-height:42px!important;}
.cl-colors{display:grid!important;grid-template-columns:repeat(2,44px)!important;gap:12px 14px!important;}
@media(max-width:1050px){.cl-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.cl-template-grid{grid-template-columns:1fr!important}}


/* v23: cleaner line controls and matching template previews */
#accentWidth{display:none!important}
#accentWidth.closest{display:none!important}
.cl-template-image-wrap{background:#fff!important;}
.cl-template-image-wrap img{padding:6px!important;}
.cl-name{font-weight:560!important;letter-spacing:.08em!important;}
.cl-colors{grid-template-columns:repeat(4,44px)!important;gap:12px!important;}
.cl-color{width:42px!important;height:42px!important;}
.template-executive .cl-paper{border-left:var(--cl-side-w) solid var(--cl-accent)!important;}
.template-border .cl-paper{border-top:var(--cl-top-w) solid var(--cl-accent)!important;}
@media(max-width:900px){.cl-colors{grid-template-columns:repeat(4,44px)!important}}

/* v25: full-width letterhead divider and cleaner phone icon */
.template-letterhead .cl-divider{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
.cl-contact-item .contact-icon{font-family:Arial, Helvetica, sans-serif;font-weight:900;line-height:1;color:#1f2937;}

/* contact icons: simple monochrome SVG, no emoji/circle variants */
.cl-contact-item .contact-icon,.icon-choice .contact-icon{display:inline-flex;align-items:center;justify-content:center;width:.9em;height:.9em;min-width:.9em;color:#374151!important;vertical-align:-.1em;}
.cl-contact-item .contact-icon svg,.icon-choice .contact-icon svg{width:.9em;height:.9em;display:block;fill:currentColor;}
.ex-contact .ci{display:inline-flex;width:.82em;height:.82em;min-width:.82em;vertical-align:-.1em;margin-right:.28em;background:#374151;}
.ex-contact .ci-phone{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.28-.28.69-.37 1.05-.24 1.15.38 2.37.58 3.54.58.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.48c.55 0 1 .45 1 1 0 1.17.2 2.39.58 3.54.12.36.04.76-.25 1.05l-2.19 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.28-.28.69-.37 1.05-.24 1.15.38 2.37.58 3.54.58.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.48c.55 0 1 .45 1 1 0 1.17.2 2.39.58 3.54.12.36.04.76-.25 1.05l-2.19 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;}
.ex-contact .ci-mail{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1zm9 7.1L4.4 7H4v10h16V7h-.4L12 12.1zM6.2 7l5.8 3.9L17.8 7H6.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1zm9 7.1L4.4 7H4v10h16V7h-.4L12 12.1zM6.2 7l5.8 3.9L17.8 7H6.2z'/%3E%3C/svg%3E") center/contain no-repeat;}
.ex-contact .ci-pin{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;}