.elementor-1941 .elementor-element.elementor-element-aae7b8c{--display:flex;}.elementor-1941 .elementor-element.elementor-element-d9cb383{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-aae7b8c */:root{ --text: #0f172a; --muted: #475569; --border: rgba(15, 23, 42, 0.12); --shadow: 0 8px 20px rgba(15, 23, 42, 0.06); --radius: 14px; /* Accent colors */ --accent: #112031; --highlight: #f3c623; --max: 860px; } /* ---------- Base ---------- */ .reno-article{ background: transparent; color: var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; line-height: 1.75; } .reno-article *{ box-sizing: border-box; } /* ---------- Hero ---------- */ .reno-hero{ background: transparent; padding: 48px 1px 28px; border-bottom: 1px solid var(--border); } .reno-hero__inner, .reno-section, .reno-toc{ width: min(var(--max), calc(100% - 36px)); margin-inline: auto; } .reno-eyebrow{ font-size: 0.85rem; font-weight: 600; color: var(--accent); } .reno-hero h1{ margin: 10px 0 14px; font-size: clamp(2rem, 3vw, 2.6rem); line-height: 1.15; color: var(--accent); } .reno-subtitle{ font-size: 1.05rem; color: var(--muted); margin-bottom: 12px; } .reno-lead{ max-width: 75ch; margin-bottom: 12px; } /* ---------- TOC Navigation ---------- */ .reno-toc{ margin: 36px auto 0; padding: 0; } .reno-toc__title{ font-size: 1rem; font-weight: 700; color: var(--accent); margin-bottom: 16px; letter-spacing: 0.3px; } .reno-toc__list{ list-style: none; padding: 0; margin: 0; counter-reset: toc; display: grid; gap: 12px; } .reno-toc__list li{ counter-increment: toc; } .reno-toc__list li a{ display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--text); font-weight: 500; transition: color 0.25s ease; } /* Number badge */ .reno-toc__list li a::before{ content: counter(toc); min-width: 28px; height: 28px; display: grid; place-items: center; font-size: 0.8rem; font-weight: 700; color: var(--accent); border: 1px solid var(--border); border-radius: 999px; transition: border-color 0.25s ease; } .reno-toc__list li a:hover{ color: var(--accent); } .reno-toc__list li a:hover::before{ border-color: var(--accent); } /* ---------- Sections ---------- */ .reno-section{ padding: 40px 18px; background: transparent; } .reno-section h2{ font-size: 1.55rem; margin-bottom: 10px; color: var(--accent); } .reno-section h3{ margin: 18px 0 8px; font-size: 1.15rem; } .reno-section h4{ margin: 14px 0 6px; font-size: 1rem; } .reno-section p{ margin-bottom: 12px; } .reno-list{ padding-left: 18px; margin: 12px 0 16px; } .reno-list li{ margin-bottom: 8px; } /* ---------- Notes / Tips ---------- */ .reno-note{ margin-top: 22px; padding-left: 16px; border-left: 3px solid var(--highlight); } .reno-note__title{ font-weight: 700; color: var(--accent); margin-bottom: 6px; } .reno-link{ color: var(--accent); text-decoration: underline; font-weight: 600; } /* ---------- FAQ ---------- */ .reno-faq{ margin-top: 24px; } .reno-faq__item{ border-bottom: 1px solid var(--border); padding: 10px 0; } .reno-faq__item summary{ cursor: pointer; font-weight: 700; color: var(--accent); list-style: none; } .reno-faq__item summary::-webkit-details-marker{ display: none; } .reno-faq__content{ margin-top: 8px; } /* ---------- Footer ---------- */ .reno-footer{ margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--border); color: var(--muted); } /* ---------- Responsive ---------- */ @media (max-width: 600px){ .reno-section{ padding: 32px 18px; } .reno-toc__list li a::before{ min-width: 26px; height: 26px; } }/* End custom CSS */