/* ============================================================================
   Liz Asser Consultancy — Members Library stylesheet
   CW-LAC-002 · Stage 3 · Rev C (1 Oct 2026)
   Loaded by la-members.php on every members page and on the login screens.
   Mirrors assets/styles.css on the main site: same tokens, same type, same cards.
   ========================================================================== */

:root{
  --deep-green:#3C5A3E;--mid-green:#4E7352;--sage:#6B8F71;--sage-light:#A8C5AB;
  --cream:#F5F0E8;--stone:#D6CFC3;--khaki:#E8E2D1;--amber:#B8860B;
  --text-dark:#2A2A20;--text-mid:#5A5A4A;--text-light:#8A8A7A;
  --bg:#F5F0E8;--surface:#FAF8F4;--surface-2:#FFFFFF;--surface-off:#EEE9DF;
  --border:rgba(60,90,62,.14);--divider:#D6CFC3;
  --font-display:'Lora',Georgia,serif;--font-body:'Source Sans 3','Helvetica Neue',sans-serif;
  --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;
  --sh-sm:0 1px 3px rgba(60,90,62,.08);--sh-md:0 4px 16px rgba(60,90,62,.10);
  --tr:180ms cubic-bezier(.16,1,.3,1);--content:980px;
}

/* ── base ─────────────────────────────────────────────────────────────── */
html,body{overflow-x:hidden}
body{background:var(--bg)!important;color:var(--text-dark);font-family:var(--font-body)!important;line-height:1.65}
body h1,body h2,body h3,body h4{font-family:var(--font-display)!important;color:var(--deep-green);line-height:1.2;font-weight:700}
body a{color:var(--deep-green)}body a:hover{color:var(--sage)}
.wp-site-blocks{padding:0!important}

/* content column — page content sits in this width, like .wrap on the main site */
.wp-site-blocks main,.wp-block-post-content,.entry-content{max-width:var(--content)!important;margin:0 auto!important;padding:0 1.5rem 2.5rem!important}
.wp-block-post-title{display:none}            /* pages carry their own headings */
.wp-block-post-content>*{max-width:none}
.wp-block-post-content p{color:var(--text-mid);line-height:1.75}

/* ── brand nav (from la-members.php) ─────────────────────────────────── */
.la-nav{background:var(--deep-green);padding:.9rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.la-brand{text-decoration:none;color:inherit;display:inline-block}
.la-brand-name{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--cream)}
.la-brand-tag{display:block;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-light)}
.la-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;align-items:center}
.la-links a{font-size:.95rem;font-weight:600;color:rgba(245,240,232,.72);text-decoration:none;letter-spacing:.03em;transition:all var(--tr)}
.la-links a:hover{color:var(--cream)}
.la-links .la-account{background:#fff;color:var(--deep-green);padding:.5rem 1.25rem;border-radius:var(--r-md);font-weight:700}
.la-links .la-account:hover{background:var(--sage-light);color:var(--deep-green)}
@media(max-width:640px){.la-nav{flex-direction:column;align-items:flex-start;padding:.9rem 1rem}.la-links{gap:1rem;flex-wrap:wrap}}

/* ── page header band (Group block: className "la-hero") ─────────────── */
.la-hero{background:var(--deep-green);color:var(--cream);text-align:center;padding:3.5rem 2rem 3rem!important;margin:0 calc(50% - 50vw) 0!important;width:100vw;max-width:100vw!important;position:relative;overflow:hidden}
.la-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(30,55,32,.78),rgba(60,90,62,.55) 50%,rgba(78,115,82,.4));pointer-events:none}
.la-hero>*{position:relative;z-index:1}
.la-hero .la-overline{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,240,232,.75)!important;font-style:normal!important;margin:0 auto .75rem}
.la-hero h1{color:var(--cream)!important;font-size:clamp(1.8rem,1rem + 2.2vw,3rem);margin:0 0 .75rem;text-shadow:0 2px 16px rgba(0,0,0,.2)}
.la-hero p{color:rgba(245,240,232,.85)!important;font-style:italic;max-width:60ch;margin:0 auto}
.la-hero+*{margin-top:2.5rem!important}

/* ── cards ────────────────────────────────────────────────────────────── */
.la-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem 1.75rem!important;box-shadow:var(--sh-sm);margin-bottom:1.5rem!important}
.la-card h2,.la-card h3{margin-top:0!important;margin-bottom:.75rem!important;font-size:1.35rem}
.la-card p:last-child{margin-bottom:0}
.la-card-green{background:var(--deep-green);border-color:var(--deep-green)}
.la-card-green h2,.la-card-green h3,.la-card-green p,.la-card-green li{color:var(--cream)!important}
.la-card-green a:not(.wp-block-button__link){color:var(--sage-light)!important;text-decoration:underline}
.la-card-green .wp-block-button .wp-block-button__link{background:var(--cream)!important;color:var(--deep-green)!important;border-color:var(--cream)!important}
.la-card-green .wp-block-button .wp-block-button__link:hover{background:#fff!important;border-color:#fff!important}
.la-card-green .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--cream)!important;border-color:rgba(245,240,232,.5)!important}
.la-card-green .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--cream)!important;background:rgba(245,240,232,.1)!important}
.la-card-khaki{background:var(--khaki)}

