.journal-banner{height:auto;min-height:0;padding:66px 24px 52px}.journal-banner .product-banner-title{max-width:1000px;margin:auto}.journal-banner h1{font-size:clamp(32px,4vw,52px);line-height:1.15;max-width:950px;margin:22px auto}.journal-banner .journal-introduction{font-size:16px;line-height:1.8;max-width:850px;margin:24px auto}.journal-meta{font-size:12px;color:#69718a;margin-top:24px}.journal-categories{display:flex;gap:14px;padding:0 0 28px}.journal-categories a{padding:10px 18px;border:1px solid #ded6e9;border-radius:30px;font-size:14px}.journal-categories [aria-current]{color:#a83b19;background:#fff1e8;border-color:#ffbd9f}.journal-hub .resource-card h2{font-size:23px;line-height:1.3}.journal-hub .resource-card p{font-size:15px}.journal{max-width:1200px;padding-top:44px}.journal-cover{max-width:840px;margin:0 auto 48px}.journal-cover img{width:100%;height:auto;display:block;border-radius:22px}.journal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}.journal-layout aside{position:sticky;top:155px;align-self:start}.journal-layout aside nav{display:grid;gap:15px;border-left:2px solid #ded6e9;padding-left:20px;font-size:13px}.journal-layout aside a{color:#69718a;line-height:1.55}.journal-copy{max-width:820px;min-width:0}.journal-copy p{font-size:16px;line-height:1.85;color:#566278;margin:18px 0}.journal-copy p a{color:#ae3d1b;text-decoration:underline;text-underline-offset:3px}.journal-copy h2{font-size:30px;line-height:1.25;margin:44px 0 20px;scroll-margin-top:160px}.journal-copy h2:first-child{margin-top:0}.journal-copy h3{font-size:22px;margin:26px 0 14px}.journal-screen{margin:32px 0 40px}.journal-screen img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #e0d8eb}.journal-screen figcaption{font-size:11px;line-height:1.6;color:#727a8e;margin:12px 0}.journal-faqs{margin-top:44px;scroll-margin-top:150px}.journal-faqs .faq{margin-bottom:12px}.journal-faqs .faq summary{font-size:16px}.journal-related{border-top:1px solid #ddd5e9;margin-top:40px;padding-top:20px}.journal-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;color:#a83b19}.journal-related svg{width:19px;height:19px;flex-shrink:0}@media(max-width:900px){.journal-layout{grid-template-columns:1fr;gap:30px}.journal-layout aside{position:static}.journal-layout aside nav{display:flex;flex-wrap:wrap;gap:12px 20px;border-left:0;border-bottom:1px solid #ded6e9;padding:0 0 22px}.journal-layout aside strong{width:100%}.journal-cover{margin-bottom:30px}}@media(max-width:600px){.journal-banner{padding:42px 20px 34px}.journal-banner h1{font-size:33px}.journal-banner .journal-introduction,.journal-copy p{font-size:15px}.journal{padding-top:28px}.journal-copy h2{font-size:27px;margin-top:34px}.journal-copy h3{font-size:20px}.journal-screen{margin:26px 0}.journal-faqs .faq summary{padding:20px 16px}.journal-meta{line-height:1.7}}
.journal{max-width:880px;position:relative}.journal-cover{max-width:none;margin:0 0 34px}.journal-layout{display:block;position:relative}.journal-layout aside{position:absolute;left:-208px;top:0;bottom:0;width:180px}.journal-layout aside nav{position:sticky;top:160px}.journal-copy{max-width:none}.journal-copy p,.journal-copy li{color:#303b4d;line-height:1.85}.journal-introduction{font-size:17px!important;border-bottom:1px solid #ded6e9;padding-bottom:26px;margin-top:0!important}.journal-banner .product-banner-title p{font-size:16px;max-width:750px;line-height:1.75}.journal-screen{margin:34px -20px 40px}.journal-screen img{border:1px solid #d7cddf;box-shadow:0 14px 35px #5d4a6514}.journal-checklist{padding:22px 26px 22px 45px;border-left:3px solid #ff7748;background:#ffffff80;border-radius:0 16px 16px 0;margin:22px 0}.journal-checklist li{padding:5px 0;font-size:16px}.journal-checklist li::marker{color:#e46231}.journal-faqs{display:block!important}.journal-faqs .faq-questions .faq summary{list-style:none}.journal-faqs .faq summary::-webkit-details-marker{display:none}.journal-faqs .faq summary::marker{content:''}.journal-related{max-width:1200px;padding-top:44px;border-top:1px solid #ddd5e9}.journal-related h2{font-size:32px;margin-bottom:28px}.journal-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.journal-related .resource-card{display:block;padding:18px;color:inherit}.journal-related .resource-card h2{font-size:21px;line-height:1.35;margin:15px 0}.journal-related .resource-card p{font-size:14px;line-height:1.75}.journal-related .resource-card svg{width:17px;height:17px}.journal-card-image{position:relative}.journal-category-tag{position:absolute;top:14px;left:14px;padding:7px 12px;border-radius:20px;background:#fff7f0;border:1px solid #ffc8ae;color:#a63d1c;font-size:11px;font-weight:700;box-shadow:0 3px 9px #6c422318}.journal-card>small{display:block;margin-top:22px;font-size:11px;text-transform:none;letter-spacing:0;color:#5e6777}.journal-card .blog-thumbnail{margin:0}.journal-card .card-link{display:flex;align-items:center;gap:9px;color:#ac3d1b;font-size:13px}.journal-hub[aria-busy=true]{opacity:.6;transition:opacity .15s}
@media(max-width:1400px){.journal-layout aside{position:static;width:auto;margin-bottom:28px}.journal-layout aside nav{position:static;display:flex;flex-wrap:wrap;border-left:0;border-bottom:1px solid #ded6e9;padding:0 0 22px}.journal-layout aside strong{width:100%}.journal-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.journal-screen{margin:26px 0}.journal-introduction{font-size:15px!important}.journal-checklist{padding:17px 18px 17px 36px}.journal-checklist li{font-size:15px}.journal-related-grid{grid-template-columns:1fr}.journal-related .resource-card{padding:22px}.journal-category-tag{top:10px;left:10px}.journal-layout aside nav{gap:12px 18px}}

.journal-categories{flex-wrap:wrap;gap:10px}.journal-categories a{white-space:nowrap}.journal-empty{grid-column:1/-1;padding:42px 0;color:#303b4d}.journal-empty a{color:#a83b19;text-decoration:underline}

/* Keep the floating category clear of the official wordmark inside the cover. */
.journal-category-tag{left:auto;right:14px}@media(max-width:600px){.journal-category-tag{left:auto;right:10px}}

/* Separate the article cover from the banner and keep desktop contents under the header. */
.journal{padding-top:76px}.journal-layout aside nav{top:var(--journal-sticky-top,160px);padding:20px 16px;border:1px solid #e7dce8;border-left:3px solid #ff7748;border-radius:16px;background:#fffaf5;box-shadow:0 8px 22px #49395a0a;gap:14px;max-height:calc(100vh - var(--journal-sticky-top,160px) - 24px);overflow:auto}.journal-layout aside strong{font-size:16px;color:#111;font-weight:750}.journal-layout aside a{color:#364154;font-size:13px}.journal-layout aside a:hover{color:#ac3d1b;text-decoration:underline}
@media(max-width:1400px){.journal-layout aside nav{position:static;max-height:none;overflow:visible;padding:18px 20px;gap:12px 20px}}
@media(max-width:600px){.journal{padding-top:42px}.journal-layout aside nav{padding:16px;font-size:13px}}

.journal-cover figcaption,.journal-screen figcaption{font-size:12px;line-height:1.6;color:#505b6e;margin-top:12px}

@media(min-width:1401px){.journal-layout aside{height:100%;align-self:stretch}}
@media(min-width:1401px){.journal-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;margin-left:-208px;width:calc(100% + 208px)}.journal-layout aside{position:relative;left:auto;top:auto;bottom:auto;height:auto;align-self:stretch}}
