:root{--blog-card-bg: #f9f7f4;--blog-muted: #6b7280;--blog-border: rgba(0,0,0,.1);--blog-border-hover: rgba(177,136,61,.6);--blog-max-read: 720px;--blog-max-w: 1280px;--blog-r-card: 1rem}body{background-color:#fff!important;color:#1f2937!important}#reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--color-gold, #b1883d);z-index:100;transition:width .1s linear;pointer-events:none}#blog-cover-slot{padding-top:5rem}#blog-cover-slot:empty{display:none}#blog-cover-slot:empty+.post-wrap{padding-top:5rem}#blog-jsonld-slot{display:none}.post-wrap{max-width:var(--blog-max-read);margin:0 auto;padding:0 1.25rem}.post-header{padding:3.5rem 0 2rem;border-bottom:1px solid var(--blog-border);margin-bottom:2rem}.post-category{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold, #b1883d);display:block;margin-bottom:1rem}.post-title{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#111827}@media(min-width:640px){.post-title{font-size:2.85rem}}.post-meta{font-size:.8rem;color:var(--blog-muted)}.post-cover{max-width:calc(var(--blog-max-read) + 2.5rem);margin:0 auto 2rem;padding:0 1.25rem}.post-cover img{width:100%;border-radius:var(--blog-r-card);aspect-ratio:16/9;object-fit:cover}.post-body{padding-bottom:2.5rem;border-bottom:1px solid var(--blog-border)}.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);margin:2rem 0 .65rem;line-height:1.25;color:#111827}.post-body h2{font-size:1.55rem}.post-body h3{font-size:1.25rem}.post-body p{margin-bottom:1.1rem;color:#374151}.post-body ul,.post-body ol{padding-left:1.5rem;margin-bottom:1.1rem}.post-body li{margin-bottom:.35rem;color:#374151}.post-body blockquote{border-left:3px solid var(--color-gold, #b1883d);padding-left:1.1rem;color:#6b7280;margin:1.5rem 0;font-style:italic}.post-body code{background:#f3f4f6;color:#111827;padding:.15em .4em;border-radius:4px;font-size:.87em;font-family:SF Mono,Consolas,monospace}.post-body pre{background:#f3f4f6;padding:1.1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.1rem;border:1px solid var(--blog-border)}.post-body pre code{background:none;padding:0;font-size:.83em}.post-body hr{border:none;border-top:1px solid var(--blog-border);margin:2rem 0}.post-body strong{font-weight:700}.post-body em{font-style:italic}.post-body a{color:var(--color-gold, #b1883d)}.post-body img{border-radius:8px;margin:1.5rem 0;max-width:100%;display:block}.share-row{display:flex;align-items:center;gap:.75rem;padding:1.5rem 0;border-bottom:1px solid var(--blog-border);margin-bottom:2.5rem;flex-wrap:wrap}.share-label{font-size:.75rem;font-weight:600;color:var(--blog-muted);text-transform:uppercase;letter-spacing:.1em}.share-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:9999px;border:1px solid rgba(0,0,0,.15);background:transparent;color:#4b5563;font-size:.8rem;font-family:var(--font-body, "Inter Variable", system-ui, sans-serif);cursor:pointer;transition:border-color .25s,color .25s}.share-btn:hover,.share-btn.copied{border-color:var(--color-gold, #b1883d);color:var(--color-gold, #b1883d)}.related-section{margin-bottom:3.5rem}.related-section h2{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);font-size:1.35rem;margin-bottom:1.25rem;color:#111827}.related-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:600px){.related-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background:var(--blog-card-bg);border:1px solid var(--blog-border);border-radius:var(--blog-r-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .45s ease,border-color .45s ease;color:#111827}a.post-card:hover{text-decoration:none}.post-card:hover{transform:translateY(-4px);border-color:var(--blog-border-hover)}.post-card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.post-card-thumb-placeholder{width:100%;aspect-ratio:16/9;background:#e5e7eb}.post-card-body{padding:1.25rem 1.25rem 1.5rem;flex:1;display:flex;flex-direction:column}.post-card-body h2{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;color:#111827}.post-card-body h2 a{color:inherit;text-decoration:none}.post-card-body h2 a:hover{color:var(--color-gold, #b1883d)}.post-card-body p{font-size:.85rem;color:#6b7280;flex:1;margin-bottom:.75rem;line-height:1.55}.post-card-meta{font-size:.75rem;color:#9ca3af}.comments-section{margin-bottom:5rem}.comments-section>h2{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);font-size:1.35rem;margin-bottom:1.5rem;color:#111827}.comment-list{list-style:none;margin-bottom:2.5rem;padding:0}.comment-item{border-left:3px solid rgba(0,0,0,.12);padding:.75rem 0 .75rem 1.1rem;margin-bottom:1.25rem;transition:border-color .3s}.comment-item:hover{border-color:var(--color-gold, #b1883d)}.comment-author{font-size:.82rem;font-weight:700;color:#111827;margin-bottom:.35rem}.comment-date{font-size:.72rem;color:var(--blog-muted);margin-left:.5rem;font-weight:400}.comment-body{font-size:.9rem;color:#4b5563;line-height:1.6}.no-comments{font-size:.88rem;color:var(--blog-muted);margin-bottom:2rem}.comment-form-wrap{margin-top:2rem}.comment-form-wrap h3{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);font-size:1.1rem;margin-bottom:1rem;color:#111827}.comment-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.09em}.form-label .req{color:var(--color-gold, #b1883d)}.form-optional{color:#9ca3af;font-weight:400;text-transform:none;letter-spacing:0}.form-input,.form-textarea{background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:8px;color:#1f2937;font-family:var(--font-body, "Inter Variable", system-ui, sans-serif);font-size:.9rem;padding:.6rem .85rem;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-gold, #b1883d)}.form-textarea{min-height:110px;resize:vertical;line-height:1.6}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-error{font-size:.74rem;color:#dc2626;display:none}.form-group.has-error .form-error{display:block}.form-group.has-error .form-input,.form-group.has-error .form-textarea{border-color:#dc2626}.h-field{display:none!important}.commenting-as{font-size:.85rem;color:#6b7280;margin:0 0 .75rem}.commenting-as strong{color:#111827;font-weight:600}#blog-reader-banner{display:none;background:#f9f7f4;border:1px solid rgba(177,136,61,.3);border-radius:8px;padding:.65rem 1rem;font-size:.875rem;color:#374151;margin-bottom:1.5rem}.form-submit{background:var(--color-gold, #b1883d);color:#000;border:none;border-radius:9999px;font-family:var(--font-body, "Inter Variable", system-ui, sans-serif);font-size:.875rem;font-weight:700;padding:.65rem 1.5rem;cursor:pointer;transition:background .25s}.form-submit:hover{background:#d4a85a}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-success{display:none;background:#b1883d14;border:1px solid rgba(177,136,61,.3);border-radius:8px;padding:1rem 1.25rem;color:#92621a;font-size:.9rem;margin-bottom:1rem}.form-global-error{display:none;background:#dc26260d;border:1px solid rgba(220,38,38,.25);border-radius:8px;padding:.75rem 1rem;color:#dc2626;font-size:.85rem;margin-top:.75rem}.blog-cta{background:#111827;padding:4rem 1.25rem;text-align:center}.blog-cta p{font-family:var(--font-display, "Playfair Display Variable", Georgia, serif);font-size:1.5rem;font-weight:700;color:#fafaf7;margin-bottom:1.25rem}.blog-cta-btn{display:inline-block;background:var(--color-gold, #b1883d);color:#000;font-weight:700;font-size:.9rem;padding:.75rem 1.75rem;border-radius:9999px;text-decoration:none;transition:background .25s}.blog-cta-btn:hover{background:#d4a85a;text-decoration:none}@media(prefers-reduced-motion:no-preference){@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.post-header{animation:fadeSlideUp .45s ease both}.post-cover{animation:fadeSlideUp .45s ease .05s both}.post-body{animation:fadeSlideUp .45s ease .1s both}.share-row{animation:fadeSlideUp .45s ease .15s both}}