/* panel with a green header bar (Group "la-panel" containing Group "la-panel-head" + Group "la-panel-body") */
.la-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-md);overflow:hidden;padding:0!important;margin-bottom:1.5rem!important}
.la-panel-head{background:var(--deep-green);padding:1rem 1.5rem!important;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}
.la-panel-head h2,.la-panel-head h3{color:var(--cream)!important;font-size:1.1rem;margin:0!important}
.la-panel-head p{color:var(--sage-light)!important;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0!important}
.la-panel-body{padding:1.5rem 1.75rem!important}
.la-panel-body>p:first-child{margin-top:0}

/* three-up steps (Columns block "la-steps") */
.la-steps{display:flex;flex-wrap:wrap;gap:1rem!important;margin-bottom:1.5rem!important}
.la-steps .wp-block-column{flex:1 1 0;min-width:220px}
.la-steps .wp-block-column{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.25rem}
.la-steps h3{font-size:1.05rem;margin:0 0 .25rem!important}
.la-steps p{font-size:.95rem;color:var(--text-mid);line-height:1.55;margin:0}
.la-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--sage);color:var(--cream);font-size:.75rem;font-weight:700;margin:0 0 .6rem!important}

/* section headings with rule */
.la-section-heading{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);margin:2.5rem 0 .5rem!important;padding-bottom:.5rem;border-bottom:1px solid var(--divider)}

/* check list (List block "la-checks") */
ul.la-checks{list-style:none;padding:0;margin:.75rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}
ul.la-checks li{display:flex;align-items:flex-start;gap:.5rem;font-size:.95rem;color:var(--text-mid)}
ul.la-checks li::before{content:'\2713';color:var(--sage);font-weight:700;flex-shrink:0}
@media(max-width:600px){ul.la-checks{grid-template-columns:1fr}}

/* lead paragraph — spans the column so it aligns with the grid beneath it,
   matching the .lead rule on the main site */
.lead{max-width:none;color:var(--text-mid);line-height:1.75;margin-bottom:1.25rem}

/* quiet note */
.la-note{font-size:.85rem;color:var(--text-light)}
.la-quote{border-left:3.5px solid var(--deep-green);background:var(--surface-off);padding:1.25rem 1.5rem;border-radius:0 var(--r-md) var(--r-md) 0;margin:1.5rem 0!important}
.la-quote p{font-family:var(--font-display)!important;font-size:1.15rem;font-style:italic;color:var(--text-dark)!important;line-height:1.55;margin:0}
.la-quote cite{display:block;margin-top:.75rem;font-style:normal;font-size:.75rem;color:var(--text-light)}

/* ── buttons ─────────────────────────────────────────────────────────── */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem!important}
.wp-block-button{margin:0}
.wp-block-button .wp-block-button__link,.la-btn{font-family:var(--font-body)!important;font-size:.95rem!important;font-weight:700!important;padding:.75rem 1.5rem!important;border-radius:var(--r-md)!important;background:var(--deep-green)!important;color:var(--cream)!important;border:2px solid var(--deep-green)!important;text-decoration:none!important;transition:all var(--tr)}
.wp-block-button .wp-block-button__link:hover{background:#2e4530!important;border-color:#2e4530!important;box-shadow:var(--sh-md);transform:translateY(-1px)}
.wp-block-button.is-style-outline .wp-block-button__link,.la-btn-outline{background:transparent!important;color:var(--deep-green)!important;border-color:var(--stone)!important}
.wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--sage)!important;background:rgba(107,143,113,.08)!important;transform:none}

/* ── Share-one-Drive file browser — nudge towards the brand ──────────── */
.ShareoneDrive,.sod-module{font-family:var(--font-body)!important}
.ShareoneDrive .entry_name,.ShareoneDrive .folder-name{font-family:var(--font-body)!important;color:var(--text-dark)!important}
.ShareoneDrive .nav-header,.ShareoneDrive .breadcrumb{background:var(--surface-off)!important;border-radius:var(--r-md)}
.ShareoneDrive .entry:hover{background:rgba(107,143,113,.08)!important}
.ShareoneDrive .entry_edit,.ShareoneDrive .entry-info-button{color:var(--sage)!important}
.ShareoneDrive .btn-primary,.ShareoneDrive .button-primary{background:var(--deep-green)!important;border-color:var(--deep-green)!important;color:var(--cream)!important}

