#main.business-learning { margin-top:0; color:var(--ss-ink); background:var(--ss-white); }
.business-learning [hidden] { display:none !important; }
.business-learning a:focus-visible,.business-learning button:focus-visible,.business-learning input:focus-visible,.business-learning select:focus-visible { outline:3px solid #9c704f; outline-offset:4px; }
.business-learning button,.business-learning input,.business-learning select { font:inherit; }
.learning-eyebrow { display:block; color:var(--ss-forest); font-size:10px; font-weight:700; letter-spacing:1.6px; line-height:1.8; text-transform:uppercase; }
.learning-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:35px; font-size:11px; color:#68766a; }
.learning-breadcrumb a { color:var(--ss-forest); }
.learning-hero { padding:140px 0 0; background:radial-gradient(ellipse at 95% 80%,#e0e8d9,transparent 60%),var(--ss-cream); }
.learning-hero-grid { display:grid; grid-template-columns:1.5fr .7fr; gap:60px; align-items:center; }
.learning-hero h1 { margin:23px 0; font-size:clamp(42px,4.4vw,62px); font-weight:500; letter-spacing:-2.7px; line-height:1.1; }
.learning-hero h1 em,.learning-final h2 em { font-family:Georgia,serif; color:var(--ss-forest); }
.learning-hero-grid > div > p { max-width:620px; margin-bottom:28px; color:#5d6c60; font-size:16px; line-height:1.85; }
.learning-button { display:inline-flex; justify-content:center; align-items:center; gap:28px; padding:17px 23px; background:var(--ss-forest); color:#fffdfa; border-radius:9px; font-size:13px; font-weight:700; }
.learning-button:hover { background:#233b2d; color:#fff; }
.learning-compass { position:relative; padding:33px; border:1px solid #b9c9b0; border-radius:130px 130px 22px 22px; background:#f9f8f080; text-align:center; transform:rotate(3deg); }
.learning-compass > span { display:block; margin:15px 0 25px; font-size:9px; letter-spacing:2px; color:#5d7451; }
.learning-compass i { display:block; margin-bottom:16px; color:#5e7b4f; font-size:27px; }
.learning-compass strong { font-size:43px; line-height:1.1; font-weight:500; letter-spacing:-1px; }
.learning-compass em { font-family:Georgia,serif; font-weight:400; color:var(--ss-forest); }
.learning-compass small { display:block; margin-top:23px; color:#5a7051; font-size:11px; }
.learning-proof { display:flex; justify-content:space-between; gap:20px; padding:26px 0; margin-top:50px; border-top:1px solid #cfd9c7; color:#506549; font-size:12px; }
.learning-proof strong { margin-right:6px; font-size:20px; }
.learning-proof i { margin-right:5px; }
.learning-paths,.learning-library { padding:75px 0; overflow:visible; scroll-margin-top:105px; }
.learning-section-heading { max-width:760px; margin-bottom:33px; }
.learning-section-heading h2 { margin:15px 0; font-size:38px; font-weight:500; letter-spacing:-1.5px; line-height:1.2; }
.learning-section-heading p { color:#647362; font-size:14px; line-height:1.8; }
.learning-path-grid,.learning-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.learning-path-grid > a { display:flex; flex-direction:column; padding:29px; border:1px solid #dce3d5; border-radius:16px; color:var(--ss-ink); background:#f6f4ec; }
.learning-path-grid > a:nth-child(2) { background:#e9eee2; }
.learning-path-grid > a:nth-child(3) { background:#f4e8df; }
.learning-path-grid > a:hover { border-color:#8aa079; }
.learning-path-grid > a > span { margin-bottom:30px; font-size:9px; color:#5c6e51; font-weight:700; letter-spacing:1px; }
.learning-path-grid h3 { margin-bottom:16px; font-size:29px; letter-spacing:-1px; }
.learning-path-grid p { font-size:13px; line-height:1.85; color:#5b6c52; }
.learning-path-grid b { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; font-size:11px; color:#314d43; }
.learning-toolkit { padding:65px 0; background:var(--ss-forest); color:#fffdfa; }
.learning-toolkit .learning-eyebrow { color:#d4e3c9; }
.learning-tool-grid > a { display:flex; flex-direction:column; padding:28px; border:1px solid #ffffff35; border-radius:13px; color:#fffdfa; }
.learning-tool-grid > a:hover { background:#ffffff0c; }
.learning-tool-grid i { margin-bottom:25px; color:#c5dab6; font-size:27px; }
.learning-tool-grid > a > span { font-size:9px; letter-spacing:1px; color:#c4d6bd; }
.learning-tool-grid h3 { margin:12px 0; font-size:23px; line-height:1.25; letter-spacing:-.7px; }
.learning-tool-grid p { color:#d8e4d1; font-size:13px; line-height:1.75; }
.learning-tool-grid b { display:flex; justify-content:space-between; margin-top:auto; padding-top:18px; font-size:11px; }
.learning-filters { display:grid; grid-template-columns:1.5fr 1fr 1fr auto; gap:15px; align-items:end; padding:24px; background:var(--ss-cream); border:1px solid #e0e4d9; border-radius:12px; }
.learning-filters label { display:grid; gap:8px; margin:0; font-size:11px; font-weight:600; color:#4e6345; }
.learning-filters input,.learning-filters select { width:100%; min-width:0; padding:12px; border:1px solid #c6d3bc; border-radius:6px; color:#3c5034; background:#fffdfa; font-size:13px; }
.learning-filters button,.learning-empty button { min-height:44px; padding:10px 15px; background:#314d43; border:0; color:#fffdfa; border-radius:6px; cursor:pointer; font-size:12px; }
.learning-filters p { grid-column:1/-1; margin:0; font-size:11px; color:#5a704f; }
.learning-topic-jumps { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 40px; }
.learning-topic-jumps a { padding:7px 11px; border:1px solid #d9e2d1; border-radius:20px; color:#526d45; font-size:10px; }
.learning-topic-jumps a:hover { background:#ebf1e6; }
.learning-topic-group { padding:0 0 45px; overflow:visible; scroll-margin-top:115px; }
.learning-topic-group > header { display:flex; align-items:center; gap:16px; padding:23px 0; border-top:1px solid #dce3d5; }
.learning-topic-icon { display:grid; place-items:center; flex:0 0 44px; height:44px; color:#4b6940; background:#eaf0e3; border-radius:12px; font-size:18px; }
.learning-topic-group h3 { margin:0 0 5px; font-size:25px; letter-spacing:-.7px; }
.learning-topic-group header p { margin:0; color:#66795b; font-size:12px; line-height:1.6; }
.learning-topic-count { margin-left:auto; flex-shrink:0; color:#6e7e62; font-size:10px; }
.learning-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.learning-guide-grid > a { display:flex; flex-direction:column; padding:24px; color:var(--ss-ink); border:1px solid #e0e6d9; border-radius:12px; }
.learning-guide-grid > a:hover { background:#f7f8f2; border-color:#adbfa1; }
.learning-guide-grid small { display:block; margin-bottom:14px; color:#5c754d; font-size:9px; letter-spacing:.6px; text-transform:uppercase; }
.learning-guide-grid h4 { font-size:20px; line-height:1.35; letter-spacing:-.5px; }
.learning-guide-grid p { color:#627858; font-size:12px; line-height:1.85; }
.learning-guide-grid > a > span { display:flex; justify-content:space-between; margin-top:auto; padding-top:15px; color:#48633d; font-size:10px; }
.learning-empty { padding:30px; background:var(--ss-cream); border-radius:12px; }
.learning-final { padding:65px 0; background:#e5ecdd; }
.learning-final > .container { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.learning-final h2 { margin:18px 0; font-size:40px; font-weight:500; letter-spacing:-1.3px; }
.learning-final p { max-width:640px; margin:0; color:#576f4b; font-size:14px; line-height:1.85; }
.learning-final .learning-button { flex-shrink:0; }
/* Reader layout shared by newly created and upgraded resources. */
.learning-guide-hero { padding:135px 0 50px; background:var(--ss-cream); }
.learning-guide-hero h1 { max-width:920px; margin:20px 0; font-size:48px; line-height:1.13; letter-spacing:-2px; font-weight:500; }
.learning-guide-hero > .container > p { max-width:810px; color:#5c6e54; font-size:16px; line-height:1.85; }
.learning-guide-meta { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:22px; color:#627657; font-size:11px; }
.learning-guide-meta button { padding:0; border:0; background:transparent; color:#3e5a32; cursor:pointer; font-size:11px; }
.learning-reading-grid { display:grid; grid-template-columns:235px minmax(0,1fr); align-items:start; gap:65px; padding-top:45px; padding-bottom:70px; }
.learning-toc { position:sticky; top:115px; }
.learning-toc nav { display:grid; gap:11px; }
.learning-toc nav a { font-size:12px; line-height:1.65; color:#556f47; }
.learning-toc nav a:hover { text-decoration:underline; }
.learning-back { display:block; margin-top:25px; padding-top:20px; border-top:1px solid #dce6d5; color:#355628; font-size:11px; line-height:1.7; }
.learning-article { min-width:0; max-width:810px; }
.learning-article section { overflow:visible; scroll-margin-top:115px; }
.learning-article h2 { margin:34px 0 18px; font-size:29px; letter-spacing:-.8px; line-height:1.25; font-weight:600; }
.learning-article h3 { margin:25px 0 14px; font-size:21px; line-height:1.4; }
.learning-article p,.learning-article li { color:#455c3b; font-size:15px; line-height:1.9; }
.learning-article ul,.learning-article ol { padding-left:23px; }
.learning-article li { padding-left:4px; margin-bottom:9px; }
.learning-article a { color:#304e24; text-decoration:underline; text-underline-offset:3px; }
.learning-article blockquote { padding:20px 24px; background:#f2f4eb; border-left:3px solid #8ca477; font-size:15px; line-height:1.8; }
.learning-article table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:22px 0; font-size:13px; line-height:1.7; }
.learning-article th,.learning-article td { padding:12px; border:1px solid #d8e2cd; vertical-align:top; min-width:110px; color:#405936; }
.learning-article th { background:#e9f0e0; font-weight:700; }
.learning-article pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:20px; background:#f4f6ee; color:#3e5435; font-size:13px; }
.learning-overview { padding:26px; background:#eaf0e2; border-radius:12px; }
.learning-overview p { margin:12px 0 0; }
.learning-worksheet { margin-top:35px; padding:27px; border:1px solid #d5e1cb; border-radius:12px; background:#f8f7ef; }
.learning-worksheet h2 { margin-top:10px; }
.learning-worksheet button,.learning-checklist button { padding:11px 16px; border:0; background:#314d43; border-radius:6px; color:white; font-size:12px; cursor:pointer; }
.learning-worksheet [role=status] { display:block; margin-top:10px; font-size:12px; color:#4c683e; }
.learning-checklist { margin-top:35px; }
.learning-checklist label { display:flex; gap:12px; align-items:start; padding:14px 0; border-top:1px solid #dce5d2; color:#456239; font-size:14px; line-height:1.75; }
.learning-checklist input { flex:0 0 19px; width:19px; height:19px; margin-top:3px; accent-color:#314d43; }
.learning-checklist input:checked + span { text-decoration:line-through; color:#6d815f; }
.learning-today { margin:35px 0; padding:25px; border-left:4px solid #ac8364; background:#f4ede3; }
.learning-today p { margin:10px 0 0; }
.learning-product-note { display:flex; gap:18px; padding:26px; background:#314d43; border-radius:12px; }
.learning-product-note > i { padding-top:5px; color:#d4e4c7; font-size:22px; }
.learning-product-note h2 { margin:0 0 12px; color:#fffdfa; font-size:23px; }
.learning-product-note p { color:#dbe7d2; font-size:13px; }
.learning-product-note a { color:#fffdfa; font-size:12px; }
.learning-next-guide { display:grid; grid-template-columns:1fr auto; gap:10px; margin:28px 0; padding:25px; color:#304e24; border:1px solid #cfddc3; border-radius:10px; text-decoration:none !important; }
.learning-next-guide small { grid-column:1; color:#5b784b; font-size:9px; letter-spacing:1px; }
.learning-next-guide strong { grid-column:1; font-size:20px; line-height:1.5; }
.learning-next-guide > span { grid-row:1/3; grid-column:2; align-self:center; font-size:23px; }
.learning-related a { display:block; margin:0; padding:15px 0; border-top:1px solid #dce5d2; font-size:13px; }
.learning-related a span { float:right; margin-left:15px; }
.learning-promo { margin:0 0 45px; padding:32px; color:#fffdfa; background:var(--ss-forest); border-radius:18px; }
.learning-promo h2 { color:#fffdfa; font-size:30px; letter-spacing:-1px; }
.learning-promo p { color:#d7e5cd; font-size:14px; line-height:1.8; }
.learning-promo a { display:inline-flex; gap:24px; color:#fffdfa; font-size:13px; font-weight:700; }
@media(max-width:991px) { .learning-hero-grid { gap:30px; grid-template-columns:1.5fr .7fr; } .learning-hero h1 { font-size:45px; } .learning-compass { padding:25px 15px; } .learning-compass strong { font-size:35px; } .learning-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .learning-reading-grid { gap:30px; grid-template-columns:190px minmax(0,1fr); } .learning-guide-hero h1 { font-size:40px; } .learning-path-grid > a,.learning-tool-grid > a { padding:23px; } .learning-filters { grid-template-columns:1fr 1fr; } .learning-final > .container { display:block; } .learning-final .learning-button { margin-top:25px; } }
@media(max-width:767px) { .learning-hero { padding-top:115px; } .learning-hero-grid { display:block; } .learning-compass { display:none; } .learning-hero h1 { font-size:43px; letter-spacing:-2px; } .learning-hero-grid > div > p { font-size:14px; } .learning-proof { gap:10px; flex-wrap:wrap; margin-top:32px; font-size:10px; } .learning-proof strong { font-size:16px; } .learning-paths,.learning-library { padding:45px 0; } .learning-path-grid,.learning-tool-grid { grid-template-columns:1fr; } .learning-path-grid > a > span { margin-bottom:20px; } .learning-section-heading h2 { font-size:31px; } .learning-toolkit { padding:45px 0; } .learning-topic-group h3 { font-size:22px; } .learning-topic-count { display:none; } .learning-guide-grid { grid-template-columns:1fr; } .learning-filters { padding:18px; gap:12px; } .learning-filters label:first-child { grid-column:1/-1; } .learning-filters input,.learning-filters select { font-size:16px; } .learning-guide-hero { padding:115px 0 35px; } .learning-guide-hero h1 { font-size:34px; letter-spacing:-1.4px; } .learning-guide-hero > .container > p { font-size:14px; } .learning-reading-grid { display:block; padding-top:28px; } .learning-toc { position:static; padding:22px; background:#f4f6ed; border-radius:10px; margin-bottom:30px; } .learning-toc nav { gap:9px; } .learning-article h2 { font-size:25px; } .learning-article p,.learning-article li { font-size:14px; } .learning-overview,.learning-worksheet { padding:20px; } .learning-product-note { padding:20px; } .learning-product-note > i { display:none; } .learning-topic-jumps { gap:6px; } .learning-final h2 { font-size:34px; } }
@media print { #header,#footer,.photographer-profile-banner,.back-to-top,.learning-toc,.learning-guide-meta button,.learning-worksheet button,.learning-checklist button,.learning-product-note,.learning-next-guide,.learning-related { display:none !important; } .learning-guide-hero { padding:15px 0; } .learning-reading-grid { display:block; padding-top:10px; } .learning-article { max-width:none; } .learning-article table { display:table; font-size:10px; } .learning-article th,.learning-article td { min-width:0; } .learning-article section { break-inside:auto; } .learning-article h2,.learning-article h3 { break-after:avoid; } }
@media(prefers-reduced-motion:reduce) { .business-learning * { scroll-behavior:auto !important; transition:none !important; } }
.learning-promo .learning-eyebrow { color:#d4e3c9; margin-bottom:14px; }