/* ============================================================
   Room 03 ARCHIVE — 独立記事型 読書ページ CSS（2026-08-23新規作成）
   room03-letters.css と同じ色・フォントトークンを踏襲（このページ専用に複製）。
   カード・角丸・影は使わない。
   ============================================================ */

:root{
    --ftr-wall:#f4f1e9;
    --ftr-paper:#faf8f2;
    --ftr-ink:#28251f;
    --ftr-soft:#777064;
    --ftr-line:#d9d1c2;
}


*{
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
    background:var(--ftr-wall) !important;
}


body.ftr-archive-essay-page{

    margin:0;

    background:
    radial-gradient(
        circle at 80% 5%,
        rgba(255,255,250,.8),
        transparent 35%
    ),
    var(--ftr-wall) !important;

    color:var(--ftr-ink) !important;

    font-family:
    "Noto Serif JP",
    serif;

}


/* -----------------
   ROOM SIGN（Room 03と同じ視覚ルール）
------------------ */


.ftr-essay{

    padding:70px 8% 100px;

    min-height:100vh;

}


.ftr-essay-sign{

    width:min(640px,100%);

    margin:0 auto 56px;

}


.ftr-corridor{

    display:inline-block;

    font-size:11px;

    letter-spacing:.45em;

    color:var(--ftr-soft);

    text-decoration:none;

    margin-bottom:50px;

    transition:color .3s;

}

.ftr-corridor:hover{

    color:var(--ftr-ink);

}


.ftr-room-number-big{

    font-family:
    "Cormorant Garamond",
    serif;

    font-weight:300;

    font-size:56px;

    color:var(--terra);

    line-height:1;

}

.ftr-room-number-big::after{

    content:"";

    display:block;

    width:56px;

    height:1px;

    background:var(--ftr-line);

    margin-top:14px;

}


.ftr-room-title{

    font-family:
    "Cormorant Garamond",
    serif;

    font-size:32px;

    font-weight:300;

    letter-spacing:.2em;

    margin:16px 0 0;

    line-height:1;

}


/* -----------------
   ESSAY HEAD（日付・英語タイトル・日本語副題）
------------------ */


.ftr-essay-article{

    width:min(640px,100%);

    margin:0 auto;

}


.ftr-essay-head{

    padding-bottom:40px;

    border-bottom:1px solid var(--ftr-line);

    margin-bottom:48px;

}


.ftr-essay-date{

    font-size:11px;

    letter-spacing:.35em;

    color:var(--ftr-soft);

    line-height:1;

}


.ftr-essay-title{

    font-family:
    "Cormorant Garamond",
    serif;

    font-size:clamp(26px,4vw,36px);

    font-weight:400;

    letter-spacing:.04em;

    text-transform:uppercase;

    line-height:1.35;

    margin:18px 0 0;

}


.ftr-essay-subtitle{

    font-size:15px;

    letter-spacing:.06em;

    color:var(--ftr-soft);

    margin-top:12px;

    line-height:1.8;

}


/* -----------------
   BODY（the_content()をそのまま出力。ハードコードなし）
------------------ */


.ftr-essay-body{

    font-size:15px;

    line-height:2.1;

}


.ftr-essay-body p{

    margin:0 0 1.6em;

}


.ftr-essay-body p:last-child{

    margin-bottom:0;

}


.ftr-essay-body img{

    max-width:100%;

    height:auto;

    display:block;

    margin:2.4em auto;

}


.ftr-essay-body figure{

    margin:2.4em 0;

}


.ftr-essay-body figcaption{

    font-size:12px;

    color:var(--ftr-soft);

    text-align:center;

    margin-top:.6em;

}


.ftr-essay-body hr{

    border:none;

    border-top:1px solid var(--ftr-line);

    margin:2.8em 0;

}


/* -----------------
   SIGNATURE
------------------ */


.ftr-essay-signature{

    margin-top:64px;

    padding-top:32px;

    border-top:1px solid var(--ftr-line);

    text-align:center;

    font-size:12px;

    letter-spacing:.28em;

    color:var(--ftr-soft);

}


/* -----------------
   BACK TO ARCHIVE（Room 03のREAD →と同じ細い長方形枠CTA。カード・角丸・影は使わない）
------------------ */


.ftr-essay-back{

    width:min(640px,100%);

    margin:64px auto 0;

    text-align:center;

}


.ftr-essay-back-link{

    display:inline-block;

    padding:12px 22px;

    background:none;

    border:1px solid var(--ftr-line);

    text-decoration:none;

    font-family:
    "Cormorant Garamond",
    serif;

    font-size:12px;

    letter-spacing:.3em;

    text-transform:uppercase;

    color:var(--ftr-soft);

    transition:color .3s, border-color .3s;

}

.ftr-essay-back-link:hover{

    color:var(--ftr-ink);

    border-color:var(--ftr-soft);

}


/* -----------------
   RESPONSIVE
------------------ */


@media(max-width:700px){

.ftr-essay{

padding:56px 24px 72px;

}


.ftr-essay-sign{

margin-bottom:44px;

}


.ftr-corridor{

margin-bottom:36px;

}


.ftr-room-number-big{

font-size:40px;

}


.ftr-room-number-big::after{

width:44px;

margin-top:10px;

}


.ftr-room-title{

font-size:26px;

}


.ftr-essay-head{

padding-bottom:32px;

margin-bottom:36px;

}


.ftr-essay-body{

font-size:14px;

}


.ftr-essay-signature{

margin-top:48px;

padding-top:24px;

}


.ftr-essay-back{

margin-top:48px;

}

}