/* Shared presentation for the journal, tools and long-form reading. */
.nav-links > a[aria-current="page"] { color: var(--gold); }
.page-header { padding: 70px 0 48px; border-bottom: 1px solid var(--line); margin-bottom: 42px; }
.page-header .section-badge { margin-bottom: 22px; }
.page-header h1 { font-size: clamp(48px, 5.4vw, 74px); line-height: 1.1; max-width: 900px; }
.page-header h1 em { color: var(--gold); }
.page-header .subtitle { max-width: 620px; color: var(--text-secondary); font-size: 15px; line-height: 1.9; margin-top: 23px; }
.page-header .header-detail { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 11px; margin-top: 28px; }
.page-main { padding-bottom: 65px; }
.section-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.section-intro h2 { font: 500 24px/1.4 'Manrope', sans-serif; letter-spacing: -.8px; }
.section-intro span { color: var(--text-muted); font-size: 11px; }
.tag { display: inline-block; font-size: 10px; color: #c5b6cf; background: #b0a1bd0a; border: 1px solid var(--border-soft); border-radius: 4px; padding: 4px 9px; }
.article-tags, .blog-card-tags, .tags { display: flex; flex-wrap: wrap; gap: 7px; }
.back-link { display: inline-flex; color: var(--gold); align-items: center; gap: 8px; font-size: 12px; }
.back-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.blog-page .page-header { position: relative; }
.featured-article { display: grid; grid-template-columns: 1.1fr 1fr; background: var(--bg-card); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; margin-bottom: 65px; }
.featured-article[hidden] { display: none; }
.featured-art { min-height: 410px; background: #22232d; display: flex; }
.featured-art img { width: 100%; height: 100%; object-fit: cover; }
.featured-copy { padding: 40px; align-self: center; }
.featured-copy .eyebrow { margin-bottom: 19px; }
.featured-copy h2 { font: 400 36px/1.2 'Instrument Serif', Georgia, serif; margin: 15px 0 20px; }
.featured-copy > p:not(.article-date) { font-size: 13px; color: var(--text-secondary); line-height: 1.9; }
.featured-copy .article-tags { margin-top: 24px; }
.featured-copy .text-link { margin-top: 24px; }
.article-date, .blog-card-date { color: var(--text-muted); font-size: 11px; }
.blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.blog-card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--surface); }
.blog-card-image { display: block; overflow: hidden; aspect-ratio: 1.6; background: #22232d; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.blog-card:hover .blog-card-image img { transform: scale(1.035); }
.blog-card-content { display: flex; flex-direction: column; flex: 1; padding: 27px; }
.blog-card-title { font: 500 20px/1.5 'Manrope', sans-serif; letter-spacing: -.5px; margin-top: 15px; }
.blog-card-title a:hover, .featured-copy h2 a:hover { color: var(--gold); }
.blog-card-excerpt { color: var(--text-secondary); font-size: 12px; line-height: 1.9; margin: 16px 0 20px; }
.blog-card-tags { margin-top: auto; }
.read-more { color: var(--gold); font-size: 12px; margin-top: 25px; }
.read-more span { margin-left: 5px; }
.empty-state { color: var(--text-secondary); border: 1px solid var(--line); padding: 40px; grid-column: 1 / -1; }
.library-controls { margin-bottom: 30px; padding: 27px; background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px; }
.library-controls > label { display: block; font: 500 13px 'Manrope', sans-serif; margin-bottom: 13px; }
.library-controls .input-field { max-width: 650px; }
.library-filters { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.library-filter { background: transparent; border: 1px solid var(--border); color: var(--text-secondary); font-size: 12px; padding: 10px 14px; border-radius: 5px; min-height: 44px; }
.library-filter[aria-pressed="true"] { border-color: var(--gold); color: var(--button-text); background: var(--gold); }
.library-status { color: var(--text-muted); font-size: 11px; margin-top: 17px; }
.journal-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; background: var(--surface-raised); border: 1px solid #dcc19a26; border-radius: 10px; padding: 34px 40px; margin-top: 60px; }
.journal-cta h2 { font: 400 32px 'Instrument Serif', Georgia, serif; }
.journal-cta p { font-size: 13px; color: var(--text-secondary); margin-top: 10px; }
.journal-cta .btn { flex-shrink: 0; }
.tools-main { max-width: 1040px; }
.tool-layout { display: grid; grid-template-columns: minmax(0, 1fr) 265px; gap: 35px; align-items: start; }
.consultation-box, .result-box { border: 1px solid var(--border-soft); border-radius: 12px; padding: 34px; background: var(--bg-card); }
.form-group { margin-bottom: 30px; }
.form-group label, .form-label { display: block; font: 600 14px/1.6 'Manrope', sans-serif; color: var(--text-primary); }
.helper-text { font-size: 12px; color: var(--text-muted); margin: 8px 0 14px; line-height: 1.8; }
textarea, .input-field, .search-input { font: 14px/1.8 'DM Sans', sans-serif; color: var(--text-primary); background: var(--surface-input); border: 1px solid var(--border); border-radius: 7px; padding: 15px 17px; width: 100%; }
textarea { resize: vertical; min-height: 190px; }
textarea::placeholder, input::placeholder { color: #8b8a9e; opacity: 1; }
textarea:focus, input:focus { outline: 2px solid #dcc19a75; outline-offset: 2px; border-color: var(--gold); }
.chips-container { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { background: #11121a70; border: 1px solid var(--border); border-radius: 5px; padding: 9px 13px; color: var(--text-secondary); font-size: 12px; min-height: 42px; }
.chip:hover { border-color: #dcc19a70; }
.chip.selected { border-color: var(--gold); color: var(--gold); background: #dcc19a0e; }
.analyze-button { width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; border: 0; background: var(--gold); color: var(--button-text); border-radius: 6px; padding: 16px 22px; font-size: 13px; font-weight: 700; min-height: 52px; }
.analyze-button .icon { width: 18px; height: 18px; }
.analyze-button:hover { background: #ead1ad; }
.analyze-button:disabled { opacity: .5; cursor: wait; }
.limits-notice { color: var(--text-muted); font-size: 11px; line-height: 1.9; margin-top: 19px; }
.limits-notice strong { font-weight: 500; color: var(--text-secondary); }
.tool-sidebar { padding-top: 10px; }
.sidebar-art { border: 1px solid var(--line); border-radius: 10px; width: 100%; height: 176px; object-fit: cover; margin-bottom: 25px; }
.info-card { border-bottom: 1px solid var(--line); padding: 0 0 22px; margin-bottom: 22px; }
.info-card h4 { font: 600 13px 'Manrope', sans-serif; margin-bottom: 11px; color: var(--gold); }
.info-card p { color: var(--text-secondary); font-size: 12px; line-height: 1.9; }
.result-box { display: none; }
.result-box.show { display: block; }
.result-section { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid var(--line); }
.result-section h3 { color: var(--gold); font-size: 17px; margin-bottom: 15px; }
.result-section p, .result-section li, .highlight-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.9; }
.result-section ul { padding-left: 20px; }
.result-section li + li { margin-top: 10px; }
.result-section a { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.result-section .info-grid { display: grid; gap: 16px; margin-top: 22px; }
.highlight-card { background: #dcc19a08; border-left: 2px solid var(--gold); padding: 24px; margin-bottom: 30px; }
.highlight-card h4 { color: var(--gold); font: 500 14px 'Manrope', sans-serif; margin-bottom: 12px; }
.loading { display: none; text-align: center; padding: 50px; color: var(--text-secondary); }
.loading.show { display: block; }
.spinner, .loading-spinner { width: 34px; height: 34px; border: 2px solid #dcc19a25; border-top-color: var(--gold); border-radius: 50%; margin: 0 auto 15px; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.form-error { color: #f0b5a4; font-size: 13px; margin-bottom: 16px; }
.demo-note { border: 1px solid #dcc19a30; padding: 16px 20px; border-radius: 7px; color: var(--text-secondary); font-size: 12px; line-height: 1.9; margin-bottom: 28px; background: #dcc19a06; }
.map-container { margin-bottom: 35px; }
.map-container > h2 { font: 500 22px 'Manrope', sans-serif; margin-bottom: 25px; }
.region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.country-card { display: block; text-align: left; border: 1px solid var(--border-soft); background: var(--bg-card); border-radius: 9px; padding: 25px; color: var(--text-primary); min-width: 0; transition: background .2s, border-color .2s; }
.country-card:hover { background: #252430; border-color: #dcc19a50; }
.country-card.active { border-color: var(--gold); background: #dcc19a0a; }
.country-flag { display: flex; width: 38px; height: 38px; border: 1px solid #dcc19a30; color: var(--gold); border-radius: 50%; align-items: center; justify-content: center; font: 500 11px 'Manrope', sans-serif; margin-bottom: 20px; }
.country-name { font: 600 15px 'Manrope', sans-serif; margin-bottom: 9px; }
.lottery-name { color: var(--text-muted); font-size: 12px; line-height: 1.7; }
.dream-search { display: none; scroll-margin-top: 110px; border-top: 1px solid var(--line); padding-top: 40px; margin-top: 50px; }
.dream-search.show { display: block; }
.search-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.search-header h2 { font: 500 26px/1.4 'Manrope', sans-serif; letter-spacing: -.6px; }
#selectedFlag { color: var(--gold); font-size: 12px; border: 1px solid #dcc19a40; padding: 7px; border-radius: 4px; vertical-align: middle; margin-right: 9px; }
.change-country { color: var(--gold); background: none; border: 1px solid #dcc19a40; padding: 12px 15px; border-radius: 6px; font-size: 11px; flex-shrink: 0; }
.search-input-container { position: relative; margin-bottom: 25px; }
.search-input { padding-left: 47px; }
.search-icon { position: absolute; top: 18px; left: 16px; color: var(--gold); }
.search-icon .icon { width: 19px; height: 19px; }
.search-label { display: block; color: var(--text-secondary); font-size: 12px; margin-bottom: 12px; }
.info-box { background: var(--surface); padding: 25px; border: 1px solid var(--line); border-radius: 8px; margin-bottom: 28px; }
.info-box h3 { font-size: 15px; margin-bottom: 11px; color: var(--gold); }
.info-box p { font-size: 13px; color: var(--text-secondary); }
.info-box a { text-decoration: underline; color: var(--gold); }
.results-heading { color: var(--gold); font: 500 17px 'Manrope', sans-serif; margin: 26px 0; }
.results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 30px; }
.number-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 9px; padding: 25px; }
.number-large { color: var(--gold); font: 400 50px 'Instrument Serif', Georgia, serif; }
.symbol-name { font: 500 14px 'Manrope', sans-serif; margin: 10px 0; }
.symbol-description { font-size: 12px; color: var(--text-muted); }
.full-table-link { padding-top: 8px; font-size: 12px; color: var(--gold); }
.tool-back { margin-top: 35px; }
.reading-progress { position: absolute; bottom: -1px; width: 100%; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; }
.article-container { width: min(1160px, calc(100% - 112px)); margin: 0 auto; padding: 45px 0 70px; }
.article-header { display: grid; grid-template-columns: minmax(0, 1fr) 270px; align-items: center; gap: 50px; padding: 30px 0 45px; margin-bottom: 40px; border-bottom: 1px solid var(--line); }
.article-header h1 { font-size: clamp(40px, 4.6vw, 65px); line-height: 1.13; margin: 20px 0 25px; }
.article-header .article-meta { display: flex; flex-wrap: wrap; gap: 18px; color: var(--text-muted); font-size: 11px; margin-bottom: 20px; }
.article-header .article-date { margin-bottom: 20px; }
.article-cover { width: 270px; height: 270px; border-radius: 50%; object-fit: cover; border: 1px solid #dcc19a35; }
.article-language { color: var(--text-muted); font-size: 10px; margin-top: 18px; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 80px; align-items: start; }
.article-toc { position: sticky; top: 122px; border-left: 1px solid #dcc19a30; padding-left: 22px; max-height: calc(100vh - 150px); overflow-y: auto; scrollbar-width: thin; }
.article-toc summary { color: var(--gold); font: 500 10px/1.6 'Manrope', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; }
.article-toc[open] summary { margin-bottom: 18px; }
.article-toc summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.article-toc ol { list-style: none; }
.article-toc a { display: block; color: var(--text-muted); font-size: 11px; line-height: 1.65; padding: 7px 0; }
.article-toc a:hover, .article-toc a[aria-current] { color: var(--gold); }
.article-content { min-width: 0; overflow-wrap: anywhere; }
.article-layout[hidden] { display: none; }
.article-translation-status { margin-top: 25px; padding: 18px; border: 1px solid var(--line); border-radius: 7px; color: var(--text-secondary); font-size: 13px; }
.article-content h2 { font: 500 27px/1.45 'Manrope', sans-serif; color: var(--text-primary); letter-spacing: -.8px; margin: 45px 0 22px; scroll-margin-top: 115px; }
.article-content h3 { font: 500 20px/1.5 'Manrope', sans-serif; color: var(--gold); margin: 30px 0 17px; }
.article-content h4 { font: 600 15px/1.6 'Manrope', sans-serif; margin-bottom: 13px; }
.article-content p, .article-content li { color: var(--reading-text); font-size: 15px; line-height: 1.95; }
.article-content p { margin-bottom: 23px; }
.article-content p:first-child { font-size: 17px; }
.article-content strong { color: var(--reading-strong); font-weight: 600; }
.article-content a:not(.cta-button):not(.cta-link) { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.article-content ul, .article-content ol { padding-left: 23px; margin: 20px 0 28px; }
.article-content li { margin-bottom: 9px; }
.article-content blockquote { border-left: 2px solid var(--gold); padding-left: 24px; margin: 28px 0; color: var(--text-secondary); }
.article-content :is(.highlight-box, .warning-box, .success-box, .example-box, .example-entry, .dream-box, .checklist, .timeline-item, .reflection-question) { border: 1px solid var(--border-soft); border-left: 2px solid #b0a1bd; background: var(--surface); padding: 25px; margin: 30px 0; border-radius: 6px; }
.article-content :is(.warning-box, .success-box, .checklist) { border-left-color: var(--gold); background: #dcc19a05; }
.article-content :is(.highlight-box, .warning-box, .success-box, .example-box, .example-entry, .dream-box, .checklist, .timeline-item) h3 { margin-top: 0; font-size: 18px; }
.article-content :is(.highlight-box, .warning-box, .success-box, .example-box, .example-entry, .dream-box, .checklist, .timeline-item) p:last-child { margin-bottom: 0; }
.article-content .entry-header { color: var(--gold); font-size: 12px; font-weight: 600; margin-bottom: 16px; }
.article-content .checklist ul { list-style: square; }
.article-content :is(.comparison-grid, .duality-grid, .element-grid, .teeth-grid, .grid-container, .flight-grid, .snake-grid, .cat-grid, .dog-grid, .fire-grid, .nightmare-grid, .sign-grid, .color-grid, .technique-grid, .country-grid) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 27px 0; }
.article-content :is(.comparison-card, .duality-card, .element-card, .teeth-card, .grid-item, .flight-card, .snake-card, .cat-card, .dog-card, .fire-card, .nightmare-card, .sign-card, .color-card, .color-item, .technique-item, .country-card) { border: 1px solid var(--line); background: var(--surface); padding: 23px; border-radius: 7px; }
.article-content :is(.comparison-card, .duality-card, .element-card, .teeth-card, .grid-item, .flight-card, .snake-card, .cat-card, .dog-card, .fire-card, .nightmare-card, .sign-card, .color-card, .color-item, .technique-item) p { font-size: 13px; }
.article-content :is(.comparison-card, .duality-card, .flight-card, .snake-card, .cat-card, .dog-card, .fire-card) h3 { margin-top: 0; font-size: 18px; }
.article-content .color-name, .article-content .sign-name { font: 600 15px 'Manrope', sans-serif; margin-bottom: 10px; }
.article-content .color-meaning, .article-content .sign-dates { font-size: 12px; color: var(--text-muted); }
.article-content .sign-header { display: flex; gap: 14px; margin-bottom: 18px; align-items: center; }
.article-content .sign-symbol { color: var(--gold); font-size: 30px; }
.article-content .number-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 28px 0; }
.article-content .number-card { text-align: left; }
.article-content .number { font: 400 40px 'Instrument Serif', Georgia, serif; color: var(--gold); }
.article-content .meaning { font-size: 12px; color: var(--text-secondary); margin-top: 15px; }
.article-content .table-wrapper { overflow-x: auto; margin: 28px 0; }
.article-content table { width: 100%; border-collapse: collapse; margin: 28px 0; font-size: 12px; line-height: 1.8; }
.article-content .table-wrapper table { margin: 0; min-width: 570px; }
.article-content th, .article-content td { padding: 13px 14px; border: 1px solid var(--border); text-align: left; color: var(--text-secondary); vertical-align: top; }
.article-content th { background: #282633; color: var(--text-primary); font-weight: 500; }
.article-content tr:nth-child(even) { background: #ffffff03; }
.article-content .number-col { color: var(--gold); font-weight: 600; width: 70px; }
.article-content :is(.cta-box, .cta-section) { border: 1px solid #dcc19a40; background: #dcc19a06; padding: 30px; border-radius: 8px; margin: 35px 0; }
.article-content :is(.cta-box, .cta-section) h3 { margin-top: 0; }
.cta-button, .cta-link { display: inline-flex; align-items: center; gap: 10px; background: var(--gold); color: var(--button-text); padding: 13px 20px; border-radius: 5px; font-size: 12px; font-weight: 600; }
.article-content .scale { margin: 25px 0; }
.article-content .scale-item { margin-bottom: 20px; }
.article-content .label { color: var(--text-secondary); font-size: 13px; margin-bottom: 10px; }
.article-content .scale-bar { background: #ffffff10; height: 6px; border-radius: 3px; overflow: hidden; }
.article-content .scale-fill { background: var(--gold); height: 100%; }
.article-content .altitude-level { padding: 20px; border-left: 2px solid var(--gold); background: var(--surface); margin-top: 13px; }
.article-content .altitude-level h4 { color: var(--gold); }
.article-content .pros, .article-content .cons { color: var(--text-secondary); }
@media (max-width: 1100px) {
    .article-container { width: calc(100% - 72px); }
    .article-layout { gap: 45px; grid-template-columns: minmax(0, 1fr) 200px; }
    .article-header { grid-template-columns: minmax(0, 1fr) 230px; gap: 35px; }
    .article-cover { width: 230px; height: 230px; }
    .featured-copy { padding: 28px; }
    .featured-copy h2 { font-size: 30px; }
    .blog-card-content { padding: 22px; }
    .tool-layout { grid-template-columns: minmax(0, 1fr) 225px; gap: 25px; }
}
@media (max-width: 850px) {
    .page-header { padding-top: 45px; }
    .featured-article { grid-template-columns: 1fr; }
    .featured-art { min-height: 0; height: 300px; }
    .featured-copy { padding: 30px; }
    .featured-copy h2 { font-size: 36px; }
    .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .tool-layout { grid-template-columns: 1fr; }
    .tool-sidebar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .sidebar-art { display: none; }
    .article-container { width: calc(100% - 48px); }
    .article-layout { grid-template-columns: 1fr; gap: 30px; }
    .article-toc { grid-row: 1; position: static; max-height: none; border: 1px solid var(--line); border-radius: 7px; padding: 22px; }
    .article-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
    .article-header { grid-template-columns: minmax(0, 1fr) 175px; gap: 22px; }
    .article-cover { width: 175px; height: 175px; }
    .article-header h1 { font-size: 42px; }
    .journal-cta { padding: 28px; }
}
@media (max-width: 600px) {
    .page-header { padding: 37px 0 30px; margin-bottom: 28px; }
    .page-header h1 { font-size: 44px; }
    .page-header .subtitle { font-size: 14px; margin-top: 20px; }
    .page-header .header-detail { align-items: flex-start; font-size: 10px; }
    .featured-article { margin-bottom: 40px; }
    .featured-art { height: 230px; }
    .featured-copy { padding: 26px; }
    .featured-copy h2 { font-size: 31px; }
    .blog-grid { grid-template-columns: 1fr; gap: 25px; }
    .blog-card-content { padding: 26px; }
    .blog-card-title { font-size: 21px; }
    .blog-card-excerpt { font-size: 13px; }
    .journal-cta { flex-direction: column; align-items: stretch; margin-top: 40px; }
    .journal-cta h2 { font-size: 30px; }
    .consultation-box, .result-box { padding: 23px; }
    .form-group { margin-bottom: 26px; }
    textarea { min-height: 200px; font-size: 16px; }
    .input-field, .search-input { font-size: 16px; }
    .chip { font-size: 12px; padding: 9px 11px; }
    .tool-sidebar { grid-template-columns: 1fr; gap: 0; }
    .demo-note { padding: 18px; font-size: 11px; }
    .region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .country-card { padding: 20px 16px; }
    .country-name { font-size: 13px; line-height: 1.6; }
    .lottery-name { font-size: 11px; }
    .search-header { flex-direction: column; align-items: flex-start; }
    .search-header h2 { font-size: 22px; }
    .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .number-card { padding: 20px; }
    .article-container { width: calc(100% - 40px); padding-top: 28px; }
    .article-header { grid-template-columns: 1fr; padding: 23px 0 30px; margin-bottom: 25px; }
    .article-cover { width: 100%; height: 180px; border-radius: 9px; }
    .article-header h1 { font-size: 39px; letter-spacing: -.7px; }
    .article-header .tag { font-size: 9px; }
    .article-toc { padding: 20px; }
    .article-toc ol { grid-template-columns: 1fr; }
    .article-content p, .article-content li { font-size: 14px; }
    .article-content h2 { font-size: 24px; margin-top: 33px; }
    .article-content h3 { font-size: 19px; }
    .article-content :is(.comparison-grid, .duality-grid, .element-grid, .teeth-grid, .grid-container, .flight-grid, .snake-grid, .cat-grid, .dog-grid, .fire-grid, .nightmare-grid, .sign-grid, .color-grid, .technique-grid, .country-grid) { grid-template-columns: 1fr; }
    .article-content .number-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .article-content :is(.highlight-box, .warning-box, .example-box, .example-entry, .checklist, .timeline-item) { padding: 21px; }
}
@media (prefers-reduced-motion: reduce) { .blog-card:hover .blog-card-image img { transform: none; } }