/* Style the navigation container */
nav {
    padding: 15px 0;
    text-align: center; /* Centrally aligns all text inside the footer */
    margin-bottom: 0px;
}
/* Base style for all navigation links */
nav a, nav a:visited{
    color: #888888; /* Use your third color so they match the theme */
    text-decoration: none;
    margin-right: 25px;
    font-weight: bold;
    transition: color 0.2s ease; /* Makes the color change smooth */
}
/* Hover state for all links */
nav a:hover {
        color: #FFFFFF; /* Lights up to pure white when hovered! */
}
/* Active page state */
nav a.active {
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 2px solid #82AECF; /* Adjust the color hex or thickness (2px) here */
    padding-bottom: 4px; /* Space between the text and the line */
}        
code {
    background-color: #0f0f0f; /* A dark gray box that pops out on your pure black background */
    color: #e0e0e0;            /* Light gray text inside the box */
    padding: 3px 6px;          /* Small spacing around the text so the box isn't cramped */
    border-radius: 4px;        /* Slightly rounded corners for a modern, clean look */
    font-size: 0.9em;          /* Shrinks it just a tiny bit to blend perfectly with text */
    font-family: 'Courier New', Courier, monospace; /* Ensures a clean code font */
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000000; /* True Black */
    color: #E2E8F0; /* White Text */
    margin: 0;  
    padding: 20px;
    line-height: 1.5;
}
.container {
    max-width: 900px;
    margin: 0 auto;
}
header {
    border-bottom: 2px solid #ffffff; /* White Divider */
    padding-bottom: 10px;
    margin-bottom: 30px;
}
h1 {
    font-size: 24px;
    margin: 20px 5px 0px 5px;
    font-weight: bold;
    color: #FFFFFF;
}
h2 {
    font-size: 20px;
    margin: 15px 5px 0px 5px;
    font-weight: bold;
    color: #FFFFFF; /* Your new third color for smaller headers */
}
/* Type 1: Default Bold Text (For general emphasis/action phrases) */
.content strong {
    color: #ced0d3; /* Your main heading gold */
}
/* Type 2: UI Reference Bold Text (Specifically for AutoCAD buttons/tabs) */
.content strong.ui-ref {
    color: #5890FF; /* A bright, readable developer blue */
}
.content {
    background-color: #1a1b1e; /* A premium, dark gray card background */
    padding: 20px 35px 20px 35px;             /* Interior padding so text doesn't touch the edges */
    margin: 0px;            /* Creates a clean gap between the nav above and footer below */
    border-radius: 8px;        /* Softly rounds the corners of the gray box */
    
    /* Perfect for readability: keeps text from stretching too wide on massive screens */
    max-width: 800px;          
}
.content h1:first-child {
    margin-top: 0;
}
p {
    margin: 10px 5px 10px 5px;
    color: #a3aab3
}
.highlight-box {
    background-color: #111111; /* Very Dark Gray Box */
    border: 1px dashed #ffffff; /* White Dashed Border */
    padding: 15px;
    margin: 20px 0;
    display: inline-block;
}
footer {
    margin-top: 0px;
    font-size: 12px;
    color: #888888; /* Dimmed Footer Text */
    padding-top: 10px;
    text-align: center; /* Centrally aligns all text inside the footer */
}
a {
    color: #3399ff; /* Bright Blue for Dark Mode Visibility */
    text-decoration: underline;
}
a:visited {
    color: #9966ff; /* Soft Purple for Visited Links */
}