/*
Theme Name: TAE Field Notes
Template: twentytwentyfive
Description: Child theme of Twenty Twenty-Five for The Aging Effect — "Field Notes" direction (v2 mockup D): Literata + Public Sans, ink/teal palette, illustrated "plates" for each section. Self-hosted fonts, no external requests.
Author: Momentum Solutions
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: tae-field-notes
*/

/* ---------- base */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.wp-site-blocks) a:focus-visible,:where(.wp-site-blocks) summary:focus-visible,.wp-element-button:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:2px}
.tae-kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--wp--preset--color--ochre);margin-bottom:.4rem}
.tae-muted{color:var(--wp--preset--color--ink-2)}

/* ---------- header (masthead) */
.tae-masthead{text-align:center;border-bottom:1px solid var(--wp--preset--color--rule)}
.tae-masthead .wp-block-site-title{font-family:var(--wp--preset--font-family--literata);font-size:clamp(1.9rem,1.4rem + 2vw,2.6rem);font-weight:600;letter-spacing:-.02em;margin:0}
.tae-masthead .wp-block-site-title a{text-decoration:none;color:inherit}
.tae-masthead .wp-block-site-tagline{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--wp--preset--color--ink-2);margin:.35rem 0 0}
.tae-navbar{border-top:3px double var(--wp--preset--color--rule)}
.tae-navbar .wp-block-navigation{font-size:.92rem;font-weight:500}
.tae-navbar .wp-block-navigation a{text-decoration:none}
.tae-navbar .wp-block-navigation .current-menu-item>a,.tae-navbar .wp-block-navigation a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em;color:var(--wp--preset--color--accent)}

/* ---------- plate image style */
.wp-block-image.is-style-tae-plate,.wp-block-post-featured-image.is-style-tae-plate{border:1.5px solid var(--wp--preset--color--ink);padding:9px;background:var(--wp--preset--color--surface);margin:0}
.is-style-tae-plate img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.is-style-tae-plate figcaption,.is-style-tae-plate .wp-element-caption{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--ink-2);margin:.5rem 0 0;text-align:left}

