/* =========================
   公開ステータス
========================= */

.status-public{
    color:#4da6ff;
    font-weight:bold;
}

.status-private{
    color:#ff6b6b;
    font-weight:bold;
}

/* =========================
   Page Layout
========================= */

.content-container{
    max-width:700px;
    margin:auto;
}

/* =========================
   Post Card
========================= */

.post-detail-card{
    background:white;
    padding:24px;
    border-radius:12px;
    margin-bottom:20px;
}

.post-meta{
    font-size:13px;
    color:#777;
    margin-bottom:10px;
}

.post-title{
    font-size:24px;
    font-weight:bold;
    margin-bottom:15px;
}

.post-body{
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px;
}

/* =========================
   Image
========================= */

.media-wrapper{
    margin-top:15px;
}

.comment-media-thumb{
    width:100%;
    border-radius:10px;
}

/* =========================
   Action Buttons
========================= */

.action-area{
    margin-top:20px;
    display:flex;
    gap:15px;
}

.action-link{
    text-decoration:none;
    color:#4da6ff;
    font-weight:bold;
}

.action-link.danger{
    color:#ff4d4d;
}

/* =========================
   Info Card
========================= */

.info-card{
    background:white;
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
    text-align:center;
}

.info-text{
    font-size:15px;
}

/* =========================
   Back Button
========================= */

.back-area{
    text-align:center;
}

.back-button{
    text-decoration:none;
    color:#333;
}

/* =========================
   Delete Page
========================= */

.delete-title{
    color:#dc2626;
}

.delete-warning{
    margin-bottom:20px;
    color:#555;
}

.delete-form{
    margin-top:30px;
}

.delete-btn{
    background:#dc2626;
    color:white;
    padding:10px 18px;
    border:none;
    border-radius:8px;
    cursor:pointer;
}

.delete-btn:hover{
    opacity:0.9;
}

/* =========================
   diary 画像
========================= */

.diary-media-thumb{
    max-width: 420px;
    width: 100%;
    height: auto;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin: 20px auto;
}

/* =========================
   画像モーダル
========================= */

.diary-media-thumb{
    max-width:420px;
    width:100%;
    height:auto;
    border-radius:8px;
    cursor:pointer;
    display:block;
    margin:20px auto;
}

.media-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

#media-content img{
    max-width:90%;
    max-height:90vh;
    object-fit:contain;
}

/* =========================
   Lightbox
========================= */

.lightbox{
display:none;
position:fixed;
z-index:9999;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
justify-content:center;
align-items:center;
}

.lightbox-img{
max-width:90%;
max-height:90%;
border-radius:10px;
}

.lightbox-close{
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:white;
cursor:pointer;
}

.lightbox-close:hover{
opacity:0.7;
}