/* Brand layer: chalkboard ink, notebook paper, and the approved logo. */
:root{--accent:#2c6b6a;--accent-dark:#215453;--ink:#303b3a;--muted:#687673;--line:#d0ddda;--tint:#eef4f1;--tag:#e0eeeb;--grid:linear-gradient(#2c6b6a16 1px,transparent 1px),linear-gradient(90deg,#2c6b6a16 1px,transparent 1px)}
.brand{width:196px}
.brand .brand-logo{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.site-header{gap:24px}
.section-band{background-color:#eff4f1}
.chip{color:var(--accent-dark);border-color:var(--line)}
.category-intro{border-right-color:var(--line)}
.theme-guide nav>a:hover{background:#2c6b6a09}
.field-photo-placeholder,.event-art,.event-card:nth-child(3) .event-art{background-color:#e7efeb;color:#596f6c;border-color:var(--line)}
.event-image-placeholder{color:#596f6c;border-color:var(--line)}
/* A few notebook surfaces, kept away from article titles and thumbnails. */
.theme-guide,.concept-values,.about-band,.post-note{background-image:var(--grid);background-size:24px 24px;background-color:#f8f7ef}
.theme-guide{padding:24px;border:1px solid var(--line);border-top:3px solid var(--accent)}
.concept-values{border-top:3px solid var(--accent)}
.community-section>.community-invitation{background-color:#f4f5ee;background-image:var(--grid);background-size:24px 24px;border-top:3px solid var(--accent)}
.line-invitation,.concept-closing,.detail-line{background-color:var(--accent);background-image:url('paper-grain.svg');color:#fffdf4;border-block:0;box-shadow:inset 0 0 0 8px #ffffff0a}
.line-invitation .line-eyebrow,.line-invitation-action>p,.concept-closing .concept-label,.concept-closing .concept-read-link{color:#edf4ea}
.line-invitation .line-button,.concept-closing .line-button,.detail-line .line-button{background:#fffdf4;color:var(--accent);border-color:#fffdf4}
.line-invitation .line-button:hover,.concept-closing .line-button:hover,.detail-line .line-button:hover{background:#e3eeea}
.line-invitation .line-sample{background-color:#fcfaf1;background-image:var(--grid);background-size:24px 24px;color:var(--ink);border:1px solid #fffdf4;padding:22px 24px;margin-top:24px}
.line-invitation .line-sample p{color:var(--ink)}
.line-invitation .line-sample .sample-label{color:#5e6c69}
.section-heading{border-bottom-style:solid}
.concept-letter{border-left:2px solid var(--line)}
.post-note{border-color:var(--line)}
@media(max-width:1050px){.brand{width:164px}}
@media(max-width:760px){.brand{width:136px}.site-header{gap:16px;padding-block:20px}.brand .brand-logo{max-width:none}.concept-letter{border-left:0}.line-invitation .line-sample{padding:18px}.concept-values,.about-band,.community-section>.community-invitation,.post-note{background-size:20px 20px}}
@media(max-width:380px){.brand{width:116px}.site-header{gap:10px}.header-right{max-width:calc(100% - 126px)}}
@media print{.line-invitation,.concept-closing,.detail-line{background:white;color:var(--ink);box-shadow:none}.brand .brand-logo{width:140px}}

/* Expanded notebook spreads and chalkboard chapter panels. */
.ranking-section{background-color:#f7f7ef;background-image:var(--grid);background-size:24px 24px}
.ranking-grid{border-top:0}
.ranking-grid .article-card{background:#fcfbf6;padding:12px}
.join-section{background-image:var(--grid);background-size:24px 24px;background-color:#f8f8f1;padding-inline:32px;margin-block:24px;border:1px solid var(--line)}
.event-copy{background:#fcfbf6;padding:16px}
.event-card.event-feature .event-copy{padding:20px}
.category-intro{align-self:start;background-color:var(--accent);background-image:url('paper-grain.svg');color:#fffdf4;padding:30px 26px 38px;border:0;box-shadow:inset 0 0 0 6px #ffffff0b;position:relative}
.category-intro h3,.category-intro .category-lead{color:#fffdf4}
.category-intro::after{content:"";display:block;width:36px;height:4px;background:#f8f4df;margin-top:28px;border-radius:1px;transform:rotate(-3deg)}
.about-band{background-color:var(--accent);background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:32px 32px;color:#fffdf4}
.about-band h2{color:#fffdf4}
.about-band .outline-button{background:#fffdf4;color:var(--accent);border-color:#fffdf4}
.concept-title-column,.archive-intro{background-color:#f8f7ef;background-image:var(--grid);background-size:24px 24px;padding:32px;border-top:3px solid var(--accent)}
.concept-title-column{align-self:start}
@media(max-width:760px){
 .ranking-section,.join-section,.concept-title-column,.archive-intro{background-size:20px 20px}
 .join-section{padding-inline:18px;margin-block:16px}
 .category-intro{padding:24px 22px;margin-bottom:24px}
 .category-intro::after{margin-top:18px}
 .event-card.event-feature .event-copy,.event-copy{padding:14px}
 .concept-title-column,.archive-intro{padding:24px 18px}
 .ranking-grid .article-card{padding:8px}
}
@media print{.category-intro,.about-band{background:white;color:var(--ink);box-shadow:none}.category-intro h3,.category-intro .category-lead,.about-band h2{color:var(--ink)}}

/* Activity records share the category spread; remove decorative divider strokes. */
.category-row{border-top:0}
.category-intro::after{content:none;display:none}
.field-section{background:transparent;border:0;padding-block:0}
.field-category-row .category-intro h2{font-size:29px;color:#fffdf4;letter-spacing:.02em;line-height:1.65;margin-bottom:12px}
@media(max-width:960px){.field-category-row .category-intro h2{font-size:26px}}
@media(max-width:760px){.field-category-row .category-intro h2{font-size:25px}.field-category-row .category-intro h2{grid-column:1/-1}}