/* ---------- boxes */
.is-style-tae-box-note{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--rule);border-left:4px solid var(--wp--preset--color--accent);padding:.9rem 1.1rem;font-size:.9rem;color:var(--wp--preset--color--ink-2)}
.is-style-tae-box-note p{margin:0}
.is-style-tae-box-key{background:var(--wp--preset--color--mist);border:1px solid #c9d9d2;padding:1.2rem 1.5rem}
.is-style-tae-box-key>.tae-box-title,.is-style-tae-box-tip>.tae-box-title,.is-style-tae-box-important>.tae-box-title{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem}
.is-style-tae-box-key>.tae-box-title{color:var(--wp--preset--color--accent)}
.is-style-tae-box-tip{background:var(--wp--preset--color--sand);border-left:5px solid var(--wp--preset--color--ochre);padding:1.1rem 1.4rem}
.is-style-tae-box-tip>.tae-box-title{color:var(--wp--preset--color--ochre)}
.is-style-tae-box-important{background:#fdf3ef;border:1px solid #efc9bb;border-left:5px solid #a3391b;padding:1.1rem 1.4rem}
.is-style-tae-box-important>.tae-box-title{color:#8a2f15}
.is-style-tae-box-key>*:last-child,.is-style-tae-box-tip>*:last-child,.is-style-tae-box-important>*:last-child{margin-bottom:0}
.tae-toc{border:1.5px solid var(--wp--preset--color--ink);padding:1rem 1.4rem;background:var(--wp--preset--color--surface)}
.tae-toc ol{columns:2;column-gap:2rem;margin:0;padding-left:1.3rem;font-size:.92rem}
.tae-toc li{break-inside:avoid;margin:.2rem 0}
.tae-toc a{color:var(--wp--preset--color--ink);text-decoration:none}.tae-toc a:hover{text-decoration:underline}

/* guideline cards */
.tae-glines{gap:.9rem!important}
.tae-glines>.wp-block-column{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--rule);padding:1rem}
.tae-glines .tae-gl-big{font-family:var(--wp--preset--font-family--literata);font-size:1.8rem;font-weight:600;color:var(--wp--preset--color--accent);line-height:1.1;margin:0 0 .2rem}
.tae-glines p:not(.tae-gl-big){font-size:.86rem;color:var(--wp--preset--color--ink-2);margin:0;line-height:1.45}

/* ---------- article: plate in the margin, text column ~68ch */
.tae-article>*{max-width:68ch;margin-left:calc(200px + 2.75rem)!important;margin-right:auto!important}
.tae-article>.tae-section{max-width:none;margin-left:0!important;margin-right:0!important}
.tae-section{gap:0 2.75rem!important;margin-top:2.8rem!important}
.tae-section>.wp-block-column:first-child{flex:0 0 200px!important}
.tae-section>.wp-block-column:last-child{max-width:68ch}
.tae-section h2{margin-top:0}
.tae-section .snum{font-family:var(--wp--preset--font-family--literata);color:var(--wp--preset--color--ochre);font-weight:600;font-size:.95rem;letter-spacing:.06em;margin:0 0 .2rem}
.tae-meta{font-size:.86rem;color:var(--wp--preset--color--ink-2);gap:.3rem 1.2rem!important;border-top:1px solid var(--wp--preset--color--rule);padding-top:.8rem}
.tae-meta p,.tae-meta .wp-block-post-date{margin:0}
.tae-related .wp-block-image{margin-bottom:.6rem}
.tae-related h3{font-size:1.05rem;margin:.2rem 0}
.tae-soon{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--ochre);margin:0}


/* coming-soon cards + related */
.tae-soon-cards{gap:.9rem!important;margin-top:.9rem!important}
.tae-soon-cards>.wp-block-column{border:1px dashed var(--wp--preset--color--rule);background:var(--wp--preset--color--surface);padding:.9rem 1rem}
.tae-soon-cards h3{font-size:1.05rem;margin:.3rem 0}
.tae-soon-cards p:not(.tae-soon){font-size:.9rem;color:var(--wp--preset--color--ink-2);margin:0}
.tae-related-wrap{margin-top:2.8rem!important;border-top:1px solid var(--wp--preset--color--rule);padding-top:1.6rem}
.tae-article>.tae-related-wrap{max-width:none;margin-left:0!important}
.tae-related-wrap .tae-related{gap:1.2rem!important}
.tae-related h3 a{color:inherit;text-decoration:none}.tae-related h3 a:hover{text-decoration:underline}
.tae-article>.wp-block-html{margin:0!important}

/* ---------- home */
.tae-sec{padding-block:3.5rem;border-top:1px solid var(--wp--preset--color--rule)}
.tae-sec:first-child{border-top:0}
.tae-hero-h2{font-size:1.3rem!important;margin-top:1.6rem!important;margin-bottom:.3rem!important}
.tae-card{border-top:2px solid var(--wp--preset--color--ink);padding-top:1rem}
.tae-card h3{font-size:1.2rem;margin:.8rem 0 .35rem}
.tae-card h3 a{color:inherit;text-decoration:none}.tae-card h3 a:hover{text-decoration:underline}
.tae-card p{font-size:.93rem;color:var(--wp--preset--color--ink-2)}
.tae-cards-5 .tae-card h3{font-size:1.05rem}
.tae-findlist{list-style:none;padding-left:0}
.tae-findlist li{padding-left:1.5em;position:relative;margin:.35em 0;font-size:.97rem}
.tae-findlist li::before{content:"✓";position:absolute;left:0;color:var(--wp--preset--color--accent);font-weight:700}
.wp-block-details{border-bottom:1px solid var(--wp--preset--color--rule);padding:.15rem 0}
.wp-block-details summary{cursor:pointer;font-family:var(--wp--preset--font-family--literata);font-weight:600;font-size:1.1rem;padding:.7rem 0}
.wp-block-details>:not(summary){color:var(--wp--preset--color--ink-2)}
.tae-footer-disc{border-left:3px solid var(--wp--preset--color--ochre);padding-left:1rem}

/* ---------- responsive */
@media (max-width:781px){
 .tae-article>*{margin-left:auto!important}
 .tae-section>.wp-block-column:first-child{flex:0 0 auto!important;max-width:230px}
 .tae-section{margin-top:2.2rem!important}
 .tae-toc ol{columns:1}
 .tae-related-wrap .tae-related{flex-wrap:wrap!important}
 .tae-related-wrap .tae-related>.wp-block-column{flex-basis:calc(50% - .6rem)!important}
 .tae-cards-5{flex-wrap:wrap!important}
 .tae-cards-5>.wp-block-column{flex-basis:calc(50% - 1rem)!important}
}