:root{--help-green:#173f35;--help-ink:#26352f;--help-ivory:#f5f0e5;--help-paper:#fffdf7;--help-line:#d8d0be;--help-gold:#9a7b43}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help-page{margin:0;background:var(--help-ivory);color:var(--help-ink);font-family:var(--archive-font-body, Georgia, "Times New Roman", serif)}.help-shell{max-width:1120px;margin:auto;padding:52px 24px 70px}.help-hero{text-align:center;max-width:820px;margin:auto}.help-kicker{font-family:var(--archive-font-body, Georgia, "Times New Roman", serif);font-size:11px;letter-spacing:.22em;color:var(--help-gold);font-weight:700}.help-hero h1{font:normal clamp(38px,6vw,64px)/1 Georgia,serif;color:var(--help-green);margin:10px 0 14px}.help-hero>p:not(.help-kicker){font:18px/1.6 Georgia,serif;color:#5a625d}.help-ask{margin:30px auto 0;display:flex;align-items:center;background:var(--help-paper);border:1px solid #cfc6b3;border-radius:16px;padding:6px;box-shadow:0 10px 28px rgba(44,55,48,.09);max-width:720px}.help-ask:focus-within{border-color:#718d80;box-shadow:0 0 0 3px rgba(23,63,53,.08),0 10px 28px rgba(44,55,48,.09)}.help-ask input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;padding:14px 16px;font-size:16px;box-shadow:none!important}.help-ask button{height:46px;border:0;border-radius:11px;background:var(--help-green);color:white;padding:0 19px;display:flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}.help-ask svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}.help-answer{max-width:720px;margin:18px auto 0;text-align:left;background:#fffdf8;border-left:3px solid var(--help-green);padding:18px 20px;border-radius:4px 12px 12px 4px;box-shadow:0 5px 18px rgba(44,55,48,.05);line-height:1.65;white-space:pre-line}.help-answer p{margin:0}.help-answer.is-loading{color:#727872;font-style:italic}.help-sources{border-top:1px solid #e3dccd;margin-top:14px;padding-top:10px;font-size:12px;color:#70756f;white-space:normal}.help-library{margin-top:70px;border-top:1px solid var(--help-line);padding-top:34px}.help-library-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.help-library-heading h2{font:32px Georgia,serif;color:var(--help-green);margin:5px 0 0}.help-library-heading input{width:min(330px,100%);padding:11px 14px;border:1px solid #cfc6b3;border-radius:9px;background:#fffdf8}.help-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.help-topic{background:rgba(255,253,247,.7);border:1px solid var(--help-line);border-radius:12px;padding:20px}.help-topic h3{font:22px Georgia,serif;color:var(--help-green);margin:0 0 10px}.help-article{border-top:1px solid #e6dfd1}.help-article:first-of-type{border-top:0}.help-article summary{cursor:pointer;padding:13px 0;font-weight:700;color:#344b42}.help-article div{padding:0 0 16px;line-height:1.65;color:#59625d;font-size:14px}.help-footer{text-align:center;padding:28px;border-top:1px solid var(--help-line);font:13px Georgia,serif;color:#6f746f}.help-error{text-align:center;color:#8b2e2e}@media(max-width:700px){.help-shell{padding-top:36px}.help-ask button span{display:none}.help-ask button{padding:0 15px}.help-library-heading{align-items:stretch;flex-direction:column}.help-library-heading input{width:100%;box-sizing:border-box}.help-topic-grid{grid-template-columns:1fr}}

.help-about{margin:0 0 64px;padding:clamp(28px,5vw,48px);background:rgba(255,253,247,.72);border:1px solid var(--help-line);border-radius:18px;box-shadow:0 14px 34px rgba(44,55,48,.055)}.help-about-copy{max-width:850px}.help-about-copy h1{font:normal clamp(34px,5vw,52px)/1.08 Georgia,serif;color:var(--help-green);margin:9px 0 18px;max-width:780px}.help-about-copy>p{font-size:15px;line-height:1.75;color:#59625d}.help-about-copy .help-about-lead{font:18px/1.65 Georgia,serif;color:#46534d}.help-about-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:30px;background:var(--help-line);border:1px solid var(--help-line);border-radius:12px;overflow:hidden}.help-about-benefits article{background:var(--help-paper);padding:20px}.help-about-benefits strong{display:block;color:var(--help-green);font:18px Georgia,serif;margin-bottom:7px}.help-about-benefits span{display:block;font-size:13px;line-height:1.55;color:#626a65}.help-about-register{margin-top:22px;padding-top:22px;border-top:1px solid var(--help-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.help-about-register div{display:grid;gap:4px;max-width:760px}.help-about-register strong{color:var(--help-green);font:18px Georgia,serif}.help-about-register span{font-size:14px;line-height:1.55;color:#5c6560}.help-about-register a{flex:none;text-decoration:none;background:var(--help-green);color:#fff;padding:11px 17px;border-radius:9px;font-size:13px;font-weight:700}@media(max-width:900px){.help-about-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.help-about{padding:25px 20px;margin-bottom:48px}.help-about-benefits{grid-template-columns:1fr}.help-about-register{align-items:flex-start;flex-direction:column}}

/* Separate top-level About and Help navigation items. */
.about-shell{padding-top:52px}.about-shell .help-about{margin-bottom:0}
@media(max-width:700px){}

/* Keep About and Help typography aligned with the public gallery theme. */
.help-page, .help-page button, .help-page input, .help-page select, .help-page textarea { font-family: var(--archive-font-body, Georgia, "Times New Roman", serif); }
.help-page h1, .help-page h2, .help-page h3, .help-page strong, .help-page summary { font-family: var(--archive-font-heading, Georgia, "Times New Roman", serif); }
/* About/Help now use the same site header as the public gallery. */
.help-page .perforated-header { box-sizing: border-box; }
.help-page .perforated-header *, .help-page .perforated-header *::before, .help-page .perforated-header *::after { box-sizing: border-box; }
.help-page .perforated-account a[aria-current="page"] { color:#963340; }

/* Shared public-page palette and gallery-search focus treatment. */
body.help-page { --help-green:#963340; --help-ink:#292724; --help-ivory:#faf7f2; --help-paper:#fffdfa; --help-line:#d8cfbe; }
.help-page .help-shell :is(input,textarea,select):focus {
    border-color:#987d4c;
    outline:2px solid #987d4c;
    outline-offset:2px;
    box-shadow:none;
}
.help-page .help-ask:focus-within { border-color:#987d4c; outline:2px solid #987d4c; outline-offset:2px; box-shadow:none; }
.help-page .help-ask input:focus { outline:0; }

.about-shell > .frontend-breadcrumb { margin:0 0 22px; padding-bottom:16px; border-bottom:1px solid #d8cfbe; font-size:14px; }

/* About shares the Help workspace proportions and readable gallery panels. */
.help-page .about-shell { max-width:none; margin:0; padding:22px clamp(18px,2.4vw,38px) 48px; font-size:18px; color:#292724; }
.about-welcome { padding:8px 0 24px; max-width:85ch; }
.about-welcome h1 { margin:0 0 14px; font-size:clamp(34px,4vw,48px); line-height:1.2; font-weight:650; }
.about-welcome p { line-height:1.75; margin:0 0 16px; color:#4c4943; }
.about-welcome .about-lead { color:#963340; font-size:22px; }
.about-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.about-pillar { padding:28px; background:rgba(255,252,245,.78); border-radius:8px; }
.about-pillar svg { width:32px; height:32px; color:#607b69; }
.about-pillar h2 { margin:14px 0; font-size:28px; color:#304a3d; }
.about-pillar h3 { color:#963340; font-size:20px; line-height:1.5; margin:0 0 18px; }
.about-pillar p { line-height:1.75; color:#4c4943; }
.about-start { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:30px; padding-top:26px; border-top:1px solid #d8cfbe; }
.about-start h2 { font-size:24px; margin:0 0 10px; }
.about-start p { line-height:1.7; margin:0; }
.about-start a { flex:none; background:#963340; color:#fffdfa; padding:14px 20px; border-radius:7px; text-decoration:none; }
.about-start a:hover { background:#7e2935; }
.about-start a:focus-visible { outline:3px solid #987d4c; outline-offset:4px; }
@media(max-width:900px) { .about-pillars { grid-template-columns:1fr; } }
@media(max-width:760px) { .help-page .about-shell { padding:22px 16px 40px; } .about-pillar { padding:24px 20px; } .about-start { align-items:start; flex-direction:column; } }

