/* 引用ブロック：明度を調整した完成版 */
blockquote {
    position: relative;
    margin: 2.5em 0;
    padding: 2.5em 2.5em 2em 2.5em;
    background: rgba(255, 255, 255, 0.03); 
    border-left: 2px solid #444; /* 線も少しだけ明度を上げて呼応させる */
    border-radius: 4px;
    color: #b0b0b0; /* テキストの視認性を確保 */
    font-size: 0.92rem;
    line-height: 1.8;
    overflow: hidden;
}

/* 引用符：汚れに見えない「確かな」明度 */
blockquote::before {
    content: "\201C";
    position: absolute;
    top: -5px; /* 少し位置を上げて、より記号的に */
    left: 8px;
    font-family: "Georgia", serif; /* 伝統的な引用符の形を出す */
    font-size: 4.5rem;
    color: rgba(255, 255, 255, 0.12); /* 0.05から0.12へアップ。これで「意図」が見えます */
    line-height: 1;
    z-index: 0;
}

/* 対になる右下の引用符 */
blockquote::after {
    content: "\201D";
    position: absolute;
    bottom: -25px; /* 少し沈めて、存在感のバランスを取る */
    right: 10px;
    font-family: "Georgia", serif;
    font-size: 4.5rem;
    color: rgba(255, 255, 255, 0.12);
    line-height: 1;
    z-index: 0;
}

/* コンテンツの重なり順を保証 */
blockquote p {
    position: relative;
    z-index: 1;
}