/* Theme-only additions (WordPress rig). Design styles stay in preview/ (copied to assets/ at install). */
.brag-rig-note { background: #fff4d6; border-bottom: 1px solid #e0c27a; color: #4a3a17; font: 13px/1.5 Arial, sans-serif; text-align: center; padding: 9px 16px; }
.brag-rig-note a { color: #4a3a17; }
.route-table { width: 100%; border-collapse: collapse; font: 14px/1.5 Arial, sans-serif; margin: 0 0 40px; }
.route-table th, .route-table td { border-bottom: 1px solid #e3d9c6; padding: 8px 10px; text-align: left; vertical-align: top; }
.route-table th { background: #f3ecdf; }
.route-status { padding: 40px 0 60px; }
/* BRAG-60 (F1): long unbroken text typed by an applicant (an answer, a draft field, a saved version) wraps inside the page instead of making it wider than a phone screen. Scoped to the two native private screens; normal text lays out exactly as before. */
.brag-interview, .brag-profile-draft { overflow-wrap: anywhere; }
/* BRAG account dashboard: cream/gold two-path member panel (legacy visual grammar, current journey states). Every selector below is scoped to .brag-dash or .brag-member-paths; nothing else on the page is restyled. */
.brag-dash { --brag-cream: #FAF8F2; --brag-gold: #e4b446; --brag-charcoal: #171717; box-sizing: border-box; margin: 0 0 22px; padding: 22px 24px; color: #424242; background: linear-gradient(135deg, rgba(228, 180, 70, .12), #FAF8F2 42%, #ffffff 100%); border: 1px solid #d8d1c4; border-top: 4px solid #e4b446; border-radius: 3px; font: 15px/1.45 Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
.brag-dash *, .brag-dash *::before, .brag-dash *::after { box-sizing: border-box; }
.brag-dash h2 { margin: 0 0 12px; color: #3f4851; font: 600 24px/1.3 "Cormorant Garamond", Georgia, serif; }
.brag-dash h3 { margin: 0 0 8px; color: #3f4851; font-size: 16px; line-height: 1.35; }
.brag-dash__app { margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid rgba(181, 133, 32, .28); }
.brag-dash__app:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.brag-dash ul { margin: 12px 0; padding-left: 20px; }
.brag-dash a { color: #8f6816; text-underline-offset: 2px; }
.brag-member-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 14px; }
.brag-member-paths__card { min-width: 0; padding: 15px 16px; background: rgba(255, 255, 255, .9); border: 1px solid #e4ded2; border-top: 3px solid #e4b446; border-radius: 3px; }
.brag-member-paths__card--profile { border-top-color: #4f5963; }
.brag-member-paths__title { margin: 0 0 8px; color: #3f4851; font-size: 16px; line-height: 1.3; }
.brag-member-paths__status { display: inline-block; margin: 0 0 8px; padding: 2px 8px; color: #6f5317; background: #fff3bf; border: 1px solid #e4b446; border-radius: 12px; font-size: 12px; font-weight: 700; line-height: 1.4; }
.brag-member-paths__text { margin: 0 0 10px; color: #5b5b5b; font-size: 14px; }
/* Action buttons: scoped under .brag-dash so the pairs below (specificity 0,2,0 and 0,3,0) beat the ordinary .brag-dash a link colour (0,1,1); later rules of equal specificity win by order. */
.brag-dash .brag-member-paths__button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; margin: 0 8px 6px 0; padding: 10px 16px; color: #ffffff; background: #171717; border: 1px solid #171717; border-radius: 3px; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; }
.brag-dash .brag-member-paths__card--cert .brag-member-paths__button { color: #171717; background: #e4b446; border-color: #e4b446; }
.brag-dash .brag-member-paths__button--secondary { color: #171717; background: #ffffff; border-color: #171717; }
.brag-dash .brag-member-paths__card--cert .brag-member-paths__button--secondary { color: #171717; background: #ffffff; border-color: #171717; }
.brag-dash .brag-member-paths__button:hover, .brag-dash .brag-member-paths__button:focus { color: #171717; background: #f3d27a; border-color: #b58520; }
.brag-dash .brag-member-paths__button:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }
@media (max-width: 680px) {
.brag-dash { padding: 19px; }
.brag-member-paths { grid-template-columns: 1fr; }
}
/* BRAG-WOO-ACCOUNT-STYLE-J2: polish of the NATIVE WooCommerce My Account navigation, the login / register / lost-password columns, native notices and the edit-account / address fields and buttons, in the existing cream / black / bronze / gold hierarchy (serif headings, sans body). CSS ONLY: every selector starts with body.woocommerce-account .woocommerce (Woo's own unprefixed body class and wrapper), no template override, no script, no URL, no !important, no global rule; Woo markup, routes, controls, hooks and account actions are untouched. The mobile order block above (content first, navigation second under 768px) is kept. */
body.woocommerce-account .woocommerce { color: #424242; font-family: Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3 { margin: 0 0 12px; color: #171717; font: 600 28px/1.2 "Cormorant Garamond", Georgia, serif; }
body.woocommerce-account .woocommerce a { color: #8f6816; text-underline-offset: 2px; }
body.woocommerce-account .woocommerce a:hover { color: #171717; }
body.woocommerce-account .woocommerce a:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }
/* navigation: a bordered cream list, no bullets, one 44px tap target per link, the current page marked in black and gold */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { box-sizing: border-box; margin: 0 0 22px; padding: 0; list-style: none; background: #FAF8F2; border: 1px solid #d8d1c4; border-top: 4px solid #e4b446; border-radius: 3px; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e4ded2; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a { display: block; box-sizing: border-box; min-height: 44px; padding: 12px 16px; color: #171717; font: 700 14px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a:hover { color: #765038; background: #ffffff; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a { color: #e4b446; background: #171717; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a:focus-visible { outline: 3px solid #171717; outline-offset: -3px; background: #f3d27a; color: #171717; }
/* signed-out login and register: two even columns, one column under 768px */
body.woocommerce-account .woocommerce #customer_login { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
body.woocommerce-account .woocommerce #customer_login::before,
body.woocommerce-account .woocommerce #customer_login::after { content: none; display: none; }
body.woocommerce-account .woocommerce #customer_login .u-column1,
body.woocommerce-account .woocommerce #customer_login .u-column2 { float: none; width: auto; min-width: 0; }
body.woocommerce-account .woocommerce form .form-row { margin: 0 0 14px; padding: 0; }
body.woocommerce-account .woocommerce form .form-row label { display: block; margin: 0 0 6px; }
body.woocommerce-account .woocommerce form .required { color: #8f6816; text-decoration: none; }
body.woocommerce-account .woocommerce form .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: 8px; font-weight: 400; }
body.woocommerce-account .woocommerce form .woocommerce-form__label-for-checkbox input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: #171717; }
body.woocommerce-account .woocommerce .woocommerce-LostPassword { margin: 14px 0 0; }
/* the edit-account and address screens use the same field and button look as login */
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input.input-text,
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm select,
body.woocommerce-account .woocommerce .woocommerce-address-fields input.input-text,
body.woocommerce-account .woocommerce .woocommerce-address-fields select { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: 10px 12px; color: #111111; background: #ffffff; border: 1px solid #ccc4b6; border-radius: 3px; font: 16px/1.5 Arial, Helvetica, sans-serif; }
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input.input-text:focus-visible,
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm select:focus-visible,
body.woocommerce-account .woocommerce .woocommerce-address-fields input.input-text:focus-visible,
body.woocommerce-account .woocommerce .woocommerce-address-fields select:focus-visible { border-color: #b58520; outline: 3px solid #171717; outline-offset: 2px; }
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm button.button,
body.woocommerce-account .woocommerce .woocommerce-address-fields button.button { box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 10px 20px; color: #171717; background: #e4b446; border: 1px solid #e4b446; border-radius: 3px; font: 700 15px/1.2 Arial, Helvetica, sans-serif; cursor: pointer; }
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm button.button:hover,
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm button.button:focus-visible,
body.woocommerce-account .woocommerce .woocommerce-address-fields button.button:hover,
body.woocommerce-account .woocommerce .woocommerce-address-fields button.button:focus-visible { color: #e4b446; background: #171717; border-color: #171717; }
/* native notices: cream with a gold edge (message / info) or a red edge (error); Woo's own icon and its spacing are left alone */
body.woocommerce-account .woocommerce .woocommerce-message,
body.woocommerce-account .woocommerce .woocommerce-info { color: #2b2620; background: #FAF8F2; border: 1px solid #d8d1c4; border-left: 4px solid #e4b446; border-radius: 3px; }
body.woocommerce-account .woocommerce .woocommerce-error { color: #2b2620; background: #fbf1ee; border: 1px solid #e0c0b8; border-left: 4px solid #8a2c1d; border-radius: 3px; }
body.woocommerce-account .woocommerce .woocommerce-message .button,
body.woocommerce-account .woocommerce .woocommerce-info .button { color: #171717; background: #e4b446; border-radius: 3px; }
@media (max-width: 767px) {
body.woocommerce-account .woocommerce #customer_login { grid-template-columns: minmax(0, 1fr); gap: 18px; }
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3 { font-size: 24px; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; }
}

/* BRAG-LEGACY-WOO-ACCOUNT-SURFACE-R1: native WooCommerce My Account surface (standard Woo classes only; no script, DOM move, page id, Avada selector or global form rule; no !important). Clean adaptation of the approved cream/gold/bronze grammar of the legacy account area; it is NOT recovered legacy login parity (the historical auth source was not recovered). Every selector starts with body.woocommerce-account .woocommerce, which keeps it above Woo's own (0,3,x) form rules without !important. */
@media (max-width: 767px) {
body.woocommerce-account .woocommerce { display: flex; flex-direction: column; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content { order: 1; float: none; width: 100%; }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { order: 2; float: none; width: 100%; margin-top: 24px; }
}
body.woocommerce-account .woocommerce form.woocommerce-form-login,
body.woocommerce-account .woocommerce form.woocommerce-form-register,
body.woocommerce-account .woocommerce form.lost_reset_password { box-sizing: border-box; margin: 0 0 22px; padding: 22px 24px; color: #424242; background: linear-gradient(135deg, rgba(228, 180, 70, .12), #FAF8F2 42%, #ffffff 100%); border: 1px solid #d8d1c4; border-top: 4px solid #e4b446; border-radius: 3px; font: 15px/1.45 Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
body.woocommerce-account .woocommerce form.woocommerce-form-login label,
body.woocommerce-account .woocommerce form.woocommerce-form-register label,
body.woocommerce-account .woocommerce form.lost_reset_password label { color: #2b2620; font-size: 14px; font-weight: 700; }
body.woocommerce-account .woocommerce form.woocommerce-form-login .form-row input.input-text,
body.woocommerce-account .woocommerce form.woocommerce-form-register .form-row input.input-text,
body.woocommerce-account .woocommerce form.lost_reset_password .form-row input.input-text { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: 10px 12px; color: #111111; background: #ffffff; border: 1px solid #ccc4b6; border-radius: 3px; font: 16px/1.5 Arial, Helvetica, sans-serif; }
body.woocommerce-account .woocommerce form.woocommerce-form-login .form-row input.input-text:focus-visible,
body.woocommerce-account .woocommerce form.woocommerce-form-register .form-row input.input-text:focus-visible,
body.woocommerce-account .woocommerce form.lost_reset_password .form-row input.input-text:focus-visible { border-color: #b58520; outline: 3px solid #171717; outline-offset: 2px; }
body.woocommerce-account .woocommerce form.woocommerce-form-login button.button,
body.woocommerce-account .woocommerce form.woocommerce-form-register button.button,
body.woocommerce-account .woocommerce form.lost_reset_password button.button { box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 10px 20px; color: #171717; background: #e4b446; border: 1px solid #e4b446; border-radius: 3px; font: 700 15px/1.2 Arial, Helvetica, sans-serif; text-decoration: none; cursor: pointer; }
body.woocommerce-account .woocommerce form.woocommerce-form-login button.button:hover,
body.woocommerce-account .woocommerce form.woocommerce-form-login button.button:focus,
body.woocommerce-account .woocommerce form.woocommerce-form-register button.button:hover,
body.woocommerce-account .woocommerce form.woocommerce-form-register button.button:focus,
body.woocommerce-account .woocommerce form.lost_reset_password button.button:hover,
body.woocommerce-account .woocommerce form.lost_reset_password button.button:focus { color: #e4b446; background: #171717; border-color: #171717; }
body.woocommerce-account .woocommerce form.woocommerce-form-login button.button:focus-visible,
body.woocommerce-account .woocommerce form.woocommerce-form-register button.button:focus-visible,
body.woocommerce-account .woocommerce form.lost_reset_password button.button:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }
body.woocommerce-account .woocommerce form.woocommerce-form-login a,
body.woocommerce-account .woocommerce form.woocommerce-form-register a,
body.woocommerce-account .woocommerce form.lost_reset_password a { color: #8f6816; text-underline-offset: 2px; }
body.woocommerce-account .woocommerce form.woocommerce-form-login a:focus-visible,
body.woocommerce-account .woocommerce form.woocommerce-form-register a:focus-visible,
body.woocommerce-account .woocommerce form.lost_reset_password a:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }

/* BRAG-BADGE-ACCOUNT-D: "Your media and awards" (first item = tentative level badge preview). Scoped to .brag-dash. */
.brag-dash .brag-dash__media { margin: 18px 0 0; padding: 18px 20px; border: 1px solid #d7cec2; border-top: 2px solid var(--brag-gold); background: #fff; }
.brag-dash .brag-dash__media h4 { margin: 0 0 12px; font-size: 20px; }
.brag-dash .brag-dash__asset { display: flex; align-items: center; gap: 18px; margin: 0; }
.brag-dash .brag-dash__badge { flex: 0 0 auto; width: 140px; max-width: 40vw; height: auto; }
.brag-dash .brag-dash__asset figcaption { min-width: 0; overflow-wrap: anywhere; }
.brag-dash .brag-dash__tentative { display: inline-block; padding: 1px 8px; border: 1px solid #245b3c; background: #f0f7f2; color: #173e2b; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 520px) { .brag-dash .brag-dash__asset { flex-direction: column; align-items: flex-start; } }

/* BRAG-PRIVATE-LISTING-E: private Directory listing card. Scoped to .brag-dash. */
.brag-dash .brag-dash__pl { margin: 18px 0 0; padding: 18px 20px; border: 1px solid #d7cec2; border-top: 2px solid var(--brag-gold); background: #fff; overflow-wrap: anywhere; }
.brag-dash .brag-dash__pl h4 { margin: 0 0 12px; font-size: 20px; }
.brag-dash .brag-dash__pl button { min-height: 44px; padding: 8px 16px; }
.brag-dash .brag-dash__plflash { margin: 0 0 12px; padding: 10px 12px; border-left: 3px solid var(--brag-gold); background: #fbf6ea; }

/* BRAG-K12-ACCOUNT-LOGIN-OLD-LOOK: Chad's request - the account and sign-in pages look and feel like the OLD site again (VISUAL reuse only): cream page with generous air, a slim left navigation of simple gold-text links with horizontal dividers instead of the boxed black active block, a right content card (thin cream outer line, gold top rule, cream-to-white fill, centred 24px serif heading); a white sign-in page with a centred "Welcome Back." serif heading, a ~544px framed card with a gold top edge, a cream ~486px form, 50px full-width fields and a full-width gold Log in button, then Remember me / Lost password. Scoped to body.woocommerce-account .woocommerce and the page wrapper; the signed-in state is the body class `logged-in` OR the theme-prefixed `wp-logged-in` (the live theme prefixes WordPress's body classes), signed-out = neither; standard Woo classes only; no template override, no script, one declared exception to the theme's own !important on .archive__title margin-top (the signed-out heading margin), no change to any route, form, action, nonce, field name, notice or security widget (reCAPTCHA / registration rules / redirects are Woo's own). Mobile order (content first, navigation second under 768px) is kept. */
body.woocommerce-account:is(.logged-in, .wp-logged-in) main.journal { background: #faf8f2; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) main.journal { background: #ffffff; }
body.woocommerce-account main.journal .route-status { padding: 56px 0 84px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) main.journal .j-wrap:has(.woocommerce) > h1.archive__title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }   /* the page heading stays in the DOM for assistive technology; the old signed-in page showed the card heading only; hidden ONLY when WooCommerce's own wrapper is present, so a missing-Woo fallback keeps its heading and the route-status message (.pending) is never suppressed */
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) main.journal .j-wrap > h1.archive__title { margin: 0 0 8px !important; text-align: center; font: 500 clamp(36px, 6vw, 52px)/1.1 "Cormorant Garamond", Georgia, "Times New Roman", serif; letter-spacing: -.01em; color: #111; }
body.woocommerce-account .brag-auth-sub { margin: 0 auto 34px; max-width: 544px; text-align: center; color: #5b564f; font: 400 17px/1.5 Arial, Helvetica, sans-serif; }
@media (min-width: 768px) {
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce { display: grid; grid-template-columns: 220px minmax(0, 700px); gap: 0 44px; justify-content: center; align-items: start; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation { float: none; width: auto; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content { float: none; width: auto; }
}
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li { border-bottom: 1px solid #e3d7c8; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li:last-child { border-bottom: 1px solid #e3d7c8; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li a { min-height: 44px; padding: 12px 6px; color: #8f6816; background: transparent; border-left: 3px solid transparent; font: 400 15px/1.35 Arial, Helvetica, sans-serif; text-decoration: none; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li a:hover { color: #171717; background: transparent; text-decoration: underline; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li.is-active a { color: #171717; background: transparent; border-left-color: #e4b446; font-weight: 700; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content { box-sizing: border-box; margin: 11px 11px 22px; padding: 30px 34px 34px; background: linear-gradient(180deg, #faf8f2 0%, #ffffff 100%); border-top: 3px solid #e4b446; box-shadow: 0 0 0 10px #faf8f2, 0 0 0 11px #e3d7c8; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content > h2,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content > h3,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash h2 { text-align: center; font: 600 24px/1.25 "Cormorant Garamond", Georgia, "Times New Roman", serif; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce { max-width: 544px; margin: 0 auto; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login { display: block; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login .u-column1,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login .u-column2 { box-sizing: border-box; margin: 0 0 26px; padding: 28px; background: #fff; border: 1px solid #e3d7c8; border-top: 3px solid #e4b446; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login .u-column1 > h2 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login .u-column2 > h2 { margin: 0 0 14px; text-align: center; font: 600 24px/1.25 "Cormorant Garamond", Georgia, "Times New Roman", serif; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-register,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.lost_reset_password { margin: 0; padding: 25px; background: #faf8f2; border: 0; border-radius: 0; box-shadow: none; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce > form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce > form.lost_reset_password { margin: 0 29px 26px; box-shadow: 0 0 0 28px #fff, 0 0 0 29px #e3d7c8; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .woocommerce-form__input-checkbox:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row input.input-text,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-register .form-row input.input-text,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.lost_reset_password .form-row input.input-text { min-height: 50px; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row:not(:has(button)) { display: block; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login button.button,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-register button.button,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.lost_reset_password button.button { width: 100%; min-height: 50px; }   /* DOM order is kept (Remember me, then Log in, then Lost password) so keyboard order equals visual order */
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .lost_password,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce .woocommerce-LostPassword { margin: 14px 0 0; text-align: right; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce .woocommerce-notices-wrapper,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce > .woocommerce-message,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce > .woocommerce-error,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce > .woocommerce-info { max-width: 544px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
body.woocommerce-account main.journal .route-status { padding: 36px 0 60px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content { width: auto; margin: 11px 11px 22px; padding: 22px 18px 26px; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login .u-column1,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce #customer_login .u-column2 { padding: 16px; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-register,
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.lost_reset_password { padding: 18px; }
}
/* K12 repair (native Woo 11.2): the sign-in password row contains Woo's own <span class="password-input"> with a nested <button type="button" class="show-password-input">, so the earlier :not(:has(button)) test excluded it and made it a flex row (label inline, field ~half width). Only the SUBMIT row is special: every sign-in row is a normal block again; the Log in button (.woocommerce-form-login__submit) is the full-width gold block; the password toggle is Woo's own small button and is not touched. */
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row { display: block; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row label { display: block; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row label.woocommerce-form__label-for-checkbox { display: inline-flex; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row .password-input { display: block; position: relative; width: 100%; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .form-row input.input-text { width: 100%; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit { display: block; width: 100%; margin: 14px 0 0; }
body.woocommerce-account:not(.logged-in):not(.wp-logged-in) .woocommerce form.woocommerce-form-login .show-password-input:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }
/* K12 grid repair (native Woo 11.2): WooCommerce's own clearfix (.woocommerce::before / ::after { content: " "; display: table }) became GRID ITEMS of the signed-in two-column grid, pushing the navigation into the 700px track and the content into the 220px one. On desktop the clearfix pseudo-elements are removed from the grid and every item is placed explicitly: notices row 1 (full width, may be empty), navigation column 1 / row 2, content column 2 / row 2. Works with or without Woo's notices wrapper. */
@media (min-width: 768px) {
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce::before,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce::after { content: none; display: none; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; grid-row: 1; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 2; }
}

/* BRAG-ACCOUNT-CENTER-OLD-LOOK-R1 (append-only; signed-in .woocommerce-account ONLY): the legacy cream / thin-rule / gold-bronze account centre. Colour, spacing, borders and ONE redundant Dashboard heading only: no layout, order, float, markup, JS, endpoint, copy or auth change (the accepted mobile content-before-navigation stays untouched). */
body.woocommerce-account:is(.logged-in, .wp-logged-in) main.journal { background: #faf8f2; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) main.journal .route-status { padding-top: 48px; padding-bottom: 72px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) main.journal .j-wrap > h1.archive__title { margin: 0 0 22px; font: 500 clamp(28px, 4vw, 36px)/1.15 "Cormorant Garamond", Georgia, "Times New Roman", serif; letter-spacing: 0; color: #171717; text-align: left; }
body.woocommerce-account.woocommerce-dashboard:is(.logged-in, .wp-logged-in) main.journal .j-wrap > h1.archive__title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0 0 24px; padding: 0; list-style: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border-bottom: 1px solid #e3d7c8; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li:last-child { border-bottom: 1px solid #e3d7c8; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li a { display: block; box-sizing: border-box; min-height: 44px; padding: 12px 8px 12px 10px; color: #8f6816; background: transparent; border-left: 3px solid transparent; font: 400 15px/1.35 Arial, Helvetica, sans-serif; text-decoration: none; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li a:hover { color: #765038; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li a[aria-current="page"] { color: #171717; background: transparent; border-left-color: #e4b446; font-weight: 700; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-navigation li a:focus-visible { outline: 3px solid #171717; outline-offset: -3px; color: #171717; background: #f3d27a; text-decoration: underline; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content { box-sizing: border-box; margin-bottom: 24px; padding: 28px 32px 32px; background: linear-gradient(180deg, #faf8f2 0%, #ffffff 100%); border: 1px solid #e3d7c8; border-top: 3px solid #e4b446; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content > h2,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content > h3 { margin: 0 0 14px; color: #171717; font: 600 24px/1.25 "Cormorant Garamond", Georgia, "Times New Roman", serif; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content hr { border: 0; border-top: 1px solid #e3d7c8; margin: 22px 0; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash { margin-bottom: 26px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content a:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }
@media (max-width: 767px) {
body.woocommerce-account:is(.logged-in, .wp-logged-in) main.journal .route-status { padding-top: 28px; padding-bottom: 48px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content { padding: 20px 18px 24px; }
}
/* END BRAG-ACCOUNT-CENTER-OLD-LOOK-R1 */

/* BRAG-ACCOUNT-START-APPLICATION-AC3 (append-only; CSS only; signed-in Account Center; AFTER BRAG-ACCOUNT-CENTER-OLD-LOOK-R1) */
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--start { margin: 0 0 26px; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--start a.brag-dash__start {
  display: inline-block; box-sizing: border-box; min-height: 44px; padding: 12px 26px; margin-top: 4px;
  background: #E4B446; color: #171717; border: 0; border-radius: 2px; font-weight: 700; line-height: 20px; text-align: center; text-decoration: none;
}
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--start a.brag-dash__start:hover { background: #D9A52F; color: #171717; }
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--start a.brag-dash__start:focus-visible { outline: 3px solid #171717; outline-offset: 3px; }
/* the shared questionnaire inside the narrow account column: the multi-column grids become one column so no control is cramped or clipped (the form itself is unchanged) */
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--apply .brag-qa .baa-qh-section .baa-qh-grid,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--apply .brag-qa .baa-qh-section .baa-qh-grid-2,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--apply .brag-qa .baa-qh-section .baa-qh-grid-3,
body.woocommerce-account:is(.logged-in, .wp-logged-in) .woocommerce .woocommerce-MyAccount-content .brag-dash--apply .brag-qa .baa-qh-section .baa-qh-experience-grid { grid-template-columns: minmax(0, 1fr); }
/* END BRAG-ACCOUNT-START-APPLICATION-AC3 */
/* ACCOUNT-ENTRY-RESET-R1: the signed-in Woo lost / reset password endpoint (body.woocommerce-lost-password) is NOT an account dashboard: it must not sit in the 220px navigation track of the two-column account grid. Scoped to that endpoint only; the ordinary signed-in account grid, login, orders and checkout are untouched. Reasonable card width, stacked full-width fields (Woo floats .form-row-first / .form-row-last at 47%). No authentication or email logic. */
body.woocommerce-account.woocommerce-lost-password:is(.logged-in, .wp-logged-in) .woocommerce { display: block; max-width: 544px; margin: 0 auto; }
body.woocommerce-account.woocommerce-lost-password:is(.logged-in, .wp-logged-in) .woocommerce form.lost_reset_password { width: 100%; margin: 0 0 22px; }
body.woocommerce-account.woocommerce-lost-password:is(.logged-in, .wp-logged-in) .woocommerce form.lost_reset_password .form-row,
body.woocommerce-account.woocommerce-lost-password:is(.logged-in, .wp-logged-in) .woocommerce form.lost_reset_password .form-row-first,
body.woocommerce-account.woocommerce-lost-password:is(.logged-in, .wp-logged-in) .woocommerce form.lost_reset_password .form-row-last { float: none; clear: both; width: 100%; }
body.woocommerce-account.woocommerce-lost-password:is(.logged-in, .wp-logged-in) .woocommerce form.lost_reset_password button.button { width: 100%; min-height: 48px; }
/* ACCOUNT-ENTRY-RESET-R2: the start-own button (a real <button>, because it is a POST) takes the existing account action look (gold, 14px/600) with a >=44px touch target; no layout change. */
.brag-account-link__own button, .brag-return .brag-account-link__own button, .brag-workspace__choice .brag-account-link__own button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 9px 16px; background: var(--workspace-gold, #e4b446); color: rgb(33, 28, 16); font: 600 14px/1.4 var(--font-body, Arial, sans-serif); text-decoration: none; border: 1px solid var(--workspace-gold, #e4b446); border-radius: 0; cursor: pointer; }
.brag-account-link__own button:focus-visible { outline: 3px solid #171717; outline-offset: 2px; }