/* Layout specific to server-rendered pages. All visible metadata stays >=14px. */
/* Keep the navigation trail close to the header without shrinking its text. */
.editorial-page { padding-top: 12px; }
.editorial-page > .breadcrumbs { margin: 0; font-size: 16px; line-height: 1.4; }
.editorial-page > .article-header { padding-top: 12px; }
@media(max-width:700px) { .editorial-page { padding-top: 6px; } .editorial-page > .article-header { padding-top: 8px; } }
.breadcrumbs{font-size:14px;line-height:1.8;margin-bottom:24px;overflow-wrap:anywhere}.breadcrumbs span{margin-right:5px}.page-intro h1,.article-header h1,.article h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.1rem,4.5vw,3.5rem);line-height:1.12;letter-spacing:-1px;margin:18px 0 25px}.page-intro{max-width:850px}.with-art{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:45px;align-items:center}.article-hero-art img{width:100%;height:auto;max-height:340px;object-fit:contain}.article-hero-art--portrait img{aspect-ratio:1;object-fit:cover;border-radius:50%}.article-byline{font-size:14px;color:var(--muted);margin:18px 0}.article-body section+section{margin-top:40px}.article-body p{margin:18px 0}.article-body img{max-width:100%;height:auto;margin:24px 0}.article-body li{margin:10px 0}.article-body h2{margin:30px 0 18px}.article-aside nav{display:grid;gap:16px;margin-top:26px}.article-aside h2{font-size:1.6rem}.article-aside .button{padding-inline:16px;white-space:normal}.start-shell{max-width:900px;margin-inline:auto}.start-shell>h2{margin-bottom:18px}.start-shell .reader-start-form{margin-top:30px}.field-help{font-size:14px!important;color:var(--muted);margin-top:8px}.reading-note{font-size:16px;line-height:1.7;margin:20px 0}.deck-choice span{display:block;font-size:16px}.deck-choice{position:relative}.deck-choice input{width:22px;height:22px;accent-color:var(--plum);margin-bottom:10px}.reader-start-form>.button{margin-top:18px}.start-explanation{max-width:850px;margin:50px auto}.reader-shell .reading-note{color:inherit}.reader-form legend.visually-hidden{padding:0}.draw-card-name{display:none;font-size:16px;line-height:1.4;margin-top:8px;overflow-wrap:anywhere}.draw-grid .card-option:has(input:checked) .draw-card-name,.draw-grid .card-option.is-selected .draw-card-name{display:block}.draw-grid .card-option{align-self:start}.reading-secondary-actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:25px 0}.text-button,.privacy-options{font:inherit;font-size:16px;border:0;background:transparent;color:var(--plum);text-decoration:underline;text-underline-offset:4px;padding:12px 0;min-height:48px;cursor:pointer}.privacy-options{font-size:14px;text-align:left}.reader-progress li[aria-current=step]{font-weight:700;color:var(--plum)}.result-controls{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:32px 0}.result-group{padding-top:35px;margin-top:35px;border-top:1px solid var(--line)}.result-group>.eyebrow{margin-bottom:12px}.reflection-note{background:var(--lilac);padding:28px;border-radius:12px;margin-top:35px}.reflection-note p{margin-top:18px}.contact-email{max-width:min(100%,480px);height:auto}.ad-slot{margin-block:38px;padding:20px 0;min-height:180px;text-align:center;border-block:1px solid var(--line)}.ad-slot>span{display:block;font-size:14px;color:var(--muted);margin-bottom:18px}.ad-slot .adsbygoogle{min-height:120px}.article .article-body{max-width:850px}.article-teaser,.card-index-item{text-decoration:none}.article-teaser h2,.card-index-item h2{font-size:1.5rem;margin:16px 0}.article-teaser p,.card-index-item p{font-size:16px}.reader-result .result-card h3{font-size:1.65rem;margin-bottom:15px}.result-card .interpretation p{margin-top:16px}.reader-result .lead{margin:14px 0}.reader-progress ol{list-style:none;padding:0}.reader-progress li{display:inline-block}.reader-progress li span{font-weight:700}.form-error{margin:22px 0}.resume-reading{margin:20px 0}.reader-result .ad-slot{width:100%}.start-shell .field-help{color:inherit}.footer-links{align-items:center}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.article-body a{overflow-wrap:anywhere}
@media(max-width:700px){.with-art{grid-template-columns:1fr;gap:24px}.article-hero-art{justify-self:center;max-width:145px}.article-header .lead,.page-intro .lead{font-size:18px}.reader-shell{margin-inline:0}.reader-progress ol{display:flex;flex-wrap:wrap;font-size:14px}.reader-progress li{font-size:14px}.reader-progress li:not([aria-current]){color:var(--muted)}.reading-secondary-actions{display:block}.reading-secondary-actions form+form{margin-top:10px}.result-controls{display:grid}.result-controls .button{width:100%}.draw-card-name{font-size:16px}.result-card h3{font-size:24px}.ad-slot{min-height:150px}.article-body h2{font-size:28px}.article-body h3{font-size:23px}.reflection-note{padding:22px}.deck-choice img{height:auto}.start-shell .deck-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
.reader-toolbar{position:sticky;top:8px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:12px;margin:24px 0;box-shadow:0 4px 14px #30223812}.reader-toolbar [data-card-counter]{font-size:16px;line-height:1.5}.reader-toolbar .button{min-height:48px;padding:10px 16px;flex-shrink:0}.reader-toolbar~fieldset{overflow:visible}.related-content li{margin:14px 0}
@media(max-width:700px){.reader-toolbar{top:6px;padding:10px;gap:8px}.reader-toolbar .button{max-width:52%;font-size:16px;padding:10px 12px;gap:8px}.reader-toolbar [data-card-counter]{flex:1}.reader-shell .reading-note{margin:16px 0}}
@media print{.reader-toolbar,.reading-secondary-actions,.result-controls,.reflection-note+form,.ad-slot,.reader-start-form,.breadcrumbs{display:none}.reader-result .result-group{break-before:auto}.reader-result .result-card{break-inside:avoid}.reader-result .interpretation{font-size:12pt}}

/* Clear reading question and navigation through the public editorial guides. */
.detail-discovery .eyebrow,.detail-invitation .eyebrow{font-size:16px}.detail-discovery .button{white-space:normal}.detail-invitation form{margin:24px 0}.detail-invitation p{font-size:18px;line-height:1.8}@media print{.detail-invitation{display:none}}
.hero-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-topics a{display:inline-flex;align-items:center;min-height:48px;padding:8px 15px;border:1px solid var(--line);border-radius:24px;font-size:16px;text-decoration:none;background:var(--white)}.hero-topics a:hover{background:var(--lilac)}
.reading-preferences{margin:22px 0 8px;border:1px solid var(--line);border-radius:10px;padding:16px}.reading-preferences summary{cursor:pointer;font-size:16px;line-height:1.7;min-height:48px}.reading-preferences summary span{display:block;margin-left:20px}.reading-preferences .preferences-body{padding-top:22px}.reader-start-form .field-help{font-size:16px!important}.reading-preferences[open] summary{padding-bottom:16px;border-bottom:1px solid var(--line)}
.result-index{padding:22px;background:var(--lilac);border-radius:12px;margin-top:30px}.result-index h2{font-size:24px;margin:0 0 10px}.result-index ol{margin:0;padding-left:24px}.result-index a{display:inline-block;font-size:17px;padding:10px 0;line-height:1.6}.result-group h2{scroll-margin-top:24px}.reader-result .result-card .interpretation p{font-size:18px;line-height:1.85}.reader-result .card-guide-link{font-size:16px;margin-top:20px}.card-guide-link a{display:inline-block;padding-block:8px}.article-aside .aside-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.aside-topics a{min-height:48px;display:flex;align-items:center;font-size:16px}.article-byline{font-size:16px}
@media(max-width:700px){.result-index{padding:20px}.reader-start-form>.button{width:100%;white-space:normal}.reader-result .result-card .interpretation p{font-size:18px}}
@media print{.result-index,.card-guide-link{display:none}.reader-result .result-card .interpretation p{font-size:12pt}}
.reader-shell .reader-question{max-width:30ch;margin:20px 0 0;padding-bottom:0;line-height:1.25}
.article-toc{padding:22px;background:var(--lilac);border-radius:12px;margin-bottom:32px}
.article-body .article-toc h2{margin:0 0 12px;font-size:24px}
.article-toc ol{padding-left:24px;margin:0}.article-toc li{margin:4px 0}.article-toc a{display:inline-block;padding:8px 0;font-size:16px;line-height:1.5}
.article-body section[id]{scroll-margin-top:24px}
:is(.reading-page,.detail-page) .reader-form[data-completion-confirmation]{padding-bottom:150px}
:is(.reading-page,.detail-page) .reader-completion[hidden]{display:none}
:is(.reading-page,.detail-page) .reader-completion{position:fixed;z-index:20;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:24px;width:calc(100% - 32px);max-width:660px;padding:20px 24px;border:2px solid var(--plum);border-radius:16px;background:var(--white);box-shadow:0 8px 35px #30223838;text-align:center}
.reader-completion>div{display:flex;align-items:center;justify-content:center;gap:12px}
.reader-completion strong{font-size:20px;line-height:1.4;color:var(--plum)}
.reader-completion-check{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--plum);color:white;font-size:22px;font-weight:700}
.reader-completion .button{font-size:18px;min-height:56px;flex-shrink:0}
.reading-page .draw-grid .draw-card-name{margin:0}
.reading-page .result-card .interpretation p:first-child{margin-top:0}
.reader-nojs-confirmation{padding:20px 0}.reader-nojs-confirmation .button{margin-top:16px}
.reading-finished-actions{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px 0;text-align:center}.reading-finished-actions .reading-restart{width:min(100%,420px)}.reading-restart .button{width:100%;min-height:60px;font-size:18px}
@media(max-width:700px){:is(.reading-page,.detail-page) .reader-completion{gap:14px;flex-direction:column;padding:16px;bottom:max(12px,env(safe-area-inset-bottom))}.reader-completion strong{font-size:18px}.reader-completion .button{width:100%}:is(.reading-page,.detail-page) .reader-form[data-completion-confirmation]{padding-bottom:180px}.reading-secondary-actions.reading-finished-actions{display:flex}.reading-finished-actions form+form{margin:0}}
@media print{:is(.reading-page,.detail-page) .reader-completion{display:none}}
.deck-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0;align-items:start}
.deck-comparison figure{margin:0;min-width:0}.article-body .deck-comparison img{display:block;width:100%;max-width:180px;height:auto;margin:0 auto 16px}
.deck-comparison figcaption{font-size:16px;line-height:1.65}.article-body blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid var(--plum);background:var(--lilac);font-size:16px;line-height:1.7}
.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}.article-body th,.article-body td{text-align:left;padding:12px;border-bottom:1px solid var(--line);min-width:140px;vertical-align:top}
@media(max-width:700px){.article-toc{margin-top:32px}.reader-shell .reader-question{margin:20px 0 0;padding-bottom:0}.deck-comparison{grid-template-columns:1fr;gap:30px}.article-toc{padding:20px}.article-body .deck-comparison img{max-width:150px}.deck-comparison figure{max-width:420px;margin-inline:auto}}.deck-comparison figcaption strong,.deck-comparison figcaption span{display:block}.deck-comparison figcaption strong{margin-bottom:8px}.editorial-note{font-size:16px;line-height:1.7;border-left:3px solid var(--plum);padding:12px 20px;margin:24px 0 32px;max-width:850px}.section-followup{font-size:16px;margin-top:26px;line-height:1.7}

/* Language editions: regular navigation to their homepages, readable on mobile. */
.footer-languages{margin-top:26px;padding-top:22px;border-top:1px solid #d7cfc4}
.footer-languages h2{font-family:inherit;font-size:18px;font-weight:700;line-height:1.4;margin:0;color:var(--ink)}
.language-links{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:14px 0 0;min-width:0}
.language-links li,.article-body .language-links li{margin:0;min-width:0;max-width:100%}
.language-links a{display:inline-flex;align-items:center;min-height:48px;max-width:100%;padding:9px 13px;border:1px solid var(--line);border-radius:8px;font-size:16px;line-height:1.5;text-decoration:none;color:var(--plum);overflow-wrap:anywhere}
.language-links a:hover{background:var(--lilac);border-color:var(--plum)}
.language-links a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:360px){.language-links{gap:8px}.language-links a{padding-inline:11px}}