:root {
            --primary: #0077b6;
            --dark: #000;
            --bg: #ffe4b5;
            --nav: #fff;
        }
        * { box-sizing: border-box; }
        body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: var(--dark); color: #333; line-height: 1.6; }
        #dtemplate_container { max-width: 1000px; margin: 0 auto; background: #fff; }
        #dtemplate_header { background: #09090a; text-align: center; }
        #dtemplate_header img { max-width: 100%; height: auto; }
        #dtemplate_nav-bar { background: var(--nav); padding: 1.5rem; text-align: center; border-bottom: 2px solid var(--primary); }
        #dtemplate_nav-bar h2 { display: inline-block; margin: 0 10px; font-size: 0.9rem; }
        #dtemplate_nav-bar a { color: #1e11d6; text-decoration: none; display: flex; align-items: center; }
        #dtemplate_main-content { background: var(--bg); display: flex; padding: 20px; gap: 20px; flex-wrap: wrap; }
        #dtemplate_left-sidebar { width: 100%; max-width: 250px; }
        #dtemplate_content-wide { flex: 1; min-width: 300px; }
        .dtemplate_widget { background: #fff; border: 1px solid #ccc; margin-bottom: 20px; border-radius: 4px; padding: 10px; }
        .dtemplate_widget h4 { margin: 0 0 10px 0; background: #eee; padding: 5px; }
        .dtemplate_detail img { width: 100%; height: auto; border-radius: 4px; border: 1px solid #ddd; }
        .calculator-content { padding: 10px; }
        footer { text-align: center; padding: 20px; background: var(--dark); color: #fff; font-size: 0.8rem; }
        @media (min-width: 768px) { #dtemplate_main-content { flex-wrap: nowrap; } }
        /* Reset helper */
        .clearfix::after { content: ""; clear: both; display: table; }