/* Shared help and public404. Static links work without JavaScript. */
.help-page main{padding-top:52px;padding-bottom:56px}.help-intro{max-width:760px;margin-bottom:40px}
.help-page h1{font-weight:400;font-size:clamp(42px,6.5vw,88px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}
.help-page h1 em{font-family:Georgia,serif;font-weight:400}.help-intro>p:last-child,.error-page>p{font-size:17px;line-height:1.65;max-width:55ch}
.help-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.help-card{background:#fffdf6;border:1px solid #c5cbbb;padding:28px;min-width:0;display:flex;flex-direction:column}
.help-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.help-symbol{width:66px;height:66px;flex:none;color:#ad742c;perspective:600px}.help-symbol svg{width:100%;height:100%}
.help-card h2{font-size:clamp(23px,2.4vw,32px);font-weight:400;letter-spacing:-.04em;line-height:1.15}.help-card>p{font-size:14px;line-height:1.7;margin:16px 0 22px;flex:1}
.help-primary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:13px 16px;background:#183d35;color:#fffdf6;font-size:13px;text-decoration:none;line-height:1.5}
.help-card details{margin-top:18px;border-top:1px solid #c5cbbb}.help-card summary,.help-prepare>summary{display:list-item;cursor:pointer;min-height:46px;font-size:13px;padding:13px 0;line-height:1.5;overflow-wrap:anywhere}
.help-card details nav{display:grid;gap:8px;margin-bottom:8px}.help-card details a{padding:10px 0;font-size:13px;line-height:1.5}.help-card{align-self:start}
.help-card details:not([open])>:not(summary),.help-prepare:not([open])>:not(summary){display:none}
.help-note{margin-top:28px;border-left:3px solid #b5792e;padding:18px 24px;background:#ebe7d9}.help-note h2{font-size:20px;font-weight:400;line-height:1.4}.help-note p,.help-prepare p{font-size:14px;line-height:1.75;margin:10px 0}
.help-prepare{margin:24px 0 0;border-bottom:1px solid #c5cbbb;padding-bottom:8px;max-width:780px}.help-prepare>summary{font-size:15px}
.help-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 0 34px;border-top:1px solid #c5cbbb;font-size:12px;line-height:1.7}
.help-page a:focus-visible,.help-page summary:focus-visible{outline:3px solid #b5792e;outline-offset:5px}
.error-page{min-height:65vh}.error-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:30px 0}.error-projects{display:flex;flex-wrap:wrap;gap:18px;font-size:15px;line-height:1.8}.error-projects a{padding:10px 0}
@media(prefers-reduced-motion:no-preference){.help-learn .help-symbol{animation:help-star 1200ms cubic-bezier(.2,.7,.2,1) both}.help-dom .help-symbol{animation:help-arch 1300ms cubic-bezier(.2,.7,.2,1) both}.help-connect .help-symbol{animation:help-orbit 1400ms cubic-bezier(.2,.7,.2,1) both}}
@keyframes help-star{from{transform:perspective(600px) rotateX(35deg) rotateZ(-80deg) scale(.65)}to{transform:perspective(600px) rotateX(0deg) rotateZ(0deg) scale(1)}}
@keyframes help-arch{from{transform:perspective(600px) rotateY(-65deg)}to{transform:perspective(600px) rotateY(0deg)}}
@keyframes help-orbit{from{transform:perspective(600px) rotateX(-50deg) rotateY(40deg) scale(.75)}to{transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)}}
@media(max-width:800px){.help-cards{grid-template-columns:1fr}.help-card{padding:24px}.help-card-head{margin-bottom:16px}.help-page main{padding-top:28px}.help-intro{margin-bottom:28px}.help-page h1{font-size:clamp(39px,8vw,64px)}.help-footer{font-size:11px}.help-intro>p:last-child,.error-page>p{font-size:15px}.help-note{padding:16px 18px}}
@media print{.help-symbol{animation:none!important;transform:none!important}.help-page .site-header nav,.help-footer{display:none}.help-cards{display:block}.help-card{break-inside:avoid;margin-bottom:18px}.help-primary{color:#183d35;background:none;padding-left:0}}
