/* My Shout archive v2.18 — streamlined six-story grid */
.jr-my-shout-page{background:#f6f5eb;color:#163335}
.jr-my-shout-page .jr-ms-hero{background:#102d30;color:#f7f8eb;padding:76px 0 80px;overflow:hidden}
.jr-my-shout-page .jr-ms-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.55fr);gap:42px;align-items:center}
.jr-my-shout-page .jr-ms-hero .eyebrow{color:#b9dca5;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}
.jr-my-shout-page .jr-ms-hero h1{color:#fff;font-size:clamp(45px,6.5vw,88px);letter-spacing:-.065em;line-height:1.03;max-width:930px;margin:20px 0 22px}
.jr-my-shout-page .jr-ms-hero h1 em{color:#bce99a;font-weight:500;font-style:italic}
.jr-ms-lead{font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:700px;color:#e0ece2}
.jr-ms-hero-links{display:flex;gap:25px;align-items:center;margin-top:30px;flex-wrap:wrap}
.jr-my-shout-page .jr-ms-button{background:#c8efa5;color:#18352a;padding:14px 22px;border-radius:999px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.jr-ms-text-link{color:#f4faed;text-decoration:none;font-weight:700}
.jr-ms-hero-mark{transform:rotate(-9deg);border:2px solid #a9d38b;border-radius:26px;padding:23px 20px;font-size:clamp(41px,5vw,67px);font-weight:850;line-height:1;letter-spacing:-.08em;box-shadow:12px 12px 0 #286150;color:#c8efa5;text-align:center}
.jr-ms-hero-mark span,.jr-ms-hero-mark small{display:block}.jr-ms-hero-mark small{font-size:19px;letter-spacing:.25em;margin-top:17px;color:#f5f8e9}
.jr-ms-intro{background:#f6f5eb;padding:36px 0 40px;border-bottom:1px solid #e2e7d7}
.jr-ms-intro-flex{display:grid;grid-template-columns:210px 1fr;gap:35px;align-items:start}
.jr-ms-intro .eyebrow{margin:5px 0!important}
.jr-ms-intro p:not(.eyebrow){font-size:17px;line-height:1.7;color:#3d5953;margin:0;max-width:850px}
.jr-ms-stories{padding:67px 0 78px;background:#edf1e7;scroll-margin-top:50px}
.jr-ms-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}
.jr-ms-heading h2,.jr-ms-outro h2{font-size:clamp(32px,4.1vw,54px);letter-spacing:-.045em;line-height:1.1;color:#173a35;margin:13px 0 0}
.jr-ms-heading>p{max-width:320px;margin:0;font-size:16px;line-height:1.65;color:#4b6557}
.jr-ms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.jr-ms-card{box-sizing:border-box;background:#fffef8;border:1px solid #d8e4d4;border-radius:21px;padding:28px 30px;display:flex;flex-direction:column;min-height:270px;text-decoration:none;color:#173a35;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 20px rgba(17,50,42,.025)}
.jr-ms-card-linked:hover,.jr-ms-card-linked:focus-visible{transform:translateY(-3px);border-color:#8daf89;box-shadow:0 10px 30px rgba(17,50,42,.1);outline-offset:4px}
.jr-ms-card-top{display:flex;align-items:center;gap:13px;color:#627b6b;font-size:12px;font-weight:750}
.jr-ms-card-index{font-size:14px;color:#356646}
.jr-ms-card-category{border-left:1px solid #c8d8c8;padding-left:12px}
.jr-ms-card h3{font-size:clamp(21px,2.25vw,28px);line-height:1.2;letter-spacing:-.034em;margin:22px 0 12px;color:#153830}
.jr-ms-card-desc{font-size:15px;line-height:1.65;color:#4d625c;margin:0 0 24px;flex:1}
.jr-ms-card-bottom{border-top:1px solid #dde6d9;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#5d7868;font-weight:650;flex-wrap:wrap}
.jr-ms-card-bottom>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jr-ms-date{white-space:nowrap}.jr-ms-dot{color:#a6b7a4}
.jr-ms-read{color:#21674b;font-weight:800;white-space:nowrap}
.jr-ms-unavailable{color:#778778;font-weight:650}
.jr-ms-outro{padding:63px 0 68px;background:#d4eacb}
.jr-ms-outro-flex{display:flex;justify-content:space-between;align-items:center;gap:35px}
.jr-ms-outro p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:650px}
.jr-ms-outro .jr-ms-button{background:#123c34;color:#f6f9e9;white-space:nowrap}
@media(max-width:800px){.jr-my-shout-page .jr-ms-hero{padding:60px 0}.jr-my-shout-page .jr-ms-hero-grid{grid-template-columns:1fr}.jr-ms-hero-mark{display:none}.jr-ms-intro-flex{grid-template-columns:1fr;gap:8px}.jr-ms-heading,.jr-ms-outro-flex{display:block}.jr-ms-heading>p{max-width:none;margin-top:12px}.jr-ms-outro .jr-ms-button{margin-top:20px}}
@media(max-width:660px){.jr-ms-grid{grid-template-columns:1fr}.jr-ms-card{min-height:0;padding:24px}.jr-ms-stories{padding:45px 0}.jr-ms-hero-links{gap:15px}.jr-ms-card-bottom{align-items:flex-start}.jr-ms-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.jr-ms-card{transition:none}.jr-ms-card-linked:hover{transform:none}}

/* Additional archive series: keeps printed 2008–09 columns in a clearly separated grid. */
.jr-ms-digital{padding:68px 0 78px;background:#f6f5eb;scroll-margin-top:50px}
.jr-ms-digital .jr-ms-heading h2{max-width:680px}
@media(max-width:660px){.jr-ms-digital{padding:46px 0}}

/* v2.23 — a modest, uncropped original front-page clipping between intro and stories. */
.jr-my-shout-page .jr-ms-clipping{padding:24px 0 36px;background:#f6f5eb}
.jr-ms-clipping-panel{display:flex;align-items:center;gap:34px;background:#fffef8;border:1px solid #dbe5d4;border-radius:22px;padding:28px 34px;box-shadow:0 5px 24px rgba(17,50,42,.035)}
.jr-ms-clipping-image{flex:0 0 108px;width:108px;margin:0;text-align:center}
.jr-ms-clipping-image img{display:block;width:100%;height:auto;border:1px solid #d7d3c6;border-radius:3px;box-shadow:0 4px 12px rgba(17,50,42,.10)}
.jr-ms-clipping-image figcaption{font-size:10px;line-height:1.45;color:#6b8074;margin-top:10px}
.jr-ms-clipping-copy{min-width:0;max-width:730px}
.jr-ms-clipping-copy .eyebrow{margin:0 0 12px;color:#387252}
.jr-ms-clipping-copy h2{font-size:clamp(26px,3.3vw,43px);line-height:1.14;letter-spacing:-.035em;color:#173a35;margin:0 0 15px}
.jr-ms-clipping-copy p:not(.eyebrow){font-size:16px;line-height:1.7;color:#49615a;margin:0;max-width:600px}
@media(max-width:600px){.jr-my-shout-page .jr-ms-clipping{padding:16px 0 30px}.jr-ms-clipping-panel{gap:18px;padding:18px;border-radius:17px;align-items:flex-start}.jr-ms-clipping-image{flex-basis:87px;width:87px}.jr-ms-clipping-copy h2{font-size:clamp(23px,5vw,30px)}.jr-ms-clipping-copy p:not(.eyebrow){font-size:14px;line-height:1.6}}
@media(max-width:370px){.jr-ms-clipping-panel{gap:13px;padding:13px}.jr-ms-clipping-image{flex-basis:72px;width:72px}.jr-ms-clipping-image figcaption{font-size:9px}}

/* v2.24: original illustrated newspaper features, thumbnails kept small to respect scan quality. */
.jr-my-shout-page .jr-ms-card-storyline{display:flex;flex:1;align-items:flex-start;gap:17px;margin-bottom:24px}
.jr-my-shout-page .jr-ms-card-storyline .jr-ms-card-desc{margin:0;flex:1;min-width:0}
.jr-my-shout-page .jr-ms-card-photo{display:block;flex:0 0 94px;width:94px;height:122px;border-radius:10px;overflow:hidden;border:1px solid #d8e4d4;background:#e5e9dd}
.jr-my-shout-page .jr-ms-card-photo img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:420px){.jr-my-shout-page .jr-ms-card-storyline{gap:13px}.jr-my-shout-page .jr-ms-card-photo{flex-basis:78px;width:78px;height:108px}}

/* v2.25 — additional archival writing, shown only after each article is published. */
.jr-ms-more{background:#e8efe4;padding:66px 0 77px;scroll-margin-top:60px}
.jr-ms-more-category{border-left:0;padding-left:0}
.jr-ms-more .jr-ms-heading h2{max-width:720px}
@media(max-width:660px){.jr-ms-more{padding:44px 0 50px}}

/* v2.27: Curated archive with topic browsing */
.jr-ms-curated{padding:clamp(55px,7vw,100px) 0 65px;background:#f4f4ea}
.jr-ms-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:33px}
.jr-ms-featured-card{background:#143b35;color:#fff;text-decoration:none;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-height:360px;transition:transform .2s ease,box-shadow .2s ease}
.jr-ms-featured-card:hover,.jr-ms-featured-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px #102d302b}
.jr-ms-featured-card:nth-child(2){background:#d8e7d5;color:#15372c}
.jr-ms-featured-card:nth-child(3){background:#e5dcbf;color:#15372c}
.jr-ms-featured-photo{height:155px;overflow:hidden}.jr-ms-featured-photo img{width:100%;height:100%;object-fit:cover}
.jr-ms-featured-inner{padding:26px;display:flex;flex-direction:column;flex:1}
.jr-ms-featured-topic{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0 0 17px}
.jr-ms-featured-card h3{font-size:clamp(23px,2.5vw,32px);letter-spacing:-.035em;line-height:1.15;margin:0 0 18px;color:inherit}
.jr-ms-featured-card .jr-ms-featured-inner>p:not(.jr-ms-featured-topic){line-height:1.55;opacity:.86;margin:0 0 26px}
.jr-ms-featured-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;font-size:12px}.jr-ms-featured-bottom strong{font-size:13px}
.jr-ms-categories{display:flex;gap:11px;flex-wrap:wrap;align-items:center;padding-top:37px}.jr-ms-categories span{font-weight:700;margin-right:11px}.jr-ms-categories a{border:1px solid #b5c7b9;border-radius:28px;padding:10px 15px;text-decoration:none;color:#173a30;font-size:13px;font-weight:600}.jr-ms-categories a:hover,.jr-ms-categories a:focus-visible{background:#d7e7d4}
.jr-ms-topic-section{background:#fff;padding:75px 0}.jr-ms-topic-section:nth-of-type(2n){background:#f4f4ea}
.jr-ms-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.jr-ms-topic-card{background:#fff;border:1px solid #d8ded4;border-radius:13px;padding:25px;color:#193c34;text-decoration:none;display:flex;flex-direction:column;gap:20px;min-height:240px;transition:border-color .2s ease,transform .2s ease}
.jr-ms-topic-card:hover,.jr-ms-topic-card:focus-visible{border-color:#568b6e;transform:translateY(-2px)}
.jr-ms-topic-card .jr-ms-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.jr-ms-topic-card .jr-ms-date{font-size:12px;white-space:nowrap}
.jr-ms-topic-card-body{display:flex;gap:18px;flex:1}.jr-ms-topic-card h3{font-size:23px;letter-spacing:-.025em;line-height:1.2;color:#143b35;margin:0 0 11px}.jr-ms-topic-card p{font-size:14px;line-height:1.6;color:#456056;margin:0}.jr-ms-topic-thumb{width:92px;height:118px;flex:none;object-fit:cover;border-radius:7px}.jr-ms-topic-card .jr-ms-read{font-size:13px;font-weight:700}
@media(max-width:850px){.jr-ms-featured-grid{grid-template-columns:1fr}.jr-ms-featured-card{min-height:0}.jr-ms-featured-photo{height:200px}.jr-ms-topic-grid{grid-template-columns:1fr}.jr-ms-topic-section{padding:55px 0}}
@media(max-width:480px){.jr-ms-featured-inner{padding:22px}.jr-ms-topic-card{padding:19px}.jr-ms-topic-thumb{width:70px;height:94px}.jr-ms-categories a{font-size:12px}.jr-ms-featured-card h3{font-size:25px}}
