@charset "UTF-8";
/* CSS Document */
/* NASA 宇宙の記録｜今日の天体写真 (APOD) */
/* 2026.02.05 */

    .nasa-container, .nasa-container * { box-sizing: border-box; }
    .nasa-container { 
        max-width: 850px; margin: 20px auto; 
        background: #111 !important; color: #eee !important; 
        border-radius: 16px; overflow: hidden; 
        box-shadow: 0 20px 50px rgba(0,0,0,0.8); 
        font-family: sans-serif; line-height: 1.7;
        position: relative; text-align: left;
    }

.nasa-bg-blur {
    position: absolute; top: 0; left: 0; right: 0; height: 500px;
    background-size: cover; background-position: center;
    filter: blur(40px) opacity(0.2); /* 60pxから40pxに下げると劇的に軽くなる */
    z-index: 0;
    will-change: filter; /* ブラウザに計算の準備をさせる */
    pointer-events: none; /* 背景画像への余計な干渉を防ぐ */
}

    /* aタグ：親の background:#FFFBD4 等を完全に打ち消す */
    .nasa-container a {
        text-decoration: none !important;
        background-color: transparent !important;
        background: none !important;
        transition: 0.3s !important;
        display: inline-block;
    }
    .nasa-container a:hover {
        background-color: transparent !important; 
        background: none !important;
        text-decoration: none !important;
    }

    .nasa-inner { position: relative; z-index: 1; }
    .nasa-header { padding: 25px 20px; background: rgba(11, 61, 145, 0.9) !important; color: white !important; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
    .nasa-quick-jump { background: rgba(34, 34, 34, 0.8) !important; padding: 12px; border-bottom: 1px solid #333; font-size: 0.8rem; text-align: left; line-height: 0.2; }
    
    .nasa-container a.nasa-jump-link { color: #ccc !important; margin: 0 0 5px 5px !important; border: 1px solid #555 !important; padding: 10px !important; border-radius: 20px !important; }
    .nasa-container a.nasa-jump-link:hover { border-color: #fc3d21 !important; color: #fff !important; background: rgba(252, 61, 33, 0.2) !important; }

    .nasa-nav-simple { display: flex; justify-content: space-between; padding: 15px 20px; align-items: center; background: rgba(0,0,0,0.4); }
    .nasa-container a.nasa-nav-btn { color: #ccc !important; padding: 8px 15px; border: 1px solid #444 !important; border-radius: 4px !important; font-size: 0.9rem; }
    .nasa-container a.nasa-nav-btn:hover { border-color: #fc3d21 !important; color: #fff !important; }

    .nasa-content { padding: 25px; }
    .nasa-title-jp { display: block; font-size: 1.6rem; color: #fff !important; font-weight: bold; line-height: 1.3; }
    .nasa-title-en { display: block; font-size: 1.2rem; color: #999 !important; margin-bottom: 20px; font-style: italic; }

	/* 1. 画像を包むAタグを横幅いっぱいに広げる */
	.nasa-media-wrapper a {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* 2. その中の画像も親(aタグ)に合わせる */
	.nasa-media-wrapper img { 
		display: block !important;
		width: 100% !important;
		min-width: 100% !important;
		height: auto !important;
		border-radius: 8px;
	}
    .nasa-container .nasa-btn-red { background: #fc3d21 !important; color: white !important; padding: 6px 15px !important; border-radius: 4px !important; font-size: 0.85rem !important; font-weight: bold !important; }
    .nasa-container .nasa-btn-red:hover { background: #ff5a44 !important; transform: scale(1.05); }

    .nasa-container .nasa-btn-green { background: #28a745 !important; color: white !important; padding: 12px 24px !important; border-radius: 30px !important; font-weight: bold !important; border: none !important; cursor: pointer !important; }
    .nasa-container .nasa-btn-green:hover { background: #218838 !important; transform: translateY(-2px); }

    .nasa-explanation-box { font-size: 1.05rem; background: rgba(40, 40, 40, 0.7); padding: 25px; border-radius: 12px; border: 1px solid #444; }
    .nasa-jp-text { margin-bottom: 20px; border-left: 4px solid #fc3d21; padding-left: 18px; color: #eee !important; }
    .nasa-en-text { font-size: 0.9rem; color: #D1D1D1 !important; padding: 15px; background: rgba(0,0,0,0.3); border-radius: 8px; }

    .nasa-container a.nasa-x-share-btn { background-color: #000 !important; color: #fff !important; padding: 10px 24px !important; border-radius: 30px !important; font-size: 0.85rem !important; border: 1px solid #555 !important; display: inline-flex; align-items: center; }
    .nasa-container a.nasa-x-share-btn:hover { border-color: #fc3d21 !important; background: #222 !important; }