/* Navigation and states extend the established blog; homepage rules stay scoped. */
#blog .blog-archive-item {padding:0;}
#blog .blog-archive-item>a {display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:60px;padding:16px 0;}
#blog .blog-archive-item .icon {width:19px;height:19px;flex:none;color:#b8c98f;}
#blog .blog-archive-item>a:hover {color:var(--signal);}
#blog .blog-archive-item>a:focus-visible,#blog .blog-index-foot>a:focus-visible {outline:2px solid var(--signal);outline-offset:5px;}
#blog .blog-index-foot {display:flex;align-items:start;justify-content:space-between;gap:34px;margin-top:27px;}
#blog .blog-index-foot .text-link {flex:none;min-height:44px;font-size:12px;}
#blog .blog-index-foot .blog-source {margin:0;max-width:570px;}
.blog-page,.blog-page main {background:var(--paper);color:var(--ink);}
.blog-page main a:focus-visible,.blog-page main button:focus-visible,.blog-page main input:focus-visible,.article-page .blog-copy:focus-visible {outline:2px solid #495a37;outline-offset:5px;}
.blog-catalog {padding-block:48px 65px;}
.catalog-head {display:grid;grid-template-columns:1fr 1fr;gap:16px 56px;align-items:end;margin-bottom:36px;}
.catalog-head .blog-wordmark {background:#52653b;grid-column:1;width:280px;}
.catalog-head h1 {font:600 clamp(30px,3.3vw,46px)/1.12 var(--club-title);letter-spacing:-.035em;margin:0;grid-column:1;}
.catalog-head>p {grid-column:2;grid-row:1 / span 2;font-size:17px;line-height:1.55;margin:0;max-width:470px;}
.blog-search {max-width:650px;}
.blog-search label {display:block;font-size:15px;font-weight:600;margin-bottom:9px;}
.blog-search>div {display:flex;gap:12px;}
.blog-search input {background:white;border:1px solid #718061;border-radius:var(--turn-action) 0 var(--turn-action) 0;font:400 18px var(--sans);min-height:50px;padding:12px 17px;min-width:0;flex:1;color:var(--ink);}
.blog-clear,.blog-copy {font:600 14px var(--sans);color:var(--ink);cursor:pointer;border:1px solid #718061;background:transparent;min-height:44px;padding:10px 16px;border-radius:var(--turn-action) 0 var(--turn-action) 0;}
.blog-clear:hover,.blog-copy:hover {background:#e2e7d5;}
.blog-results {font-size:13px;color:#4f5e43;margin:20px 0 14px;}
.catalog-list {list-style:none;padding:0;margin:0;}
.catalog-item {border-top:1px solid #b4bda9;}
.catalog-item:last-child {border-bottom:1px solid #b4bda9;}
.catalog-item a {display:grid;grid-template-columns:145px 1fr 24px;align-items:center;gap:28px;padding:24px 18px 24px 0;min-height:90px;}
.catalog-item a:hover h2 {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;}
.catalog-item h2 {font:600 clamp(23px,2.4vw,34px)/1.2 var(--club-title);letter-spacing:-.03em;margin:0;}
.catalog-state {font-size:12px;color:#56634d;}
.catalog-state.is-ready {font-weight:700;color:#3e5328;}
.catalog-item[hidden],.blog-clear[hidden],.blog-empty[hidden] {display:none;}
.blog-empty {padding:35px 0;min-height:120px;font-size:20px;}
.pending-article {padding-block:32px 60px;}
.pending-article>.article-back {color:#46543b;}
.pending-article header {margin:24px 0 32px;max-width:940px;}
.pending-article .blog-wordmark {background:#52653b;width:230px;margin-bottom:28px;}
.pending-article h1 {font:600 clamp(34px,4.2vw,58px)/1.12 var(--club-title);letter-spacing:-.04em;margin:0;}
.pending-note {background:#e4e9d6;border-radius:var(--turn-card) 0 var(--turn-card) 0;padding:30px 34px;max-width:820px;}
.pending-note>span {font-size:12px;font-weight:600;color:#46543b;}
.pending-note h2 {font:600 26px/1.2 var(--club-title);letter-spacing:-.03em;margin:17px 0;}
.pending-note p {font-size:18px;line-height:1.55;margin:0 0 24px;max-width:650px;}
.blog-sequence {display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #aab69f;margin-top:45px;}
.blog-adjacent {padding:24px 0;display:grid;grid-template-columns:1fr 22px;align-items:center;gap:10px 22px;}
.blog-adjacent>span {font-size:13px;color:#526146;}
.blog-adjacent strong {font:600 23px/1.22 var(--club-title);letter-spacing:-.025em;}
.blog-adjacent .icon {grid-column:2;grid-row:1 / span 2;width:20px;height:20px;}
.blog-adjacent.prev .icon {transform:rotate(180deg);}
.blog-adjacent.next {grid-column:2;}
.blog-adjacent:hover strong {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
.article-tools {display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:24px;}
.copy-result {font-size:14px;color:#46543b;}
.article-page .article-layout {padding-top:24px;}
.error-page,.error-page main {background:#1d281c;color:#f8f6ef;}
.error-layout {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:calc(100svh - 106px);padding-block:50px 65px;}
.error-art {display:flex;align-items:center;justify-content:center;color:var(--signal);max-width:650px;}
.error-art>span {font:600 clamp(150px,19vw,280px)/1 var(--sans);letter-spacing:-.065em;}
.error-bell {width:40%;height:auto;flex:none;}
.error-label {font-size:13px;color:#bbcba9;margin:0 0 20px;}
.error-copy h1 {font:600 clamp(32px,4vw,58px)/1.1 var(--club-title);letter-spacing:-.04em;margin:0 0 24px;max-width:560px;}
.error-copy>p:not(.error-label) {font-size:18px;line-height:1.55;color:#d0dacb;max-width:450px;margin:0;}
.error-actions {display:flex;align-items:center;flex-wrap:wrap;gap:22px 30px;margin-top:30px;}
.error-actions .button {background:var(--signal);color:var(--ink);}
.error-actions .text-link {color:#f8f6ef;font-size:12px;}
.error-page main a:focus-visible {outline:2px solid var(--signal);outline-offset:5px;}
@media(max-width:980px){.error-layout{gap:34px}.catalog-item a{grid-template-columns:120px 1fr 22px;gap:22px}.blog-sequence{gap:28px}}
@media(max-width:760px){
 #blog .blog-index-foot {display:block;}
 #blog .blog-index-foot .blog-source {margin-top:18px;}
 .blog-catalog {padding-block:30px 45px;}
 .catalog-head {display:block;margin-bottom:28px;}
 .catalog-head .blog-wordmark {width:240px;margin-bottom:24px;}
 .catalog-head h1 {font-size:32px;margin-bottom:18px;}
 .catalog-head>p {font-size:16px;}
 .blog-search>div {flex-wrap:wrap;}
 .blog-search input {flex-basis:200px;}
 .catalog-item a {grid-template-columns:1fr 20px;gap:10px 18px;padding:21px 0;}
 .catalog-item h2 {font-size:25px;}
 .catalog-state {grid-column:1;}
 .catalog-item .icon {grid-column:2;grid-row:1 / span 2;width:20px;height:20px;}
 .pending-article {padding-block:20px 40px;}
 .pending-article header {margin:20px 0 26px;}
 .pending-article .blog-wordmark {width:210px;margin-bottom:23px;}
 .pending-article h1 {font-size:34px;}
 .pending-note {padding:25px 23px;}
 .pending-note h2 {font-size:25px;}
 .pending-note p {font-size:17px;}
 .pending-note .button {font-size:11px;padding-inline:17px;gap:18px;}
 .blog-sequence {display:block;margin-top:32px;}
 .blog-adjacent {padding:20px 0;border-bottom:1px solid #c7cebe;}
 .blog-adjacent strong {font-size:22px;}
 .article-tools {padding-top:22px;}
 .article-page .article-layout {padding-top:22px;}
 .error-layout {display:block;min-height:0;padding-block:30px 48px;}
 .error-art {max-width:400px;margin:0 auto 28px;}
 .error-art>span {font-size:clamp(140px,39vw,235px);}
 .error-copy h1 {font-size:36px;max-width:440px;}
 .error-copy>p:not(.error-label) {font-size:17px;}
 .error-label {margin-bottom:16px;}
 .error-actions {gap:22px;margin-top:26px;}
}
.blog-page .article-back {display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;}
.blog-page .article-back .icon {width:20px;height:20px;}