/* ── acknowledgement + footer (from la-members.php) ──────────────────── */
.la-ack{background:var(--surface-off);padding:1.5rem 2rem;text-align:center;margin-top:3rem}
.la-ack p{max-width:700px;margin:0 auto;font-size:.95rem;font-style:italic;color:var(--text-light)}
.la-footer{background:var(--deep-green);padding:2rem;text-align:center}
.la-footer-name{font-family:var(--font-display);font-weight:700;color:var(--cream)}
.la-footer-tag{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-light);margin-bottom:.75rem}
.la-footer-contact{font-size:.95rem;color:rgba(245,240,232,.58)}
.la-footer-contact a{color:rgba(245,240,232,.65);text-decoration:none}.la-footer-contact a:hover{color:var(--cream)}
.la-footer-credit{font-size:.72rem;color:rgba(245,240,232,.3);margin-top:.75rem}

/* ── WordPress login / register / lost-password screens ──────────────── */
body.login{background:var(--bg)!important;font-family:var(--font-body)!important;color:var(--text-dark)}
body.login::before{content:'';position:fixed;top:0;left:0;right:0;height:180px;background:linear-gradient(160deg,#2e4a30,#3C5A3E 45%,#4E7352);z-index:-1}
body.login #login{width:380px;padding:3rem 0 2rem}
body.login h1 a{background:none!important;text-indent:0!important;width:auto!important;height:auto!important;font-family:var(--font-display)!important;font-size:1.6rem!important;font-weight:700;color:var(--cream)!important;text-decoration:none;line-height:1.3;display:block;padding:0 0 .25rem}
body.login h1::after{content:'Members Library';display:block;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-light);margin-top:.25rem;margin-bottom:1.5rem}
body.login form{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--r-xl)!important;box-shadow:var(--sh-md)!important;padding:1.75rem 1.75rem 1.5rem!important;margin-top:0!important}
body.login label{font-size:.95rem!important;font-weight:600;color:var(--text-dark)!important}
body.login input[type=text],body.login input[type=password],body.login input[type=email]{background:var(--surface-2)!important;border:1.5px solid var(--stone)!important;border-radius:var(--r-md)!important;padding:.6rem .9rem!important;font-size:1rem!important;box-shadow:none!important;margin:.25rem 0 1rem!important}
body.login input:focus{border-color:var(--sage)!important;box-shadow:0 0 0 3px rgba(107,143,113,.15)!important;outline:none!important}
body.login .button-primary{background:var(--deep-green)!important;border:2px solid var(--deep-green)!important;border-radius:var(--r-md)!important;color:var(--cream)!important;font-weight:700!important;font-size:.95rem!important;padding:.35rem 1.5rem!important;min-height:44px!important;text-shadow:none!important;box-shadow:none!important;width:100%;margin-top:.5rem}
body.login .button-primary:hover{background:#2e4530!important;border-color:#2e4530!important}
body.login .button.wp-hide-pw{color:var(--sage)!important}
body.login .forgetmenot label{font-weight:400!important;font-size:.9rem!important;color:var(--text-mid)!important}
body.login .la-login-note{font-size:.9rem;color:var(--text-mid);line-height:1.6;margin:0 0 1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--divider)}
body.login #nav,body.login #backtoblog{text-align:center;font-size:.9rem;padding:.5rem 0 0}
body.login #nav a,body.login #backtoblog a{color:var(--deep-green)!important;font-weight:600}
body.login #nav a:hover,body.login #backtoblog a:hover{color:var(--sage)!important}
body.login .message,body.login #login_error,body.login .success{border-left:4px solid var(--sage)!important;background:var(--surface)!important;border-radius:var(--r-md)!important;box-shadow:var(--sh-sm)!important;font-size:.95rem;color:var(--text-mid)}
body.login #login_error{border-left-color:var(--amber)!important}
body.login .privacy-policy-page-link{text-align:center;font-size:.85rem}
body.login .privacy-policy-page-link a{color:var(--text-light)!important}
body.login .language-switcher{display:none}

/* ==========================================================================
   REV B ADDITIONS (27 Sept 2026) — Library hub, section cover pages and the
   three reference pages. Everything below is new; nothing above was changed.
   ========================================================================== */

/* anchored headings clear the sticky nav */
.la-section-heading,[id]{scroll-margin-top:96px}

/* breadcrumb under the header band */
.la-crumb{font-size:.9rem;color:var(--text-light)!important;margin:0 0 1.5rem!important}
.la-hero+.la-crumb{margin-top:1.1rem!important}
.la-crumb a{text-decoration:none;font-weight:600}

