diff --git a/website_description_internal/static/src/scss/custom.scss b/website_description_internal/static/src/scss/custom.scss
index 9fcd26c..a2f5128 100644
--- a/website_description_internal/static/src/scss/custom.scss
+++ b/website_description_internal/static/src/scss/custom.scss
@@ -1,9 +1,89 @@
 .custom_website_description {
-    font-size: 18px;
-    color: #333;
-    line-height: 1.5;
-    padding: 15px;
-    background-color: #efefff;
-    border: 1px solid #99c;
-    border-radius: 12px;
+    --odoo-primary: var(--o-color-1, #875a7b);
+    --odoo-text: var(--o-cc1-text, #212529);
+    --odoo-bg: var(--o-cc1-bg, #ffffff);
+
+    max-width: 1100px;
+    margin: 0 auto;
+    font-size: clamp(16px, 1.05vw, 18px);
+    color: var(--odoo-text);
+    line-height: 1.72;
+    letter-spacing: 0.01em;
+    padding: 28px;
+    background-color: var(--odoo-bg);
+    border: 1px solid rgba(135, 90, 123, 0.25);
+    border-top: 4px solid var(--odoo-primary);
+    border-radius: 14px;
+    box-shadow: 0 10px 26px rgba(135, 90, 123, 0.12);
+    column-count: 2;
+    column-gap: 36px;
+    column-fill: balance;
+    text-wrap: pretty;
+    hyphens: auto;
+}
+
+.custom_website_description p,
+.custom_website_description ul,
+.custom_website_description ol {
+    margin-top: 0;
+    margin-bottom: 0.9em;
+}
+
+.custom_website_description ul,
+.custom_website_description ol {
+    padding-left: 1.2em;
+}
+
+.custom_website_description h1,
+.custom_website_description h2,
+.custom_website_description h3,
+.custom_website_description h4,
+.custom_website_description h5,
+.custom_website_description h6 {
+    color: var(--odoo-primary);
+    line-height: 1.3;
+    margin: 0 0 0.55em;
+    break-after: avoid;
+}
+
+.custom_website_description ul li::marker,
+.custom_website_description ol li::marker {
+    color: var(--odoo-primary);
+}
+
+.custom_website_description a {
+    color: var(--odoo-primary);
+    text-decoration-thickness: 0.08em;
+    text-underline-offset: 0.12em;
+}
+
+.custom_website_description blockquote {
+    border-left: 4px solid var(--odoo-primary);
+    margin: 0.9em 0;
+    padding: 0.25em 0 0.25em 1em;
+    color: var(--odoo-text);
+    background-color: rgba(135, 90, 123, 0.06);
+}
+
+.custom_website_description p,
+.custom_website_description li,
+.custom_website_description h1,
+.custom_website_description h2,
+.custom_website_description h3,
+.custom_website_description h4,
+.custom_website_description h5,
+.custom_website_description h6,
+.custom_website_description blockquote,
+.custom_website_description img,
+.custom_website_description table {
+    break-inside: avoid;
+}
+
+@media (max-width: 991.98px) {
+    .custom_website_description {
+        column-count: 1;
+        column-gap: 0;
+        padding: 20px;
+        line-height: 1.66;
+    }
 }