/* Reusable blog/article styles. Keep shared brand styling in style.css. */
.blog-main,.article-main{min-height:70vh}
.blog-intro{padding:96px 0 84px}
.blog-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.blog-main h1,.article-shell h1{font-size:clamp(2.8rem,6vw,5rem);max-width:900px}
.blog-note{margin-top:18px;color:var(--muted);max-width:760px}
.blog-hero-art img,.article-visual img,.post-thumb img{width:100%;display:block}
.blog-principles{padding-top:0}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.principles-grid article,.related-card,.post-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--cream);box-shadow:0 12px 34px rgba(47,42,38,.04)}
.principles-grid h3,.related-card h3{font-size:1.35rem;margin-bottom:10px}
.library-listing{padding:90px 0}
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}
.post-card{display:flex;flex-direction:column;overflow:hidden;padding:0}
.post-thumb{display:block;background:var(--beige);border-bottom:1px solid var(--line)}
.post-thumb img{aspect-ratio:16/10;object-fit:cover}
.post-body{padding:24px 26px 26px}
.post-category{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive);font-weight:600}
.post-card h2{font-size:1.6rem;margin:12px 0 10px;line-height:1.2}
.post-card p{color:var(--muted)}
.post-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.post-time{font-size:.84rem;color:var(--muted)}
.post-link{display:inline-block;color:var(--brown);border-bottom:1px solid rgba(122,78,29,.3)}
.library-cta{padding:0 0 98px}
.library-cta-box,.article-cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:28px;background:var(--ink);color:var(--cream);padding:34px 36px}
.library-cta-box p,.article-cta-box p{color:rgba(246,241,233,.78)}
.article-shell{width:min(980px,calc(100% - 40px));margin:auto;padding:78px 0 110px}
.article-back{display:inline-block;margin-bottom:26px;color:var(--brown)}
.article-header{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;margin-bottom:18px}
.article-header-copy{min-width:0}
.article-visual{background:var(--beige);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.article-visual img{aspect-ratio:16/10;object-fit:cover}
.article-deck{font-family:'Spectral',serif;font-size:1.32rem;color:var(--muted);margin:22px 0 16px;max-width:720px}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.84rem;color:var(--muted);padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:36px}
.article-content{font-size:1.03rem}
.article-content p{margin:0 0 18px;color:var(--ink);line-height:1.8}
.article-content h2{font-size:2rem;margin:44px 0 16px}
.article-content h3{font-size:1.4rem;margin:32px 0 12px}
.article-content ul{padding-left:22px;margin:0 0 22px;color:var(--ink)}
.article-content li{margin-bottom:10px;line-height:1.7}
.article-content blockquote{margin:34px 0;padding:18px 24px;border-left:3px solid var(--terra);background:var(--beige);font-family:'Spectral',serif;font-size:1.18rem}
.section-break{display:flex;align-items:center;gap:14px;margin:46px 0 16px}.section-break span{height:1px;flex:1;background:var(--line)}.section-break .eyebrow{margin:0}
.second-look{margin-top:46px;padding-top:8px}
.second-look-intro{color:var(--muted);max-width:820px}
.reveal-sequence{margin-top:20px}
.sequence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reveal-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg, rgba(246,241,233,1) 0%, rgba(239,230,218,.72) 100%);padding:22px;box-shadow:0 10px 22px rgba(47,42,38,.035)}
.reveal-card[hidden]{display:none}
.reveal-label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:12px}
.reveal-card h3{font-size:1.22rem;margin:0 0 10px}
.reveal-button{margin-top:18px;border:1px solid var(--line);background:var(--cream);color:var(--ink)}
.reveal-button:hover,.reveal-button:focus-visible{border-color:var(--brown);color:var(--brown)}
.psychology-details{margin-top:34px;border:1px solid var(--line);border-radius:20px;background:var(--beige);overflow:hidden}
.psychology-details summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:'Spectral',serif;font-size:1.28rem;display:flex;align-items:center;justify-content:space-between}
.psychology-details summary::-webkit-details-marker{display:none}
.psychology-details summary::after{content:'+';font-family:'Karla',sans-serif;font-size:1.5rem;color:var(--brown)}
.psychology-details[open] summary::after{content:'–'}
.details-body{padding:0 24px 22px}
.pattern-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 26px}.cycle-step{padding:18px;border-radius:18px;background:var(--beige);border:1px solid var(--line)}.cycle-step strong{display:block;margin-bottom:8px;font-family:'Spectral',serif;font-size:1.1rem}.cycle-step span{color:var(--muted);font-size:.95rem;line-height:1.55}
.keep-exploring{margin-top:46px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.related-card p{color:var(--muted)}
.related-card h3{font-size:1.3rem;margin:10px 0}.related-card .post-link{margin-top:10px}
.article-cta{margin-top:40px}
.blog-mini-nav{display:flex;gap:18px;align-items:center;font-size:.95rem}.blog-mini-nav a{color:var(--muted)}.blog-mini-nav a:hover,.blog-mini-nav a:focus-visible{color:var(--brown)}
@media(max-width:960px){.blog-hero-grid,.article-header{grid-template-columns:1fr}.principles-grid{grid-template-columns:1fr}.sequence-cards,.pattern-cycle{grid-template-columns:1fr 1fr}.library-cta-box,.article-cta-box{flex-direction:column;align-items:flex-start}.blog-mini-nav{display:none}}
@media(max-width:700px){.post-grid,.related-grid,.sequence-cards,.pattern-cycle{grid-template-columns:1fr}.article-shell{width:min(100% - 28px,980px);padding-top:64px}.post-card h2{font-size:1.45rem}.article-content h2{font-size:1.75rem}.psychology-details summary{font-size:1.15rem}.library-cta{padding-bottom:74px}}