/* Phase 19F - Brand-consistent SEO Growth UI using the same VKNSMS website header/footer */
.seo-growth-page{padding-top:48px!important;padding-bottom:70px!important}.growth-shell{width:100%;max-width:100%;margin:0 auto}.growth-shell .breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 22px;color:#607089;font-size:14px}.growth-shell .breadcrumb a{color:#0f6bff;text-decoration:none;font-weight:800}.growth-shell .breadcrumb span{opacity:.65}.growth-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(50,184,255,.20),transparent 26%),linear-gradient(135deg,#07152e,#0f3b63 54%,#0f6bff);color:#fff;border-radius:34px;padding:46px;margin:0 0 32px;box-shadow:0 24px 70px rgba(15,59,99,.20)}.growth-hero:after{content:"";position:absolute;right:-80px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.10)}.growth-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.05;margin:8px 0 16px;color:#fff}.growth-hero p{max-width:870px;font-size:18px;line-height:1.7;color:#eaf2ff;margin:0 0 20px}.growth-hero .btn{background:#fff!important;color:#0f3b63!important}.growth-hero .btn.light{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)}.growth-search{display:grid;grid-template-columns:minmax(240px,2fr) minmax(170px,.75fr);gap:14px;margin-top:24px;max-width:780px}.growth-search input,.growth-search select{width:100%;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:#fff;color:#0b1736;padding:15px 16px;font:inherit;box-shadow:0 12px 30px rgba(0,0,0,.12)}.growth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:28px 0}.growth-card{background:#fff;border:1px solid #e2eaf6;border-radius:26px;padding:24px;box-shadow:0 18px 44px rgba(7,21,46,.08);display:flex;flex-direction:column;gap:10px;transition:.2s ease}.growth-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(7,21,46,.13)}.growth-card h3{font-size:22px;line-height:1.25;margin:8px 0 4px;color:#07152e}.growth-card p{color:#53647d;margin:4px 0;line-height:1.65}.growth-card a{color:#0f6bff;text-decoration:none;font-weight:900}.category-chip{display:inline-flex;align-self:flex-start;background:#eaf2ff;color:#0b3b77;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.02em}.meta-line{color:#667085;font-size:14px;margin:7px 0}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.tag-row span{background:#f1f5fb;border-radius:999px;padding:5px 10px;font-size:12px;color:#44546a}.growth-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:24px;align-items:start;margin:28px 0}.growth-two>div,.growth-two aside,.city-service-block{background:#fff;border:1px solid #e2eaf6;border-radius:28px;padding:28px;box-shadow:0 18px 44px rgba(7,21,46,.07)}.growth-two h2,.city-service-block h2{margin-top:0;color:#07152e;font-size:26px}.growth-two p,.growth-two li{color:#344054;line-height:1.7}.link-grid,.city-service-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px}.link-grid a,.city-service-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe;border-radius:18px;padding:14px 16px;color:#0f4c81;text-decoration:none;font-weight:850}.link-grid a:after,.city-service-links a:after{content:'→';opacity:.65}.city-service-block{margin:22px 0}.city-service-block p{color:#667085;margin-top:-6px}.growth-article{max-width:930px;margin:0 auto;background:#fff;border:1px solid #e2eaf6;border-radius:32px;padding:42px;box-shadow:0 22px 58px rgba(7,21,46,.09)}.growth-article h1{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:12px 0;color:#07152e}.growth-article h2{font-size:26px;margin-top:30px;color:#07152e}.growth-article p,.growth-article li{font-size:17px;color:#344054;line-height:1.75}.growth-article .lead{font-size:20px;color:#53647d}.cta-panel{background:linear-gradient(135deg,#07152e,#0f6bff);color:#fff;border-radius:26px;padding:30px;margin:34px 0}.cta-panel p{color:#eaf2ff}.video-box{aspect-ratio:16/9;background:linear-gradient(135deg,#eef3fa,#dbeafe);border-radius:20px;overflow:hidden;display:grid;place-items:center;margin:6px 0 8px}.video-box iframe{width:100%;height:100%;border:0}.video-placeholder{color:#52637c;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:24px 0}.dashboard-grid div{background:#fff;border:1px solid #e2eaf6;border-radius:24px;padding:24px;text-align:center;box-shadow:0 16px 36px rgba(7,21,46,.07)}.dashboard-grid b{display:block;font-size:36px;color:#0f6bff}.muted{color:#667085}.seo-admin-actions,.seo-form-actions{display:flex;gap:10px;flex-wrap:wrap}.seo-growth-links .link-grid{margin-top:18px}
/* Admin SEO Growth Engine */
.seo-admin-pro .seo-admin-head{background:linear-gradient(135deg,#ffffff,#eef6ff);border:1px solid #dcecff;border-radius:26px;padding:24px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.seo-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:18px 0}.seo-stat-grid div{background:#fff;border:1px solid #e2eaf6;border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(7,21,46,.05)}.seo-stat-grid b{display:block;font-size:30px;color:#0f6bff}.seo-admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.seo-admin-tabs button{border:1px solid #d8e2ef;background:#fff;border-radius:999px;padding:11px 16px;font-weight:900;color:#12213a;cursor:pointer}.seo-admin-tabs button.active{background:#0f6bff;color:#fff}.seo-tab-panel{display:none}.seo-tab-panel.active{display:block}.seo-split{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(320px,.85fr);gap:18px}.seo-form-card,.seo-list-card{background:#fff;border:1px solid #e2eaf6;border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(7,21,46,.06)}.seo-form-card label{display:block;margin:13px 0;font-weight:800;color:#1d2939}.seo-form-card input,.seo-form-card select,.seo-form-card textarea,.seo-list-head input{width:100%;border:1px solid #cfd8e3;border-radius:14px;padding:13px;margin-top:6px;font:inherit}.seo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-preview-box{background:#f8fbff;border:1px dashed #9cc8ff;border-radius:18px;padding:15px;margin:14px 0;color:#344054}.seo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf1f7;border-radius:16px;padding:13px;margin-bottom:10px;background:#fbfdff}.seo-row small{display:block;color:#667085;margin-top:4px}.seo-row a,.seo-row button{border:0;background:#eef7ff;color:#0f4c81;border-radius:12px;padding:8px 11px;text-decoration:none;font-weight:900;cursor:pointer}.seo-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.seo-chip-grid a{background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;padding:10px 12px;text-decoration:none;color:#0f4c81;font-weight:800}.seo-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.seo-dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
@media(max-width:900px){.growth-search,.growth-two,.seo-split,.seo-form-grid{grid-template-columns:1fr}.growth-hero{padding:32px 22px}.growth-article{padding:28px 20px}.seo-list-head{display:block}.seo-row{align-items:flex-start;flex-direction:column}}

/* Phase 19I - Article Image Manager & SEO media UI */
.article-grid{align-items:stretch}.article-card{overflow:hidden;padding:0!important}.article-card-image{margin:0;aspect-ratio:16/9;background:#eef6ff;overflow:hidden;border-radius:26px 26px 0 0}.article-card-image img{width:100%;height:100%;display:block;object-fit:cover}.article-card-image figcaption{display:none}.article-card-body{padding:22px;display:flex;flex-direction:column;gap:9px;min-height:260px}.article-card-body .text-btn{align-self:flex-start;margin-top:auto}.article-hero-image{margin:30px 0;border-radius:28px;overflow:hidden;background:#eef6ff;border:1px solid #e2eaf6;box-shadow:0 20px 48px rgba(7,21,46,.08)}.article-hero-image img{width:100%;max-height:480px;object-fit:cover;display:block}.article-hero-image figcaption{font-size:14px;color:#667085;padding:12px 16px;background:#f8fbff}.article-hero-image figcaption:empty{display:none}.article-hero-image figcaption span{color:#98a2b3}.seo-media-panel{background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe;border-radius:22px;padding:18px;margin:18px 0}.seo-media-panel h3{margin:0 0 6px;color:#07152e}.seo-image-preview{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid #e2eaf6;border-radius:20px;padding:14px;margin-top:12px}.seo-image-frame{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#eef6ff;border:1px dashed #b7cff1}.seo-image-frame img{width:100%;height:100%;display:block;object-fit:cover}.seo-article-row{display:grid!important;grid-template-columns:86px 1fr auto;align-items:center}.seo-article-row>img{width:86px;height:58px;border-radius:12px;object-fit:cover;background:#eef6ff;border:1px solid #e2eaf6}.video-card{padding:18px!important}.video-grid .video-box{order:0}.video-card .category-chip{margin-top:6px}@media(max-width:760px){.seo-image-preview{grid-template-columns:1fr}.seo-article-row{grid-template-columns:70px 1fr!important}.seo-article-row>div:last-child{grid-column:1/-1}.article-hero-image img{max-height:320px}}

/* Phase 19J media library UI */
.seo19j .seo-media-admin-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:22px;align-items:start}.seo-upload-box{display:grid;gap:12px}.seo-drop-zone{border:2px dashed #b7c8e8;border-radius:18px;padding:24px;text-align:center;background:linear-gradient(135deg,#f8fbff,#eef6ff);color:#49627f}.seo-drop-zone.drag{background:#e8f4ff;border-color:#0f6bff}.seo-image-preview-card{display:flex;gap:14px;align-items:center;border:1px solid #e6edf7;border-radius:18px;padding:12px;background:#fff;box-shadow:0 8px 22px rgba(15,43,82,.06);margin:10px 0}.seo-image-preview-card img{width:150px;height:92px;object-fit:cover;border-radius:14px;background:#f1f5f9}.seo-media-picker-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid #e6edf7;margin:12px 0}.seo-media-toolbar{display:flex;gap:10px;margin:10px 0 18px}.seo-media-toolbar select{max-width:240px}.seo-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.seo-media-card{border:1px solid #e6edf7;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 28px rgba(15,43,82,.07);display:flex;flex-direction:column}.seo-media-card>img{width:100%;height:145px;object-fit:cover;background:#f1f5f9}.seo-media-card>div{padding:12px}.seo-media-card small{display:block;color:#667085;margin:4px 0}.seo-media-card p{font-size:13px;color:#475467;min-height:36px}.seo-media-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eef2f7}.seo-media-actions button,.seo-media-actions a{border:0;border-radius:999px;padding:8px 11px;background:#eef6ff;color:#0f4aa2;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer}.seo-media-actions .danger{background:#fff1f2;color:#be123c}.seo-article-row{grid-template-columns:72px 1fr auto}.seo-article-row img{width:58px;height:42px;object-fit:cover;border-radius:10px;background:#f1f5f9}@media(max-width:900px){.seo19j .seo-media-admin-grid,.seo-split{grid-template-columns:1fr}.seo-media-picker-panel{align-items:flex-start;flex-direction:column}.seo-image-preview-card{align-items:flex-start}.seo-image-preview-card img{width:120px;height:76px}}

/* Phase 21 – shared layout, rich editor and advanced image library */
.seo-rich-editor-wrap{border:1px solid #d8e2ef;border-radius:18px;background:#fff;overflow:hidden;margin:8px 0 16px}.seo-rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #e6edf7;background:#f8fbff}.seo-rich-toolbar button{border:1px solid #d8e2ef;background:#fff;border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer;color:#12213a}.seo-rich-toolbar button:hover{background:#eef6ff}.seo-rich-editor{min-height:320px;padding:18px;outline:none;line-height:1.7;color:#1d2939}.seo-rich-editor:empty:before{content:attr(data-placeholder);color:#98a2b3}.seo-rich-editor h2,.seo-rich-editor h3{margin:18px 0 10px;color:#07152e}.seo-rich-editor blockquote{border-left:4px solid #0f6bff;background:#f8fbff;margin:14px 0;padding:12px 16px;border-radius:12px}.seo-rich-editor pre{background:#0f172a;color:#e2e8f0;border-radius:14px;padding:14px;white-space:pre-wrap}.seo-rich-editor table{width:100%;border-collapse:collapse;margin:14px 0}.seo-rich-editor th,.seo-rich-editor td{border:1px solid #d8e2ef;padding:10px;text-align:left}.seo-rich-editor img{max-width:100%;border-radius:16px}.seo-rich-editor iframe{width:100%;min-height:320px;border:0;border-radius:16px;background:#111}.article-button{display:inline-block;background:#0f6bff;color:#fff!important;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:900}.seo-input-action{display:flex;gap:8px}.seo-input-action input{flex:1}.seo-input-action .btn{margin-top:6px;white-space:nowrap}.seo-reorder-note{font-size:13px;color:#667085;background:#f8fbff;border:1px dashed #b7cff1;border-radius:14px;padding:10px 12px;margin:10px 0}.seo-media-card[draggable=true]{cursor:grab}.seo-media-card.dragging{opacity:.55;outline:2px dashed #0f6bff}.seo-media-card small{line-height:1.45}.seo-media-actions button[data-edit-media]{background:#f0fdf4;color:#15803d}@media(max-width:760px){.seo-input-action{flex-direction:column}.seo-rich-editor{min-height:260px}.seo-rich-toolbar button{padding:7px 9px}.seo-rich-editor iframe{min-height:220px}}

/* Phase 22: city/article template generator + internal link engine */
.article-template-page section,
.city-template-page section{margin:26px 0;}
.faq-list{display:grid;gap:12px;margin-top:14px;}
.faq-list details{background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;padding:14px 16px;}
.faq-list summary{cursor:pointer;font-weight:900;color:#0b3b77;}
.faq-list p{margin:10px 0 0;color:#30445f;}
.internal-link-section{margin:26px 0;background:#fff;border:1px solid #e2eaf6;border-radius:22px;padding:20px;box-shadow:0 10px 26px rgba(7,21,46,.05);}
.internal-link-section h2{margin-top:0;}
.link-grid a{align-items:flex-start;gap:8px;}
.link-grid a span{font-weight:900;}
.link-grid a small{display:block;color:#64748b;font-weight:700;margin-top:3px;}
.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.review-grid blockquote{margin:0;background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:16px;}
.review-grid cite{display:block;margin-top:10px;color:#0b3b77;font-weight:900;font-style:normal;}
.city-template-hero{position:relative;overflow:hidden;}
.city-template-hero:after{content:"SEO Template";position:absolute;right:22px;bottom:18px;opacity:.12;font-size:42px;font-weight:1000;color:#0f6bff;}
@media(max-width:800px){.internal-link-section{padding:16px}.city-template-hero:after{display:none}}

/* Phase 29 - Article template structure editor */
.seo-template-panel{border:1px solid #dbe7f6;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:18px;padding:16px;margin:14px 0;display:grid;gap:12px}
.seo-template-panel h3{margin:0;color:#061b3a}.seo-template-panel label{font-weight:800;color:#061b3a}.seo-template-panel textarea{width:100%;border:1px solid #d2deed;border-radius:14px;padding:12px;font-family:inherit;resize:vertical;background:#fff}.seo-template-panel .muted{margin:0}

/* Phase 30: Rich article HTML rendering fix */
.article-rich-body{font-size:1.05rem;line-height:1.85;color:#17233d;}
.article-rich-body h1,.article-rich-body h2,.article-rich-body h3{margin:1.4rem 0 .75rem;color:#071933;line-height:1.2;}
.article-rich-body p{margin:.75rem 0;}
.article-rich-body ul,.article-rich-body ol{padding-left:1.5rem;margin:.8rem 0;}
.article-rich-body li{margin:.35rem 0;}
.article-rich-body blockquote{border-left:4px solid #1d73f8;margin:1rem 0;padding:.75rem 1rem;background:#f3f8ff;border-radius:10px;}
.article-rich-body img{max-width:100%;height:auto;border-radius:16px;margin:1rem 0;}
.article-rich-body table{width:100%;border-collapse:collapse;margin:1rem 0;background:#fff;border-radius:12px;overflow:hidden;}
.article-rich-body th,.article-rich-body td{border:1px solid #dbe6f5;padding:.75rem;text-align:left;}
.article-rich-body iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;margin:1rem 0;}