/* card grid (Columns block "la-grid") — hub sections and "Beyond the shelf" */
.la-grid{display:flex;flex-wrap:wrap;gap:1rem!important;margin-bottom:1rem!important}
.la-grid .wp-block-column{flex:1 1 0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--sage);border-radius:var(--r-lg);padding:1.1rem 1.25rem 1rem;box-shadow:var(--sh-sm);transition:box-shadow var(--tr),transform var(--tr)}
.la-grid .wp-block-column:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}
.la-grid h3{font-size:1.1rem;margin:.15rem 0 .4rem!important}
.la-grid h3 a{text-decoration:none;color:var(--deep-green)}
.la-grid p{font-size:.95rem;line-height:1.55;margin:0 0 .6rem}
.la-sec-num{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)!important;margin:0!important}
.la-more{font-size:.9rem!important;font-weight:700;margin:0!important}
.la-more a{text-decoration:none}

/* small supporting text */
.la-meta{font-size:.9rem;color:var(--text-mid)!important}
.la-jump{font-size:.9rem;background:var(--surface-off);padding:.75rem 1rem;border-radius:var(--r-md);line-height:1.9}
.la-jump a{white-space:nowrap}

/* directory and reading lists (List block "la-dir") */
ul.la-dir{list-style:none;padding:0;margin:.5rem 0 1.25rem}
ul.la-dir li{padding:.9rem 0;border-bottom:1px solid var(--divider);color:var(--text-mid);line-height:1.6}
ul.la-dir li:last-child{border-bottom:0}
ul.la-dir strong a{color:var(--deep-green);text-decoration:none;border-bottom:1px solid var(--sage-light)}
ul.la-dir strong a:hover{border-bottom-color:var(--deep-green)}
.la-where,.la-oa,.la-pay{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.12rem .5rem;border-radius:999px;margin-left:.35rem;vertical-align:.1em;white-space:nowrap}
.la-where{background:var(--khaki);color:var(--text-mid)}
.la-oa{background:rgba(107,143,113,.18);color:var(--deep-green)}
.la-pay{background:var(--surface-off);color:var(--text-light)}
.la-src{font-size:.85rem;color:var(--text-light)}

/* single-column check list */
ul.la-checks.la-one{grid-template-columns:1fr}

/* statistic tiles inside la-steps */
.la-steps .la-stat,.la-stat{font-family:var(--font-display)!important;font-size:2.1rem!important;font-weight:700;color:var(--deep-green)!important;line-height:1.1;margin:0 0 .35rem!important}

/* folder call-to-action card on each section page */
.la-folder h2{font-size:1.35rem}

/* tick lists: keep bold words and links inline (Rev A used flex, which split them) */
ul.la-checks li{display:block;position:relative;padding-left:1.35rem}
ul.la-checks li::before{position:absolute;left:0;top:0}
ul.la-checks.la-one li{margin-bottom:.35rem}

/* Rev C: "Start with" featured resource in the green folder card, and on hub cards */
.la-card-green .la-res-kind{font-size:.72rem!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-light)!important;margin:0 0 .35rem!important}
.la-card-green .la-res-note{font-size:.9rem;color:rgba(245,240,232,.78)!important;margin-top:.75rem!important}
.la-grid .la-start{font-size:.88rem!important;color:var(--text-light)!important;margin:0 0 .6rem!important}
.la-grid .la-start em{color:var(--deep-green);font-style:normal;font-weight:600}
.la-checks+.la-meta{margin-top:1rem!important}
.la-steps .la-start,.la-start{font-size:.88rem!important;color:var(--text-light)!important;margin:.6rem 0 0!important}
.la-steps .la-start em,.la-start em{color:var(--deep-green);font-style:normal;font-weight:600}

/* Training Resources (under construction) */
.la-badge{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .55rem;border-radius:999px;background:rgba(184,134,11,.16);color:#7a5a08;vertical-align:.1em;white-space:nowrap}
.la-soon{border-left:4px solid var(--amber)!important}
.la-wide{border-top:3px solid var(--amber)!important;margin-top:1rem!important}
.la-wide h3{font-size:1.1rem;margin:.15rem 0 .4rem!important}
.la-wide h3 a{text-decoration:none;color:var(--deep-green)}
.la-wide p{margin:0 0 .6rem}
.la-grid-soon .wp-block-column{border-top-color:var(--stone)}
.la-grid-soon .wp-block-column:hover{transform:none;box-shadow:var(--sh-sm)}
.la-wide-news{border-top-color:var(--sage)!important;margin:1.5rem 0 0!important}

/* centre the header-band sub-line even where the theme sets paragraph margins */
.la-hero p{margin-left:auto!important;margin-right:auto!important}