@charset "UTF-8";
        body { background-color: #0a0a0a !important; color: #e0e0e0; font-family: 'Noto Sans JP', sans-serif; }
        .md-copyright { display: none !important; }
        .md-header { background: #141414 !important; border-bottom: 2px solid #d4af37; }
        .md-typeset h1, .md-typeset h2 { font-family: 'Noto Serif JP', serif; border-left: 4px solid #d4af37; padding-left: 15px; color: #f9f1d6; }
        .grid.cards { gap: 20px; }
        .grid.cards > div, .grid.cards > li { background: linear-gradient(145deg, #1f1f1f, #121212) !important; border: 1px solid #333 !important; border-radius: 8px !important; box-shadow: 0 10px 20px rgba(0,0,0,0.5) !important; transition: 0.3s; }
        .grid.cards > div:hover { transform: translateY(-4px); border-color: #d4af37 !important; box-shadow: 0 10px 25px rgba(212, 175, 55, 0.2) !important; }
        .grid.cards img { width: 100%; height: 220px; object-fit: cover; border-bottom: 1px solid #333; }
        .cv-button { display: flex; justify-content: center; width: 100%; max-width: 350px; margin: 30px auto; padding: 15px; background: linear-gradient(135deg, #d4af37, #aa8529); color: #000 !important; font-weight: bold; border-radius: 4px; text-decoration: none !important; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); }
        .md-typeset code { background: #222 !important; color: #d4af37 !important; border: 1px solid #d4af37; }