.page-header{background:linear-gradient(#000000bf,#000000d9),url(https://images.unsplash.com/photo-1542744094-24638eff58bb?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center 65%;background-attachment:fixed}.back-link{color:#fffc;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);transition:color var(--transition-normal);font-weight:500}.back-link:hover,.back-link:focus{color:#fff}.post-title{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--space-6);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.post-subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:#ffffffe6;max-width:800px;margin:0 auto var(--space-6);font-weight:400}.post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-5);color:#ffffffd9;font-size:var(--text-sm);flex-wrap:wrap}.post-meta span{display:flex;align-items:center;gap:var(--space-2)}.post-tag{background:#8b4513cc;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff}.article-container{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.voices-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin:var(--space-8) 0}.voice-card{background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.voice-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.voice-card:nth-child(2){border-left-color:var(--color-secondary)}.voice-card:nth-child(3){border-left-color:var(--color-highlight)}.voice-card:nth-child(4){border-left-color:#4c51bf}.voice-card h3{font-family:var(--font-serif);font-size:var(--text-2xl);margin-bottom:var(--space-3);color:var(--color-text)}.voice-card .voice-number{position:absolute;top:-12px;left:-12px;background:var(--color-primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm)}.voice-card:nth-child(2) .voice-number{background:var(--color-secondary)}.voice-card:nth-child(3) .voice-number{background:var(--color-highlight)}.voice-card:nth-child(4) .voice-number{background:#4c51bf}.voice-question{display:inline-block;background:#8b45131a;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-style:italic;color:var(--color-primary);margin-top:var(--space-3);font-weight:500}.historical-quote{border-left:4px solid #4C51BF;padding:var(--space-6);margin:var(--space-8) 0;font-size:var(--text-xl);font-style:italic;color:#4c51bf;background:#4c51bf0d;border-radius:0 var(--radius-lg) var(--radius-lg) 0;line-height:var(--leading-relaxed)}.historical-quote:before{content:"❝";font-size:var(--text-3xl);color:#4c51bf;opacity:.5;margin-right:var(--space-2);vertical-align:top;line-height:1}.process-field{display:flex;justify-content:center;align-items:center;margin:var(--space-10) 0;padding:var(--space-4)}.field-container{position:relative;width:450px;height:300px;display:flex;justify-content:center;align-items:center}.field-node{position:absolute;background:var(--color-surface);border:2px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);z-index:2}.top{top:0}.bottom{bottom:0}.left{left:0}.right{right:0}.field-center{background:linear-gradient(135deg,var(--color-primary),#4C51BF);color:#fff;padding:var(--space-4);border-radius:50%;font-weight:700;text-align:center;box-shadow:var(--shadow-lg);z-index:3}.connector{position:absolute;background:var(--color-border);z-index:1}.vertical{width:2px;height:100%;left:50%;transform:translate(-50%)}.horizontal{height:2px;width:100%;top:50%;transform:translateY(-50%)}.synthesis-section{margin:var(--space-8) 0;padding-left:var(--space-4)}.synthesis-item{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.synthesis-label{font-size:var(--text-s);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.synthesis-item p{margin:0;font-size:var(--text-lg);line-height:var(--leading-relaxed)}.synthesis-item em{color:var(--color-text);font-weight:600}.article-content{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-content .lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-6);font-weight:500}.article-content h2{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:500;margin:var(--space-8) 0 var(--space-5);color:var(--color-text);line-height:var(--leading-snug);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.article-content h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;margin:var(--space-6) 0 var(--space-4);color:var(--color-text)}.article-content p{margin-bottom:var(--space-5)}.article-content strong{color:var(--color-text);font-weight:600}.final-reflection{background:linear-gradient(135deg,#f8f1e8,#f0e6d6);border:1px solid rgba(139,69,19,.2);padding:var(--space-8);margin:var(--space-8) 0;border-radius:var(--radius-lg);text-align:center;position:relative}.final-reflection:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),#4C51BF);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.final-reflection h3{color:var(--color-primary);margin-bottom:var(--space-4)}@media (max-width: 768px){.post-title{font-size:var(--text-4xl)}.post-subtitle{font-size:var(--text-lg)}.article-container{padding:var(--space-6) var(--space-4)}.voice-card{padding:var(--space-5)}.process-visual{flex-direction:column;gap:var(--space-3)}.process-arrow{transform:rotate(90deg)}.historical-quote{padding:var(--space-5);font-size:var(--text-lg)}}@media (max-width: 480px){.post-title{font-size:var(--text-3xl)}.post-meta{flex-direction:column;align-items:center;gap:var(--space-3)}.article-content h2{font-size:var(--text-2xl)}.article-content h3{font-size:var(--text-lg)}.final-reflection{padding:var(--space-6)}}
