/* Approved supporting-page compositions. Native controls, client-scoped skin. */
.sjm-support-page .hzo-container{--container-max-width:1390px;max-width:1390px;width:calc(100% - 96px);margin-inline:auto;padding-inline:0}
.sjm-support-page #main{margin:0;padding:0}
.sjm-support-page #main>.wp-block-post-content{margin:0;padding:0}
.sjm-pages{--sjm-ink:#1b305c;--sjm-rust:#9b4034;--sjm-ivory:#f3f0e9;color:var(--sjm-ink);font-family:var(--font-body,'IBM Plex Sans',sans-serif);font-size:17px;line-height:1.7}
.sjm-pages.hzo-section,.sjm-pages .hzo-section{padding-block:96px}
.sjm-pages h1,.sjm-pages h2,.sjm-pages h3{color:inherit;font-family:var(--font-heading,'Lora',serif);font-weight:400;letter-spacing:-.03em;line-height:1.15;margin:0}
.sjm-pages h1{font-size:clamp(42px,4.45vw,64px)}
.sjm-pages h2{font-size:42px}
.sjm-pages h3{font-size:26px}
.sjm-pages p{margin:16px 0 0}
.sjm-pages .sjm-pages-eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.15em;line-height:1.5;text-transform:uppercase;margin:0 0 24px;color:var(--sjm-rust)}
.sjm-pages .sjm-pages-lead{font-size:19px;line-height:1.65;max-width:620px;margin-top:24px}
.sjm-pages a{color:inherit}
.sjm-pages a:focus-visible,.sjm-pages summary:focus-visible,.sjm-pages input:focus-visible,.sjm-pages select:focus-visible,.sjm-pages textarea:focus-visible,.sjm-pages button:focus-visible{outline:3px solid var(--sjm-rust);outline-offset:5px}
.sjm-pages .hzo-btn{border-radius:0;min-height:52px;padding:14px 24px;font-size:14px;font-weight:500;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;white-space:normal}
.sjm-pages .hzo-btn--primary{background:var(--sjm-rust);border:1px solid var(--sjm-rust);color:#fff}
.sjm-pages .hzo-btn--outline{background:transparent;border:1px solid currentColor;color:var(--sjm-ink)}
.sjm-pages .hzo-btn:hover{filter:brightness(.91)}
.sjm-pages-ivory{background:var(--sjm-ivory)}
.sjm-pages-navy{background:var(--sjm-ink);color:#fff}
.sjm-pages-navy .sjm-pages-eyebrow,.sjm-pages-help .sjm-pages-eyebrow{color:#e3bb9b}
.sjm-pages-photo{overflow:hidden;background:#e5dfd5;min-width:0}
.sjm-pages-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
.sjm-pages-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.sjm-pages-split>.sjm-pages-photo{height:100%;min-height:460px;max-height:680px}
.sjm-pages-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.sjm-pages .sjm-pages-link{display:inline-block;font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.sjm-pages-intro.hzo-section{padding-bottom:64px}
.sjm-pages-contact.hzo-section{padding-top:0}
.sjm-pages-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.sjm-pages-contact-aside>.sjm-pages-photo{aspect-ratio:1.5;margin-bottom:40px}
.sjm-pages-contact-aside h2{font-size:36px}
.sjm-pages-contact-detail{line-height:1.9;overflow-wrap:anywhere}
.sjm-pages-drawings{margin-top:32px;padding-top:32px;border-top:1px solid #d6d3cc}
.sjm-pages-drawings p{margin-bottom:16px}
.sjm-pages-form-panel{padding:40px;background:var(--sjm-ivory)}
.sjm-pages-form-panel h2{font-size:32px}
.sjm-pages .sjm-pages-form-note{font-size:14px;margin:12px 0 32px}
.sjm-pages .sjm-pages-privacy{font-size:13px;line-height:1.6;margin-top:24px}
.sjm-pages-contact-form .ff-el-group{margin-bottom:24px}
.sjm-pages-contact-form{--input-radius:0px;--input-border:#7b8290;--input-padding:12px 14px}
.sjm-pages-contact-form input[type="checkbox"]{outline:1px solid #7b8290;outline-offset:0}
.sjm-pages .sjm-pages-contact-form input[type="checkbox"]:focus-visible{outline:3px solid var(--sjm-rust);outline-offset:5px}
.sjm-pages-contact-form .ff-el-input--label label{font-size:14px;font-weight:500;color:var(--sjm-ink)}
.sjm-pages .sjm-pages-contact-form .fluentform .ff-el-form-control{width:100%;max-width:100%;border:1px solid #a9aaa8;border-radius:0;background:#fff;color:var(--sjm-ink);min-height:52px;padding:12px 14px;box-shadow:none;font:inherit;font-size:16px}
.sjm-pages-contact-form textarea.ff-el-form-control{min-height:140px;resize:vertical}
.sjm-pages-contact-form .ff-el-form-check-label{font-size:13px;line-height:1.6}
.sjm-pages-contact-form .ff-btn-submit{background:var(--sjm-rust);color:#fff;border:1px solid var(--sjm-rust);border-radius:0;padding:14px 24px;min-height:52px;font:500 14px 'IBM Plex Sans',sans-serif}
.sjm-pages-contact-form .ff-el-is-error .text-danger{font-size:13px;color:#a12626}
.sjm-pages-steps.hzo-section{padding-block:64px}
.sjm-pages-next-steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0}
.sjm-pages-next-steps li{counter-increment:steps;padding-top:24px;border-top:1px solid #bdbcb7}
.sjm-pages-next-steps li::before{content:'0' counter(steps);display:block;color:var(--sjm-rust);font-size:13px;letter-spacing:.1em;margin-bottom:16px}
.sjm-pages-next-steps h3{font-size:24px}
.sjm-pages-next-steps p{font-size:16px}
.sjm-pages-faq-hero.hzo-section{padding-block:64px}
.sjm-pages-faq-hero .sjm-pages-photo{min-height:380px;width:100%;aspect-ratio:1.35}
.sjm-pages-faq-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:80px}
.sjm-pages-category-nav{display:grid;margin-bottom:40px;border-top:1px solid #d6d3cc}
.sjm-pages-category-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #d6d3cc;text-decoration:none;font-size:15px}
.sjm-pages-category-nav a:hover{color:var(--sjm-rust)}
.sjm-pages-faq-aside>.sjm-pages-photo{aspect-ratio:1.2}
.sjm-pages-help{--btn-outline-color:#fff;--btn-secondary-text:#1b305c;background:var(--sjm-ink);color:#fff;padding:32px;margin-top:32px}
.sjm-pages-help h2,.sjm-pages-help h3{font-size:28px;color:#fff}
.sjm-pages-help p{font-size:15px}
.sjm-pages .sjm-pages-help .hzo-btn--outline{margin-top:24px;color:#fff;border-color:#fff;font-size:13px;padding-inline:18px;gap:12px}
.sjm-pages-faq-group{scroll-margin-top:130px;margin-bottom:64px}
.sjm-pages-faq-group:last-child{margin-bottom:0}
.sjm-pages-faq-group h2{font-size:36px;margin-bottom:24px}
.sjm-pages .hzo-accordion{display:block;border-top:1px solid #d6d3cc}
.sjm-pages .hzo-accordion__item{border:0;border-bottom:1px solid #d6d3cc;border-radius:0;background:transparent;box-shadow:none;margin:0;padding:0}
.sjm-pages .hzo-accordion__question{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:24px 0;cursor:pointer;font:500 18px/1.5 'IBM Plex Sans',sans-serif;color:var(--sjm-ink)}
.sjm-pages .hzo-accordion__question::-webkit-details-marker{display:none}
.sjm-pages .hzo-accordion__question::after{display:none}
.sjm-pages-plus{flex:0 0 18px;position:relative;width:18px;height:18px}
.sjm-pages-plus::before,.sjm-pages-plus::after{content:'';position:absolute;background:var(--sjm-rust);width:16px;height:1px;top:8px;left:1px}
.sjm-pages-plus::after{transform:rotate(90deg)}
.sjm-pages details[open] .sjm-pages-plus::after{display:none}
.sjm-pages .hzo-accordion__answer{padding:0 40px 24px 0;max-width:760px;color:#434955;font-size:16px;line-height:1.8}
.sjm-pages .hzo-accordion__answer p{margin:0}
.sjm-pages-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.sjm-pages-cta .sjm-pages-eyebrow{margin-bottom:16px}
.sjm-pages-cta .hzo-btn{flex-shrink:0}
.sjm-pages .sjm-pages-404-number{font-family:'Lora',serif;font-size:clamp(110px,12vw,180px);line-height:1;letter-spacing:-.05em;margin:0 0 32px;color:var(--sjm-rust)}
.sjm-pages-recovery h1{font-size:48px}
.sjm-pages-recovery-links.hzo-section{padding-block:64px}
.sjm-pages-recovery-links h2{font-size:32px;margin-bottom:32px}
.sjm-pages-recovery-links nav{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.sjm-pages-recovery-links a{border-top:1px solid #c9c9c6;padding-block:24px;text-decoration:none;font-size:16px}
.sjm-pages-check{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--sjm-rust);color:var(--sjm-rust);font-size:28px;margin-bottom:32px}
.sjm-pages-thanks h1{font-size:52px}
.sjm-pages-thanks-next{border-top:1px solid #ceccc5;margin-top:32px;padding-top:32px}
.sjm-pages-thanks-next h2{font-size:26px}
.sjm-pages-thanks-next ol{padding-left:22px;margin:16px 0 0}
.sjm-pages-thanks-next li{padding-left:8px;margin-top:8px}
.sjm-pages-thanks .sjm-pages-thanks-help{font-size:14px;margin-top:24px}
.sjm-pages-journal-intro.hzo-section{padding-bottom:0}
.sjm-pages-journal-intro .sjm-pages-lockup{margin-bottom:64px}
.sjm-pages-story{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:none;overflow:visible}
.sjm-pages-story .sjm-pages-photo{aspect-ratio:1.4}
.sjm-pages-story img{transition:transform .18s ease}
.sjm-pages-story:hover img{transform:scale(1.025)}
.sjm-pages-story-copy{padding-top:24px}
.sjm-pages-story-copy .sjm-pages-eyebrow{margin-bottom:16px}
.sjm-pages-story h2{font-size:28px;line-height:1.25}
.sjm-pages-story-copy>p:not(.sjm-pages-eyebrow){font-size:16px;color:#434955}
.sjm-pages-story .sjm-pages-link{margin-top:24px}
.sjm-pages-featured{display:grid;grid-template-columns:1.1fr 1fr;background:var(--sjm-ivory);align-items:stretch}
.sjm-pages-featured .sjm-pages-photo{min-height:400px;height:100%;aspect-ratio:auto}
.sjm-pages-featured .sjm-pages-story-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}
.sjm-pages-featured h2{font-size:40px}
.sjm-pages-featured .sjm-pages-link{align-self:flex-start}
.sjm-pages-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.sjm-pages-journal-feed.hzo-section{padding-top:64px}
.sjm-pages-journal-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #cdcec9;padding-bottom:24px;margin-bottom:40px}
.sjm-pages-topics{display:flex;gap:8px 24px;flex-wrap:wrap;align-items:center}
.sjm-pages-topics a{font-size:14px;text-decoration:none;padding-block:10px;border-bottom:2px solid transparent}
.sjm-pages-topics a[aria-current]{color:var(--sjm-rust);border-color:var(--sjm-rust)}
.sjm-pages-search{flex:0 0 250px;display:flex;border:1px solid #7b8290;background:#fff;height:52px}
.sjm-pages-search input{width:100%;min-width:0;border:0;border-radius:0;padding:12px;background:transparent;font:15px 'IBM Plex Sans',sans-serif;color:var(--sjm-ink)}
.sjm-pages-search button{display:grid;place-items:center;border:0;background:transparent;color:var(--sjm-ink);width:48px;flex-shrink:0;cursor:pointer}
.sjm-pages-results{margin-bottom:32px!important}
.sjm-pages-empty{padding-block:40px}
.sjm-pages-empty .hzo-btn{margin-top:24px}
.sjm-pages-pagination{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:64px}
.sjm-pages-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ceccc5;padding:8px 14px;text-decoration:none}
.sjm-pages-pagination .current{background:var(--sjm-ink);color:#fff}
.sjm-pages-article-head.hzo-section{padding-bottom:64px}
.sjm-pages-back{display:inline-block;font-size:14px;margin-bottom:40px;text-decoration:none}
.sjm-pages-article-head h1{max-width:1000px}
.sjm-pages-article-head .sjm-pages-lead{max-width:780px}
.sjm-pages .sjm-pages-meta{font-size:13px;margin-top:24px;color:#555b65}
.sjm-pages-meta span{padding-inline:12px}
.sjm-pages-article-cover{aspect-ratio:2.35;max-height:590px;margin-top:48px}
.sjm-pages-article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:80px;justify-content:space-between;padding-bottom:96px!important}
.sjm-pages-prose{font-size:18px;line-height:1.9;color:#343e50;min-width:0}
.sjm-pages-prose h2{font-size:34px;margin:48px 0 24px;color:var(--sjm-ink);scroll-margin-top:130px}
.sjm-pages-prose h2:first-child{margin-top:0}
.sjm-pages-prose h3{font-size:26px;line-height:1.3;margin:32px 0 16px;color:var(--sjm-ink)}
.sjm-blog-summary{background:var(--sjm-ivory);padding:24px 32px;margin:0 0 32px;border-left:3px solid var(--sjm-ink)}
.sjm-pages-prose .sjm-blog-summary p:last-child{margin-bottom:0}
.sjm-blog-inline-photo{margin:32px 0}
.sjm-pages-prose .sjm-blog-inline-photo img{display:block;width:100%;height:auto;border-radius:0}
.sjm-pages-prose p{margin:0 0 24px}
.sjm-pages-prose a{color:var(--sjm-rust)}
.sjm-pages-prose img,.sjm-pages-prose iframe{max-width:100%}
.sjm-pages-prose img{height:auto}
.sjm-pages-prose pre,.sjm-pages-prose .wp-block-table{overflow:auto}
.sjm-pages-article-aside nav{border-top:1px solid #ceccc5;padding-top:24px}
.sjm-pages-article-aside nav h2{font:600 12px 'IBM Plex Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.sjm-pages-article-aside nav a{display:block;font-size:14px;line-height:1.65;padding-block:12px;border-bottom:1px solid #e0dfd9;text-decoration:none}
.sjm-pages-related-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px}
@media(min-width:1600px){.sjm-support-page .hzo-container{width:calc(100% - 128px)}}
.sjm-support-page .sjm-header .hzo-mobile-trigger{color:#fff}
@media(max-width:1100px){.sjm-support-page .hzo-container{width:calc(100% - 64px)}.sjm-pages-split,.sjm-pages-contact-grid{gap:40px}.sjm-pages-faq-layout,.sjm-pages-article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 250px}.sjm-pages-faq-layout{grid-template-columns:240px minmax(0,1fr)}.sjm-pages-featured .sjm-pages-story-copy{padding:32px}.sjm-pages-featured h2{font-size:34px}.sjm-pages-journal-tools{align-items:flex-start;flex-direction:column}.sjm-pages-search{flex:auto;width:100%;max-width:400px}.sjm-pages-story-grid{gap:40px 24px}.sjm-pages-form-panel{padding:32px}.sjm-pages-recovery h1,.sjm-pages-thanks h1{font-size:42px}}
@media(max-width:800px){.sjm-pages.hzo-section,.sjm-pages .hzo-section{padding-block:64px}.sjm-pages h2{font-size:34px}.sjm-pages h3{font-size:24px}.sjm-pages-split,.sjm-pages-contact-grid{grid-template-columns:1fr;gap:40px}.sjm-pages-split>.sjm-pages-photo{height:auto;min-height:0;max-height:none;aspect-ratio:1.4}.sjm-pages-split>.sjm-pages-photo img{height:100%}.sjm-pages-contact-grid{gap:48px}.sjm-pages-contact-aside>.sjm-pages-photo{aspect-ratio:1.6}.sjm-pages-faq-layout{grid-template-columns:1fr;gap:40px}.sjm-pages-faq-aside>.sjm-pages-photo,.sjm-pages-faq-aside>.sjm-pages-help{display:none}.sjm-pages-category-nav{grid-template-columns:1fr 1fr;column-gap:24px;margin:0}.sjm-pages-faq-group{margin-bottom:48px}.sjm-pages-cta-inner{align-items:flex-start;flex-direction:column}.sjm-pages-featured{grid-template-columns:1fr}.sjm-pages-featured .sjm-pages-photo{min-height:0;height:auto;aspect-ratio:1.7}.sjm-pages-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sjm-pages-article-layout{grid-template-columns:1fr;gap:40px;padding-bottom:64px!important}.sjm-pages-article-aside{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sjm-pages-article-aside .sjm-pages-help{margin:0}.sjm-pages-next-steps{gap:24px}.sjm-pages-next-steps h3{font-size:22px}.sjm-pages-recovery-links nav{gap:24px}.sjm-pages-article-cover{aspect-ratio:1.7}}
@media(max-width:540px){.sjm-support-page .hzo-container{width:calc(100% - 48px)}.sjm-pages{font-size:16px}.sjm-pages h1{font-size:42px}.sjm-pages .sjm-pages-lead{font-size:17px}.sjm-pages h2{font-size:32px}.sjm-pages-intro.hzo-section{padding-bottom:40px}.sjm-pages-form-panel{padding:24px}.sjm-pages-form-panel h2{font-size:28px}.sjm-pages-actions{flex-direction:column;align-items:flex-start}.sjm-pages-contact-aside .sjm-pages-actions{flex-direction:row}.sjm-pages-contact-aside .hzo-btn{padding-inline:18px;gap:12px}.sjm-pages-next-steps,.sjm-pages-recovery-links nav,.sjm-pages-story-grid{grid-template-columns:1fr;gap:32px}.sjm-pages-next-steps h3{font-size:25px}.sjm-pages-steps.hzo-section,.sjm-pages-recovery-links.hzo-section{padding-block:40px}.sjm-pages-recovery-links nav{gap:0}.sjm-pages-category-nav{grid-template-columns:1fr}.sjm-pages .hzo-accordion__question{font-size:17px}.sjm-pages .hzo-accordion__answer{padding-right:16px}.sjm-pages-faq-group h2{font-size:30px}.sjm-pages-thanks h1,.sjm-pages-recovery h1{font-size:40px}.sjm-pages-thanks .sjm-pages-split>.sjm-pages-photo{aspect-ratio:1.2}.sjm-pages-journal-intro .sjm-pages-lockup{margin-bottom:40px}.sjm-pages-featured .sjm-pages-story-copy{padding:24px}.sjm-pages-featured h2{font-size:30px}.sjm-pages-story-grid{gap:48px}.sjm-pages-story h2{font-size:28px}.sjm-pages-topics{gap:4px 20px}.sjm-pages-article-head h1{font-size:40px}.sjm-pages-article-cover{aspect-ratio:1.3;margin-top:32px}.sjm-pages-prose{font-size:17px}.sjm-pages-prose h2{font-size:30px}.sjm-pages-article-aside{grid-template-columns:1fr}.sjm-pages-related-title{flex-direction:column;align-items:flex-start}.sjm-pages-help{padding:24px}}
@media(max-width:800px){.sjm-pages-article-aside{display:contents}.sjm-pages-article-aside nav{order:-1}.sjm-pages-article-aside .sjm-pages-help{order:1}}
@media(prefers-reduced-motion:reduce){.sjm-pages *{scroll-behavior:auto!important;transition:none!important}.sjm-pages-story:hover img{transform:none}}

/* FAQ accordion, open and hover states (operator, 2026-09-15: "looks terrible
   when it's open"). Three rules were stacking on the open item:
   1. The engine tints the question on hover (accordion.css:61, --brand-pale),
      which this template never cancelled - a grey slab over the open row.
      Hover now shifts the question to rust (6.6:1) with no fill, the language
      every other link on the site already uses.
   2. The engine's [open] rule cuts the question's bottom padding to 10px and
      outranks this template's 24px, while the answer has no top padding, so the
      answer sat hard against its question. Open rhythm restated one class up.
   3. The focus ring was 3px with a 5px OUTSET on a full-width row, so its bottom
      edge drew a rust bar across the gap between question and answer. An INSET
      ring was tried and collides with the question text, which has no inline
      padding because it sits on the page rail. So keyboard focus is a rust
      underline on the question itself - visible, no box, no layout shift - and a
      deliberate exception to the contract's ring for this one full-width control.
      Forced-colors mode, where text-decoration colour is unreliable, keeps a real
      outline. */
.sjm-pages .hzo-accordion__question { transition: color .18s ease; }
.sjm-pages .hzo-accordion__question:hover { background: transparent; color: var(--sjm-rust); }
.sjm-pages .hzo-accordion__item[open] > .hzo-accordion__question { padding-bottom: 12px; }
.sjm-pages .hzo-accordion__item[open] > .hzo-accordion__answer { padding-top: 0; padding-bottom: 28px; }
.sjm-pages .hzo-accordion__question:focus-visible { outline: none; color: var(--sjm-rust); text-decoration: underline 2px var(--sjm-rust); text-underline-offset: 6px; }
@media (forced-colors: active) { .sjm-pages .hzo-accordion__question:focus-visible { outline: 2px solid CanvasText; outline-offset: -2px; } }