/* Approved 2026-09-13. Shared header, menu and footer use the existing site CSS. */
.symbols-hero{position:relative;overflow:hidden;color:var(--paper);background:radial-gradient(ellipse at 85% 55%,#31213d 0%,#181020 38%,#0d0915 78%)}
.symbols-hero:before{position:absolute;inset:0;content:"";opacity:.18;background-image:linear-gradient(#b692621f 1px,transparent 1px),linear-gradient(90deg,#b692621f 1px,transparent 1px);background-size:92px 92px}
.symbols-hero-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding-block:48px 62px}
.symbols-hero .breadcrumbs{margin-bottom:30px}
.symbols-hero h1{margin:0;font:400 64px/1.25 var(--serif);letter-spacing:-.045em}
.symbols-hero h1 em{color:var(--gold-soft);font-style:normal}
.symbols-lead{margin:22px 0 26px;color:#cec3d1;font-size:18px;line-height:1.8}
.symbols-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;padding:12px 23px;color:var(--ink);background:var(--gold-soft);font-size:15px;font-weight:700;border-radius:2px}
.symbols-hero-meta{margin:20px 0 0;color:#b6a7bd;font-size:13px}
.symbol-art{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;min-height:298px;padding:50px 14px 28px}
.symbol-art:before,.symbol-art:after{position:absolute;inset:15px 8px 10px;content:"";border:1px solid #d7b77926;border-radius:50%;transform:rotate(-16deg)}
.symbol-art:after{inset:44px -4px 40px;transform:rotate(18deg);border-color:#d7b77916}
.symbol-art figure{position:relative;margin:0;text-align:center;color:var(--gold-soft)}
.symbol-art figure:nth-child(2){transform:translateY(-35px)}
.symbol-art svg{width:74px;height:74px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.symbol-art figcaption{margin-top:14px;color:#ddcfe1;font-size:14px}
.symbol-art .art-caption{position:absolute;right:0;bottom:0;left:0;margin:0;text-align:center;font:600 11px var(--latin);letter-spacing:.22em;color:#b5976d}
.symbols-index{padding:50px 0 38px;background:var(--paper)}
.symbols-index-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:20px}
.symbols-index h2{margin:0;font:400 27px/1.4 var(--serif);letter-spacing:-.03em}
.symbols-index-head p{margin:0;color:var(--muted);font-size:14px}
.sign-jump-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sign-jump{display:flex;min-height:75px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #d8d0c5;background:#f7f1e7;transition:background .15s}
.sign-jump:hover,.sign-jump:focus-visible{background:#e9decc;border-color:#ae8c57}
.sign-jump strong{font-size:16px;font-weight:650}
.sign-jump span{font:500 12px var(--latin);color:#766979;letter-spacing:.04em}
.symbols-date-note{display:flex;align-items:baseline;gap:14px;margin:20px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
.symbols-date-note strong{flex-shrink:0;color:#534254;font-weight:650}
.symbols-catalog{padding:58px 0 76px;background:var(--ivory)}
.symbols-section-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:32px}
.symbols-section-head h2{margin:0;font:400 40px/1.4 var(--serif);letter-spacing:-.04em}
.symbols-section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.symbol-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.symbol-card{position:relative;scroll-margin-top:16px;display:flex;flex-direction:column;padding:26px 28px 24px;border:1px solid #d8d0c5;background:#fffaf1;min-width:0}
.symbol-card:nth-child(3n+2){background:#eee6d9}
.symbol-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.symbol-card-top span{font:600 12px var(--latin);letter-spacing:.13em;color:#857467}
.symbol-card-top b{font:400 33px/1 "Segoe UI Symbol",serif;color:#8b683b}
.symbol-card h3{margin:0;font:700 26px/1.35 var(--serif);letter-spacing:-.035em}
.symbol-card-meta{display:flex;align-items:center;gap:10px;margin:8px 0 21px;font-size:13px;color:#716577}
.symbol-card-meta time{font-family:var(--latin);font-size:12px;letter-spacing:.03em}
.symbol-card-meta .element-label{padding-left:10px;border-left:1px solid #d0c5b7}
.symbol-rep{margin:0 0 10px;font-size:17px;font-weight:700;color:#4c384b}
.symbol-description{margin:0 0 22px;font-size:16px;line-height:1.82;color:#625466}
.symbol-keyword{display:flex;align-items:baseline;gap:12px;margin:auto 0 0;padding-top:15px;border-top:1px solid #d9cfc1}
.symbol-keyword span{flex-shrink:0;font-size:12px;color:#8d7a67}
.symbol-keyword strong{font-size:14px;font-weight:600;color:#534253}
.symbols-elements{padding:72px 0 68px;background:#171020;color:var(--paper)}
.symbols-elements .symbols-section-head{grid-template-columns:1fr .9fr}
.symbols-elements .symbols-section-head p{color:#c6b7cc}
.symbols-element-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b694623d}
.symbols-element{padding:25px 26px 0 0}
.symbols-element+.symbols-element{padding-left:26px;border-left:1px solid #b694622b}
.symbols-element header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.symbols-element h3{margin:0;font:400 28px var(--serif);color:var(--gold-soft)}
.symbols-element header span{font:600 11px var(--latin);letter-spacing:.1em;color:#af969f}
.symbols-element p{margin:0;color:#e0d4e3;font-size:16px;line-height:1.7}
.symbols-element small{display:block;margin-top:18px;color:#baa9c1;font-size:13px}
.symbols-tip{display:grid;grid-template-columns:1fr 2.1fr;gap:30px;margin-top:34px;padding:23px 26px;border-left:2px solid var(--gold);background:#ffffff05}
.symbols-tip strong{font-size:16px;color:#e6d2b0}
.symbols-tip p{margin:0;color:#c6b7cc;font-size:15px;line-height:1.8}
.symbols-faq{padding:70px 0;background:var(--paper)}
.symbols-faq .faq-row h3{font-size:17px}
.symbols-faq .faq-row p{font-size:16px;color:#6a5d6e;line-height:1.85}
.symbols-sources{margin-top:36px;padding-top:23px;border-top:1px solid var(--line-paper);color:var(--muted);font-size:13px}
.symbols-sources p{margin:0 0 8px}
.symbols-sources nav{display:flex;flex-wrap:wrap;gap:9px 22px}
.symbols-sources a{text-decoration:underline;text-underline-offset:4px}
.symbols-next{padding:45px 0;background:var(--ivory);border-top:1px solid var(--line-paper)}
.symbols-next-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.symbols-next h2{margin:0 0 10px;font:400 33px/1.4 var(--serif);letter-spacing:-.03em}
.symbols-next p{margin:0;color:var(--muted);font-size:16px}
.symbols-next-links{display:flex;flex-shrink:0;flex-direction:column;align-items:stretch;gap:12px;text-align:center}
.symbols-next .symbols-button{background:var(--night);color:var(--paper);font-size:15px}
.symbols-back{font-size:14px;color:#6a5a6b;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.symbols-hero-inner{gap:25px}.symbols-hero h1{font-size:54px}.symbol-art svg{width:58px;height:58px}.symbol-card{padding:23px}.symbols-section-head{gap:35px}.symbols-element{padding-right:18px}.symbols-element+.symbols-element{padding-left:18px}}
@media(max-width:800px){.symbols-hero-inner{grid-template-columns:1fr}.symbol-art{display:none}.symbol-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-card:nth-child(3n+2){background:var(--paper)}.symbol-card:nth-child(4n+2),.symbol-card:nth-child(4n+3){background:#eee6d9}.sign-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.symbols-section-head,.symbols-elements .symbols-section-head{grid-template-columns:1fr;gap:16px}.symbols-element-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.symbols-element:nth-child(3){border-left:0;padding-left:0}.symbols-tip{grid-template-columns:1fr;gap:10px}.symbols-next-inner{align-items:flex-start}.symbols-next h2{font-size:29px}}
@media(max-width:640px){.symbols-hero-inner{padding-block:25px 40px}.symbols-hero .breadcrumbs{margin-bottom:30px;gap:6px;font-size:11px}.symbols-hero .breadcrumbs li+li:before{margin-right:6px}.symbols-hero h1{font-size:39px;line-height:1.28;letter-spacing:-.045em}.symbols-hero .eyebrow{font-size:11px}.symbols-lead{font-size:16px;line-height:1.8;margin:19px 0 23px}.symbols-button{min-height:48px;font-size:14px}.symbols-hero-meta{font-size:12px;margin-top:17px}.symbols-index{padding:33px 0}.symbols-index-head{display:block;margin-bottom:19px}.symbols-index h2{font-size:25px}.symbols-index-head p{margin-top:7px;font-size:14px}.sign-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sign-jump{min-height:70px}.sign-jump strong{font-size:15px}.sign-jump span{font-size:11px;letter-spacing:0}.symbols-date-note{display:block;margin-top:18px;font-size:13px}.symbols-date-note strong{display:block;margin-bottom:5px}.symbols-catalog{padding:42px 0 46px}.symbols-section-head{margin-bottom:25px}.symbols-section-head h2{font-size:31px}.symbols-section-head p{font-size:15px;line-height:1.75}.symbol-card-grid{grid-template-columns:1fr;gap:13px}.symbol-card,.symbol-card:nth-child(4n+2),.symbol-card:nth-child(4n+3){padding:23px 24px;background:var(--paper)}.symbol-card:nth-child(even){background:#eee6d9}.symbol-card-top{margin-bottom:14px}.symbol-card-top b{font-size:31px}.symbol-card h3{font-size:26px}.symbol-card-meta{margin-bottom:17px}.symbol-rep{font-size:17px}.symbol-description{font-size:16px;line-height:1.8;margin-bottom:18px}.symbol-keyword{gap:12px}.symbols-elements{padding:45px 0}.symbols-element-grid{gap:23px 0}.symbols-element,.symbols-element+.symbols-element{padding-top:20px;padding-right:13px;padding-left:16px}.symbols-element:nth-child(odd){padding-left:0}.symbols-element h3{font-size:25px}.symbols-element header span{font-size:10px}.symbols-element p{font-size:15px}.symbols-element small{font-size:12px;line-height:1.8}.symbols-tip{margin-top:25px;padding:19px}.symbols-tip strong{font-size:16px}.symbols-tip p{font-size:14px}.symbols-faq{padding:48px 0}.symbols-faq .faq-head h2{font-size:31px}.symbols-faq .faq-row h3{font-size:16px}.symbols-faq .faq-row p{font-size:15px}.symbols-sources{font-size:12px}.symbols-sources nav{flex-direction:column;align-items:flex-start;gap:11px}.symbols-next{padding:36px 0}.symbols-next-inner{display:block}.symbols-next h2{font-size:29px}.symbols-next p{font-size:15px}.symbols-next-links{margin-top:23px;align-items:flex-start;gap:16px}}
@media(max-width:350px){.symbols-hero h1{font-size:34px}.symbols-lead{font-size:15px}.symbols-hero .breadcrumbs{font-size:10px}.symbols-section-head h2,.symbols-faq .faq-head h2{font-size:28px}.symbol-card{padding-inline:20px}.symbol-description{font-size:15px}.sign-jump strong{font-size:14px}.symbols-element p{font-size:14px}.symbols-element small{font-size:11px}}