/* Reset */
        * {
          box-sizing: border-box;
          margin: 0px;
          padding: 0px;
        }
        /* Base */
        body {
          font-family: "Times New Roman", Times, serif;
          background-color: #fbf4ed;
          color: #270013;
          line-height: normal;
        }
        main {
          margin-left: 240px;
          padding: 1rem;
        }
        /* Images */
        img {
          width: 100%;
        }
		
        /* Headings */
        h1, h2, h3 {
          margin: 0.75rem;
          line-height: 1.3;
          font-weight: 900;
        }
        /* Paragraphs */
        p {
          margin: 1rem;
        }
        /* Links */
        a {
          color: #b53e00;
          text-decoration: none;
        }
        a:hover,
        a:focus {
          font-family: 'Courier New', monospace;	
          font-weight: bold;
        }
        /* Nav */
        #nav-toggle {
          display: none;
        }
        /* Mobile Nav */
        header {
          display: none;
          background: #ffffff;
          padding: 1rem 1rem 1rem 2rem;
          border-bottom: 1px solid #ab575b;
          align-items: center;
          gap: 1rem;
        }
        .hamburger {
          font-size: 1.25rem;
          font-weight: bold;
          letter-spacing: 2px;
          line-height: 1;
          cursor: pointer;
        }
        /* Sidebar Nav */
        .sidebar {
          width: 220px;
          background: #ffffff;
          padding: 1rem;
          position: fixed;
          left: 0px;
          top: 0px;
          height: 100vh;
          overflow-y: auto;
        }
        .sidebar ul {
          list-style: none;
        }
        .sidebar li {
          margin-bottom: 0.75rem;
        }
        /* FAQ */
        details {
          background: #cd9b9d;
          border: 1px solid #ab575b;
          border-radius: 2px;
          padding: 0.75rem 1rem;
          margin: 0.75rem;
        }
        summary {
          font-weight: normal;
          cursor: pointer;
        }
        ul {
          margin: 10px 15px 0px 15px;
          padding-left: 20px;
        }
        li {
          margin: 5px 0px;
        }
        .character-section {
          margin-bottom: 50px;
          margin-top: 25px;
        }
        .traits-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 20px;
          margin: 20px 0px;
          padding: 0px 15px 0px 15px;
        }
        .trait-column {
          border: 1px solid #CB6C45;
          padding: 15px;
          border-radius: 2px;
          background-color: #EBCCA6;
        }
        .trait-column h3 {
          margin-top: 0;
          color: #CB6C45;
          font-size: 1.1em;
          border-bottom: 2px solid #CB6C45;
          padding-bottom: 5px;
        }
        .trait-column ul {
          padding-left: 20px;
          margin: 10px 0 0 0;
        }
        /* Highlights */
        .highlight {
          border: 1px solid #EBCCA6;
          padding: 10px 20px 17px 20px;
          border-radius: 2px;
          background-color: #f6e4ce;
          margin: 0px 15px 0px 15px;
        }
        .highlight2 {
          border: 1px solid #f6e4ce;
          padding: 10px 20px 17px 20px;
          border-radius: 2px;
          background-color: #EBCCA6;
          margin: 0px 15px 0px 15px;
        }
        .disclaimer {
          border: 6px solid #ff6767;
          padding: 5px;
          border-radius: 2px;
          background-color: #ffff67;
          margin: 0px 15px 0px 15px;
        }
        /* Two Column Layout */
        .container {
          display: grid;
          grid-template-columns: 1fr 2fr;
          gap: 40px;
          align-items: start;
        }
        .image-column img {
          display: block;
          border-radius: 4px;
        }
        /* Mobile Edits */
        @media (max-width: 768px) {
          header {
            display: flex;
          }
          
          .sidebar {
            top: 60px;
            left: -100%;
            width: 100%;
            max-height: calc(100vh - 60px);
            overflow-y: auto;
            border-top: 1px solid #ddd;
            transition: left 0.3s ease;
          }
          
          #nav-toggle:checked + header + .sidebar {
            left: 0;
          }
          
          main {
            margin-left: 0;
            padding: 1rem;
          }
          
          .traits-grid {
            grid-template-columns: repeat(2, 1fr);
          }
          
          .container {
            grid-template-columns: 1fr;
            gap: 20px;
          }
        }