* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Open Sans', sans-serif; background: #faf9f7; color: #333; line-height: 1.8; }
        a { text-decoration: none; color: inherit; }
        header { background: #fff; padding: 20px; border-bottom: 1px solid #e5e5e5; }
        .header-inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
        .logo { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 600; }
        .logo span { color: #c67d5a; }
        .article-content { max-width: 700px; margin: 0 auto; padding: 50px 20px 60px; }
        .article-content h1 { font-family: 'Playfair Display', serif; font-size: 38px; font-weight: 400; margin-bottom: 30px; line-height: 1.3; text-align: center; }
        .toc { background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; padding: 25px; margin-bottom: 30px; }
        .toc-title { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; margin-bottom: 15px; }
        .toc ul { list-style: none; margin: 0; }
        .toc li { margin-bottom: 8px; }
        .toc a { color: #c67d5a; font-size: 15px; }
        .toc a:hover { text-decoration: underline; }
        .article-content p { font-size: 17px; margin-bottom: 25px; }
        .article-content h2 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 400; margin: 40px 0 20px; }
        .article-content h3 { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 400; margin: 30px 0 15px; }
        .article-content a { color: #c67d5a; text-decoration: underline; }
        .content-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
        .content-table th { background: #c67d5a; color: #fff; font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 500; padding: 14px 16px; text-align: left; }
        .content-table td { padding: 11px 16px; border-bottom: 1px solid #e5e5e5; font-size: 14px; }
        .content-table tr:last-child td { border-bottom: none; }
        .content-table tr:hover td { background: #faf9f7; }
        .update-date { text-align: center; font-size: 13px; color: #999; margin-top: 40px; padding-top: 20px; border-top: 1px solid #e5e5e5; }
        footer { background: #333; color: #fff; padding: 40px 20px; text-align: center; }
        footer .logo { margin-bottom: 15px; }
        footer p { font-size: 14px; color: #999; }
        @media (max-width: 768px) {
            .article-content { padding: 30px 20px 50px; }
            .article-content h1 { font-size: 28px; }
            .article-content p { font-size: 16px; }
            .content-table th, .content-table td { padding: 9px 10px; font-size: 12.5px; }
        }
    


.codex-generated-content{--codex-accent:#e5e5e5;padding:clamp(2.2rem,5vw,5.5rem) 1rem;position:relative;isolation:isolate}
.codex-container{width:min(100%,1080px);margin-inline:auto}
.codex-page-header{margin:0 auto clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,3rem);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--codex-accent) 17%,transparent),transparent 65%);border:1px solid color-mix(in srgb,var(--codex-accent) 28%,transparent);box-shadow:0 18px 60px rgba(0,0,0,.10)}
.codex-breadcrumb{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-bottom:1.15rem;font-size:.86rem;opacity:.82}
.codex-breadcrumb a{color:var(--codex-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.codex-page-header h1{margin:0;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.025em;color:inherit}
.codex-kicker{margin:.9rem 0 0;max-width:850px;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.65;opacity:.78}
.codex-article{width:min(100%,920px);margin:0 auto;padding:clamp(1.35rem,4vw,3.2rem);border-radius:18px;background:color-mix(in srgb,currentColor 4%,transparent);box-shadow:0 16px 50px rgba(0,0,0,.08)}
.codex-prose{font-size:clamp(1rem,1.45vw,1.1rem);line-height:1.78}
.codex-prose h2{margin:2.25em 0 .65em;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2;color:inherit}
.codex-prose h3{margin:1.8em 0 .55em;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.25;color:inherit}
.codex-prose p{margin:0 0 1.2em;max-width:78ch;color:inherit}
.codex-prose ul,.codex-prose ol{margin:0 0 1.35em;padding-left:1.35rem}
.codex-prose li{margin:.45em 0}
.codex-prose a{color:var(--codex-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.codex-network{width:min(100%,1080px);margin:clamp(1.5rem,4vw,3rem) auto 0;padding:clamp(1.25rem,3vw,2rem);border-radius:18px;background:color-mix(in srgb,var(--codex-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--codex-accent) 22%,transparent)}
@media (max-width:640px){.codex-generated-content{padding-inline:.7rem}.codex-page-header,.codex-article,.codex-network{border-radius:13px;padding:1.05rem}.codex-prose{font-size:1rem;line-height:1.7}}


/* Safety layer: keeps the donor design visible when a legacy asset is unavailable. */
html{scroll-behavior:smooth}body{min-height:100vh;margin:0}img,svg,video{max-width:100%;height:auto}main{min-height:45vh}table{max-width:100%;overflow-x:auto}a{text-underline-offset:3px}.codex-article-shell{box-sizing:border-box;width:min(920px,calc(100% - 2rem));margin:3rem auto;padding:clamp(1.25rem,4vw,3rem);border-radius:22px}.codex-article-shell img{display:block}.codex-prose{overflow-wrap:anywhere}.codex-prose p{line-height:1.7}.codex-prose h1,.codex-prose h2,.codex-prose h3{line-height:1.2}@media(max-width:700px){.codex-article-shell{width:calc(100% - 1rem);margin:1rem auto;padding:1rem;border-radius:16px}}


.pbn-generated-page { width: 100%; }
.pbn-generated-page .pbn-article { max-width: 920px; margin: 0 auto; }
.pbn-generated-page .pbn-article h2 { margin-top: 2rem; }
.pbn-generated-page .pbn-article h3 { margin-top: 1.4rem; }
.pbn-generated-page .pbn-article p, .pbn-generated-page .pbn-article li { line-height: 1.75; }
.pbn-generated-page .pbn-article table { width: 100%; border-collapse: collapse; margin: 1.3rem 0; }
.pbn-generated-page .pbn-article th, .pbn-generated-page .pbn-article td { padding: .7rem; border: 1px solid rgba(128,128,128,.35); text-align: left; }
.pbn-generated-page .pbn-article th { font-weight: 700; }
.pbn-donor-header { display: block; }
.pbn-donor-brand { padding: 1rem 1.25rem; font-weight: 800; }
.pbn-donor-footer { display: block; }
.pbn-donor-footer-inner { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1.25rem; }