/* ALJIstory — Single Post CSS */
.alji-single__hero{
    position:relative;
    height:70vh;
    min-height:400px;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:flex-end;
}
.alji-single__hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(to top, rgba(10,10,15,1) 0%, rgba(10,10,15,0.5) 50%, rgba(10,10,15,0.1) 100%);
}
.alji-single__hero-content{
    position:relative;z-index:2;
    max-width:860px;
    margin:0 auto;
    padding:0 32px 56px;
    width:100%;
}
.alji-single__title{
    font-family:'Playfair Display',serif;
    font-size:clamp(1.6rem,3.5vw,2.8rem);
    font-weight:700;
    color:#fff;
    line-height:1.3;
    margin:14px 0 18px;
    letter-spacing:-0.02em;
}
.alji-single__title--plain{
    font-family:'Playfair Display',serif;
    font-size:clamp(1.6rem,3.5vw,2.8rem);
    font-weight:700;
    color:var(--text);
    line-height:1.3;
    margin:14px 0 18px;
}
.alji-single__no-hero{
    max-width:860px;
    margin:0 auto;
    padding:56px 32px 40px;
}
.alji-single__meta{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:0.82rem;
    color:var(--text-muted);
}
.alji-single__meta-sep{color:var(--border)}

/* 본문 */
.alji-single__body{
    max-width:860px;
    margin:0 auto;
    padding:48px 32px 80px;
}
.alji-single__content{
    font-family:'Noto Sans KR',sans-serif;
    font-size:1.05rem;
    line-height:1.95;
    color:var(--text);
}
.alji-single__content h2{
    font-family:'Playfair Display','Noto Serif KR',serif;
    font-size:1.6rem;
    font-weight:700;
    color:var(--gold);
    margin:2.5em 0 0.6em;
    letter-spacing:-0.01em;
}
.alji-single__content h3{
    font-family:'Playfair Display','Noto Serif KR',serif;
    font-size:1.25rem;
    font-weight:700;
    color:var(--text);
    margin:2em 0 0.5em;
}
.alji-single__content p{margin-bottom:1.4em}
.alji-single__content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;transition:color var(--t)}
.alji-single__content a:hover{color:var(--gold-lt)}
.alji-single__content img{margin:2em auto;border-radius:2px}
.alji-single__content blockquote{
    border-left:3px solid var(--gold);
    padding:16px 24px;
    margin:2em 0;
    background:var(--bg3);
    color:var(--text-dim);
    font-style:italic;
}
.alji-single__content ul,.alji-single__content ol{padding-left:1.5em;margin-bottom:1.4em}
.alji-single__content li{margin-bottom:0.4em}
.alji-single__content strong{color:var(--text);font-weight:700}
.alji-single__content table{width:100%;border-collapse:collapse;margin:2em 0}
.alji-single__content th,.alji-single__content td{padding:10px 14px;border:1px solid var(--border);text-align:left;font-size:0.9rem}
.alji-single__content th{background:var(--bg3);color:var(--gold);font-weight:700}
.alji-single__content figure{margin:2em 0}
.alji-single__content figcaption{font-size:0.78rem;color:var(--text-dim);text-align:center;margin-top:8px}

/* 태그 */
.alji-single__tags{
    display:flex;flex-wrap:wrap;gap:8px;
    margin:40px 0;
    padding-top:28px;
    border-top:1px solid var(--border);
}
.alji-tag{
    padding:5px 12px;
    background:var(--bg3);
    border:1px solid var(--border);
    color:var(--text-dim);
    font-size:0.78rem;
    transition:all var(--t);
}
.alji-tag:hover{border-color:var(--gold);color:var(--gold)}

/* 이전/다음 */
.alji-post-nav{
    display:grid;grid-template-columns:1fr 1fr;
    gap:16px;
    margin:40px 0;
    padding:28px 0;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}
.alji-post-nav__item{
    padding:16px;
    background:var(--bg3);
    border:1px solid var(--border);
    transition:border-color var(--t);
    display:flex;flex-direction:column;gap:6px;
}
.alji-post-nav__item:hover{border-color:var(--gold-dim)}
.alji-post-nav__item--next{text-align:right}
.alji-post-nav__label{font-size:0.7rem;letter-spacing:0.1em;color:var(--gold)}
.alji-post-nav__title{font-size:0.88rem;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 작성자 박스 */
.alji-author-box{
    display:flex;gap:24px;
    padding:28px;
    background:var(--bg3);
    border:1px solid var(--border);
    margin:40px 0;
}
.alji-author-box__avatar img{
    width:80px;height:80px;
    border-radius:50%;
    border:2px solid var(--border);
}
.alji-author-box__name{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:2px}
.alji-author-box__role{font-size:0.75rem;color:var(--gold);letter-spacing:0.08em;margin-bottom:10px}
.alji-author-box__bio{font-size:0.85rem;color:var(--text-dim);line-height:1.6}

/* 관련 글 */
.alji-related{margin:40px 0}
.alji-related__title{
    font-family:'Playfair Display',serif;
    font-size:1.2rem;
    font-weight:700;
    color:var(--gold);
    margin-bottom:20px;
    padding-bottom:14px;
    border-bottom:1px solid var(--border);
}
.alji-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.alji-related__item{
    background:var(--bg3);
    border:1px solid var(--border);
    overflow:hidden;
    transition:border-color var(--t),transform var(--t);
}
.alji-related__item:hover{border-color:var(--gold-dim);transform:translateY(-3px)}
.alji-related__img{
    aspect-ratio:16/9;
    background-size:cover;
    background-position:center;
    background-color:var(--bg4);
}
.alji-related__text{padding:12px;font-size:0.82rem;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 댓글 */
.alji-comments{
    margin-top:48px;
    padding-top:40px;
    border-top:1px solid var(--border);
}
.alji-comments .comment-form input,
.alji-comments .comment-form textarea{
    width:100%;
    background:var(--bg3);
    border:1px solid var(--border);
    color:var(--text);
    padding:10px 14px;
    font-family:'Noto Sans KR',sans-serif;
    font-size:0.9rem;
    outline:none;
    transition:border-color var(--t);
}
.alji-comments .comment-form input:focus,
.alji-comments .comment-form textarea:focus{border-color:var(--gold)}
.alji-comments .submit{
    background:var(--gold);
    color:var(--bg);
    padding:12px 28px;
    font-weight:700;
    font-family:'Noto Sans KR',sans-serif;
    cursor:pointer;
    border:none;
    transition:background var(--t);
}
.alji-comments .submit:hover{background:var(--gold-lt)}
.alji-comments .comment-list{list-style:none}
.alji-comments .comment-body{
    padding:20px;
    background:var(--bg3);
    border:1px solid var(--border);
    margin-bottom:12px;
}
.alji-comments .comment-author{font-size:0.9rem;font-weight:700;color:var(--text);margin-bottom:6px}
.alji-comments .comment-content p{font-size:0.9rem;color:var(--text-dim);line-height:1.7}

@media(max-width:768px){
    .alji-single__hero{height:55vh}
    .alji-single__hero-content{padding:0 16px 40px}
    .alji-single__body{padding:36px 16px 60px}
    .alji-single__no-hero{padding:40px 16px 28px}
    .alji-related__grid{grid-template-columns:1fr 1fr}
    .alji-post-nav{grid-template-columns:1fr}
    .alji-author-box{flex-direction:column}
}
@media(max-width:480px){
    .alji-related__grid{grid-template-columns:1fr}
}
