/*
Theme Name: Les Fils de l’Être — Simple
Description: Thème WordPress minimaliste centré sur la visibilité des titres et la lecture des articles.
Version: 1.0.1
Author: Soi Alignement
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');

:root{--forest:#173f38;--paper:#fcfaf6;--cream:#f5f0e7;--coral:#d97961;--ink:#1d2926;--line:#dcd8cf}

body{margin:0;background:var(--paper);color:var(--ink)}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{max-width:1180px;margin:auto;padding:16px 28px}
.logo{width:38px;height:48px;object-fit:contain;display:block}
.site-name{font-family:"Newsreader",serif;font-size:1.45rem;color:var(--forest);line-height:1}
.site-tagline{margin:4px 0 0;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.nav a{font-size:.73rem;font-weight:600;text-decoration:none;letter-spacing:.06em;text-transform:uppercase}
.nav a:hover{color:var(--coral)}

.blog-intro{padding:72px 24px 55px;background:var(--cream)}
.blog-intro h1{max-width:1000px;margin:12px auto;font-family:"Newsreader",serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:.98;letter-spacing:-.045em}
.blog-intro p{max-width:680px;margin:24px auto 0;font-family:"Newsreader",serif;font-size:1.35rem;line-height:1.45;color:#43504b}

.article-list{padding:45px 24px 90px}
.article-row{padding:30px 0;border-top:1px solid var(--line)}
.article-row:last-child{border-bottom:1px solid var(--line)}
.article-row h2{margin:8px 0;font-family:"Newsreader",serif;font-size:clamp(2.1rem,4.7vw,4rem);font-weight:400;line-height:1.04;letter-spacing:-.025em}
.article-row h2 a{color:var(--forest);text-decoration:none}
.article-row h2 a:hover{color:var(--coral)}
.meta{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--coral)}
.excerpt{max-width:760px;margin:10px 0 0;color:#59635f}

.article{max-width:820px;margin:auto;padding:75px 24px 100px}
.article .title{margin:12px 0 18px;font-family:"Newsreader",serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;line-height:.98;letter-spacing:-.04em}
.article .content{font-family:"Newsreader",serif;font-size:1.25rem;line-height:1.75}
.article .content h2,.article .content h3{font-family:"Newsreader",serif;color:var(--forest);line-height:1.1;margin-top:2.2em}
.article .content blockquote{border-left:3px solid var(--coral);padding-left:24px;color:var(--forest);font-style:italic}
.article img{max-width:100%;height:auto}

.footer{padding:32px 24px;background:var(--forest);color:#edf0e8}
.footer a{color:#edf0e8}
.footer small{opacity:.72}

@media(max-width:700px){
 .header-inner{padding:13px 18px}
 .logo{width:32px;height:42px}
 .site-name{font-size:1.25rem}
 .nav{display:none}
 .blog-intro{padding:55px 20px 42px}
 .blog-intro h1{font-size:clamp(2.8rem,13vw,4.4rem)}
 .article-list{padding:32px 20px 70px}
 .article-row{padding:25px 0}
 .article-row h2{font-size:clamp(2rem,9vw,3rem)}
 .article{padding:55px 20px 75px}
 .article .title{font-size:clamp(2.8rem,12vw,4.4rem)}
}