/* Jono Read writing archive: standalone template that respects portfolio look. */
body.jr-articles-page { background:#f7f5ef; }
.jr-writing-hero { background:#102d30; color:#fff; overflow:hidden; }
.jr-writing-hero-inner { min-height:420px; padding-top:90px; padding-bottom:90px; display:flex; gap:40px; align-items:center; justify-content:space-between; }
.jr-writing-hero .eyebrow { color:#d5f59b; font-size:12px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; }
.jr-writing-hero h1 { font:400 clamp(52px,5.6vw,82px)/1.07 Georgia,'Times New Roman',serif; letter-spacing:-.055em; max-width:900px; margin:24px 0; }
.jr-writing-hero h1 em { color:#d5f59b; font-style:normal; }
.jr-writing-lede { color:#dae6df; line-height:1.75; max-width:630px; font-size:17px; }
.jr-writing-decoration { color:#d5f59b; font:400 180px/1 Georgia,serif; align-self:center; opacity:.35; }
.jr-writing-section { padding:90px 0 110px; }
.jr-writing-intro { display:flex; align-items:end; justify-content:space-between; gap:30px; padding-bottom:33px; }
.jr-writing-intro .eyebrow { font-size:11px; color:#62766f; letter-spacing:.14em; font-weight:800; text-transform:uppercase; }
.jr-writing-intro h2 { font:400 clamp(42px,4vw,60px)/1.1 Georgia,serif; letter-spacing:-.045em; margin:14px 0 0; color:#183b3d; }
.jr-writing-intro > p { color:#60736e; font-size:14px; }
.jr-article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.jr-article-card { display:flex; flex-direction:column; min-width:0; background:#fffefb; border:1px solid #dcded5; transition:transform .2s,border-color .2s; }
.jr-article-card:hover { transform:translateY(-3px); border-color:#9caf9f; }
.jr-article-image { display:block; width:100%; height:205px; overflow:hidden; position:relative; background:#d5e1d6; }
.jr-article-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.jr-article-card:hover .jr-article-image img { transform:scale(1.035); }
.jr-article-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; font:400 75px Georgia,serif; color:#31564f; position:relative; }
.jr-article-placeholder span { font-size:60px; position:absolute; top:-15px; right:18px; color:#98b9a2; }
.jr-article-body { padding:27px 27px 29px; display:flex; flex-direction:column; flex:1; }
.jr-article-meta { display:flex; flex-wrap:wrap; gap:9px; color:#607a6c; font-size:11px; letter-spacing:.06em; font-weight:700; text-transform:uppercase; }
.jr-article-body h3 { font:400 29px/1.19 Georgia,serif; letter-spacing:-.037em; margin:16px 0 15px; color:#193c3d; overflow-wrap:anywhere; }
.jr-article-body h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.jr-article-body > p { font-size:14px; line-height:1.72; color:#5c6b68; margin-bottom:27px; }
.jr-article-more { margin-top:auto; padding-top:13px; color:#193c3d; font-size:12px; font-weight:800; }
.jr-article-more:hover { text-decoration:underline; text-underline-offset:4px; }
.jr-articles-pagination { margin-top:48px; }
.jr-articles-pagination .page-numbers { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:9px; }
.jr-articles-pagination a,.jr-articles-pagination span { display:inline-flex; justify-content:center; align-items:center; min-width:40px; min-height:42px; padding:8px 13px; border:1px solid #d1dcd0; border-radius:5px; font-size:13px; font-weight:700; }
.jr-articles-pagination span.current { background:#193c3d; color:white; border-color:#193c3d; }
.jr-articles-pagination a:hover { background:#e3e9de; }
.jr-empty { padding:48px; background:#fff; border:1px solid #dcded5; color:#5c6b68; }
.jr-writing-contact { background:#d5f59b; color:#102d30; }
.jr-writing-contact-inner { display:flex; justify-content:space-between; align-items:center; gap:22px; padding-top:64px; padding-bottom:64px; }
.jr-writing-contact .eyebrow { text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:800; }
.jr-writing-contact h2 { font:400 clamp(34px,3.7vw,51px)/1.12 Georgia,serif; letter-spacing:-.045em; margin:14px 0 0; }
.jr-writing-contact .btn { background:#102d30; color:#fff; white-space:nowrap; }
@media(max-width:970px){.jr-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-writing-decoration{font-size:115px}}
@media(max-width:720px){.jr-writing-hero-inner{padding-top:63px;padding-bottom:66px;min-height:auto}.jr-writing-decoration{display:none}.jr-writing-hero h1{font-size:clamp(47px,10.5vw,69px)}.jr-writing-lede{font-size:16px}.jr-writing-section{padding:65px 0 72px}.jr-writing-intro{display:block}.jr-article-grid{grid-template-columns:1fr;gap:18px}.jr-article-image{height:205px}.jr-writing-contact-inner{display:block;padding-top:51px;padding-bottom:54px}.jr-writing-contact .btn{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.jr-article-card,.jr-article-image img{transition:none}}

/* V1.7 featured writing: editorial presentation above chronological archive */
.jr-featured-section {padding:88px 0 98px;background:#e7eddf;border-bottom:1px solid #d0d9c8;}
.jr-featured-intro {display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:33px;}
.jr-featured-intro .eyebrow {font-size:11px;color:#506e60;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:15px;}
.jr-featured-intro h2 {font:400 clamp(39px,4vw,60px)/1.11 Georgia,serif;color:#193c3d;letter-spacing:-.045em;margin:0;max-width:620px;}
.jr-featured-intro > p {font-size:14px;line-height:1.75;color:#597169;max-width:355px;margin-bottom:4px;}
.jr-featured-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.jr-featured-card {background:#fffefb;min-width:0;display:flex;flex-direction:column;border:1px solid #cfdacb;transition:transform .18s,border-color .18s;}
.jr-featured-card:hover {transform:translateY(-3px);border-color:#8fa99b;}
.jr-featured-card:first-child {grid-column:span 2;display:grid;grid-template-columns:43% 57%;}
.jr-featured-image {display:flex;overflow:hidden;align-items:center;justify-content:center;background:#c7d8ca;min-height:170px;height:170px;color:#31584d;}
.jr-featured-card:first-child .jr-featured-image {height:100%;min-height:290px;}
.jr-featured-image img {width:100%;height:100%;object-fit:cover;}
.jr-featured-image > span {font:400 55px Georgia,serif;}
.jr-featured-body {padding:25px 25px 28px;flex:1;display:flex;flex-direction:column;}
.jr-featured-card h3 {font:400 28px/1.17 Georgia,serif;letter-spacing:-.03em;color:#193c3d;margin:15px 0;}
.jr-featured-card:first-child h3 {font-size:clamp(30px,2.7vw,42px);}
.jr-featured-body > p {font-size:13px;line-height:1.68;color:#596d64;margin:0 0 17px;}
.jr-featured-body .jr-article-more {font-size:12px;}
@media(max-width:950px){.jr-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-featured-card:first-child{grid-column:span 2}}
@media(max-width:720px){.jr-featured-section{padding:62px 0 70px}.jr-featured-intro{display:block}.jr-featured-intro > p{margin-top:17px}.jr-featured-grid{grid-template-columns:1fr}.jr-featured-card:first-child{grid-column:auto;display:flex}.jr-featured-card:first-child .jr-featured-image{min-height:170px;height:170px}.jr-featured-body{padding:23px}.jr-featured-card:first-child h3{font-size:29px}}

.jr-archive-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 29px;}
.jr-archive-tabs a{border:1px solid #c5d0c4;border-radius:50px;padding:10px 17px;font-weight:700;font-size:12px;color:#2c524b;background:#fffefb;}
.jr-archive-tabs a.active,.jr-archive-tabs a[aria-current="page"]{background:#193c3d;color:white;border-color:#193c3d;}
.jr-archive-tabs a:hover:not(.active){background:#e3e9de;}