:root {--article-max-width:820px;--hero-max-width:1200px;--gold:#d4af37;--gold-light:#f3e5ab;--gold-dark:#aa8c2c;--gold-pale:rgba(212, 175, 55, 0.08);--gold-border:rgba(212, 175, 55, 0.3);--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-tertiary:#707070;--bg-primary:#0f1014;--bg-secondary:#16171d;--bg-tertiary:#1c1e26;--border-color:rgba(255, 255, 255, 0.08);--shadow-sm:0 4px 12px rgba(0, 0, 0, 0.3);--shadow-md:0 8px 24px rgba(0, 0, 0, 0.4);--shadow-lg:0 12px 48px rgba(0, 0, 0, 0.5);--font-heading:'Playfair Display', Georgia, serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-ui:'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1);}body {background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);}.page-header {position:relative;padding:8rem 0 5rem;overflow:hidden;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--border-color);}.page-header-bg {position:absolute;top:-5%; left:-5%; right:-5%; bottom:-5%;background-size:cover;background-position:center;opacity:0.25;filter:blur(24px) saturate(1.2);z-index:0;transition:filter 0.8s ease;}.page-header-overlay {position:absolute;inset:0;background:radial-gradient(circle at top, rgba(15, 16, 20, 0.4) 0%, var(--bg-primary) 90%);z-index:1;}.page-header-inner {position:relative;z-index:2;max-width:var(--hero-max-width);padding:0 2rem;width:100%;}.article-category {display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:0.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;background:var(--gold-pale);padding:6px 16px;border-radius:100px;border:1px solid var(--gold-border);}.page-header h1 {font-family:var(--font-heading);font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:700;line-height:1.15;letter-spacing:-0.02em;margin:0 auto 2.5rem;max-width:900px;color:var(--text-primary);text-shadow:0 4px 24px rgba(0, 0, 0, 0.4);}.article-meta-row {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-family:var(--font-ui);font-size:1rem;color:var(--text-primary);margin-bottom:2.5rem;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:14px 28px;border-radius:100px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.2);}.article-meta-item {display:flex;align-items:center;gap:8px;opacity:0.9;}.article-meta-item i {color:var(--gold);filter:drop-shadow(0 0 8px rgba(212, 175, 55, 0.4));}.article-meta-sep {width:4px;height:4px;border-radius:50%;background:var(--gold-border);}.breadcrumb {display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-tertiary);}.breadcrumb a {color:var(--text-secondary);transition:var(--transition);}.breadcrumb a:hover {color:var(--gold);}.audio-player-container {display:flex;align-items:center;gap:1.5rem;background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:0.75rem 1.5rem;border-radius:100px;margin:0 auto;max-width:600px;box-shadow:var(--shadow-md);transition:var(--transition);}[data-theme="light"] .audio-player-container {background:rgba(255, 255, 255, 0.8);}.audio-play-btn {background:var(--gold);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0;}.audio-play-btn:hover {transform:scale(1.05);box-shadow:0 0 15px var(--gold-border);}.audio-play-btn .btn-text {display:none;}.audio-progress-wrap {display:none; flex:1;align-items:center;gap:1rem;}.audio-progress-wrap.is-visible {display:flex;}.audio-time {font-family:var(--font-ui);font-size:0.85rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;}.audio-progress-bar {flex:1;height:6px;background:var(--border-color);border-radius:3px;position:relative;cursor:pointer;overflow:hidden;}.audio-progress-fill {position:absolute;top:0; left:0; bottom:0;width:0%;background:var(--gold);border-radius:3px;transition:width 0.1s linear;}.article-wrapper {background:var(--bg-primary);position:relative;z-index:3;padding:0 0 8rem;}.article-grid {display:grid;grid-template-columns:minmax(0, 1fr) minmax(auto, var(--article-max-width)) minmax(0, 1fr);column-gap:2rem;overflow-wrap:break-word;word-break:break-word;}.article-grid > *,.article-grid section > * {grid-column:2;padding:0 1.5rem;min-width:0;}.article-grid section {display:contents;}.article-grid .wide {grid-column:1 / -1;max-width:var(--hero-max-width);margin:0 auto;padding:0 2rem;width:100%;}.article-grid .full-bleed {grid-column:1 / -1;padding:0;}.article-cover-wrap {margin:-4rem auto 4rem; max-width:var(--hero-max-width);width:calc(100% - 3rem);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16 / 9;position:relative;z-index:4;}.article-cover-img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.article-cover-wrap:hover .article-cover-img {transform:scale(1.02);}.article-grid p {font-size:clamp(1.1rem, 1.2vw + 0.6rem, 1.25rem);line-height:1.85;color:var(--text-primary);margin-bottom:2rem;}.article-grid p:not(.article-lead) {text-align:left;}.article-grid h2 {font-family:var(--font-heading);font-size:clamp(1.8rem, 3vw, 2.5rem);color:var(--text-primary);font-weight:700;margin:4rem 0 1.5rem;line-height:1.2;letter-spacing:-0.01em;padding-top:3rem;border-top:1px solid var(--border-color);}.article-grid h3 {font-family:var(--font-heading);font-size:1.6rem;color:var(--text-primary);margin:3rem 0 1rem;font-weight:600;}.article-grid ul, .article-grid ol {font-size:1.15rem;line-height:1.85;color:var(--text-primary);margin-bottom:2rem;padding-left:1.5rem;}.article-grid li {margin-bottom:0.8rem;}.article-grid li::marker {color:var(--gold);font-weight:600;}.article-grid a {color:var(--gold);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold-border);transition:var(--transition);}.article-grid a:hover {text-decoration-color:var(--gold);color:var(--gold-dark);}.article-grid blockquote {font-family:var(--font-heading);font-size:1.4rem;font-style:italic;color:var(--text-secondary);border-left:4px solid var(--gold);margin:3rem 0;padding:1.5rem 2rem;background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;}.article-grid img {max-width:100%;height:auto;border-radius:var(--radius-sm);margin:2rem 0;box-shadow:var(--shadow-sm);}.article-grid pre {background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1.5rem;margin:2rem 0;overflow-x:auto;font-family:'Fira Code', monospace;font-size:0.95rem;line-height:1.6;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05);}.article-grid code {font-family:'Fira Code', monospace;background:var(--gold-pale);color:var(--gold);padding:0.2em 0.4em;border-radius:4px;font-size:0.9em;}.article-grid pre code {background:none;color:inherit;padding:0;}.article-announcement, .callout {background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));border:1px solid var(--border-color);border-left:4px solid var(--gold);border-radius:var(--radius-sm);padding:1.75rem 2rem;margin:2.5rem 0;position:relative;overflow:hidden;}.article-announcement h2, .callout-label {margin-top:0;font-size:1.1rem;color:var(--gold);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px;margin-bottom:1rem;padding-top:0;border-top:none;}.callout p {font-size:1.05rem !important;color:var(--text-primary) !important;margin:0 !important;}.table-wrapper, .note-map:has(table) {margin:3rem 0;overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);display:block;}.table-wrapper table {width:100%;border-collapse:collapse;text-align:left;color:var(--text-primary);}.table-wrapper th, .table-wrapper td {padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:1.1rem;line-height:1.6;}.table-wrapper td:first-child {font-weight:500;}.table-wrapper th {background:var(--bg-tertiary);font-family:var(--font-ui);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;color:var(--text-secondary);}.table-wrapper tr:last-child td {border-bottom:none;}.table-wrapper tbody tr:hover {background:var(--gold-pale);}.note-map {display:grid;grid-template-columns:repeat(7, 1fr);gap:8px;margin:2rem 0 3rem;}.note-map-item {border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem 0.5rem;text-align:center;background:var(--bg-secondary);position:relative;overflow:hidden;transition:var(--transition);}.note-map-item::after {content:"";position:absolute;bottom:0; left:0; width:0; height:3px;background:var(--gold);transition:width 0.3s;}.note-map-item:hover {border-color:var(--gold-border);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.note-map-item:hover::after {width:100%;}.note-map-letter {font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--gold);display:block;margin-bottom:4px;}.note-map-tr {font-family:var(--font-ui);font-size:0.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-tertiary);}.tuning-card {background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:2.5rem 0;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);}.tuning-card::before {content:"";position:absolute;top:0; left:0; right:0; height:3px;background:linear-gradient(90deg, var(--gold), transparent);}.tuning-card-header {padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;}.tuning-card-icon {width:40px; height:40px;background:var(--gold-pale);color:var(--gold);border-radius:var(--radius-sm);display:flex; align-items:center; justify-content:center;}.tuning-card-title {font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--text-primary);}.tuning-card-sub {font-family:var(--font-ui);font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-tertiary);display:block;}.tuning-string {padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:background 0.3s;}.tuning-string:hover {background:var(--gold-pale);}.tuning-string:last-child {border-bottom:none;}.tuning-string-label {font-family:var(--font-ui);font-size:0.75rem;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;}.tuning-string-note {font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-primary);}.tuning-string-tr {font-family:var(--font-ui);font-size:0.85rem;color:var(--text-tertiary);}.step-list {counter-reset:step-counter;margin:3rem 0;display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;background:var(--bg-secondary);}.step-item {position:relative;counter-increment:step-counter;display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--border-color);transition:var(--transition);}.step-item:last-child {border-bottom:none;}.step-item::before {content:counter(step-counter, decimal-leading-zero);font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--gold);background:var(--bg-tertiary);border-right:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:var(--transition);}.step-item:hover::before {background:var(--gold);color:#fff;}.step-body {padding:1.5rem 2rem;font-size:1.05rem;line-height:1.7;color:var(--text-secondary);}.step-body strong {color:var(--text-primary);font-weight:600;}.faq-container {margin:3rem 0;display:flex;flex-direction:column;gap:1.5rem;}.faq-item {background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;transition:var(--transition);position:relative;overflow:hidden;}.faq-item::before {content:"";position:absolute;top:0; left:0; bottom:0; width:4px;background:var(--gold);opacity:0;transition:opacity 0.3s;}.faq-item:hover {transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gold-border);}.faq-item:hover::before {opacity:1;}.faq-item h3.faq-question, .faq-item > strong {font-family:var(--font-heading);font-size:1.4rem;color:var(--text-primary);margin-top:0;margin-bottom:1rem;display:flex;gap:12px;}.faq-item h3.faq-question::before, .faq-item > strong::before {content:"S.";color:var(--gold);font-family:var(--font-heading);font-weight:700;font-size:1.6rem;line-height:1;}.faq-item p {margin-bottom:0;color:var(--text-secondary);padding-left:2.2rem;}.faq-item p:first-of-type {position:relative;}.faq-item p:first-of-type::before {content:"C.";position:absolute;left:0; top:2px;color:var(--border-color);font-family:var(--font-heading);font-weight:700;font-size:1.4rem;line-height:1;}.product-review-card {background:linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);padding:3rem;margin:4rem 0;display:flex;flex-wrap:wrap;gap:2.5rem;align-items:center;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;overflow:hidden;}.product-review-card::before {content:"";position:absolute;top:0; left:0; width:4px; height:100%;background:linear-gradient(to bottom, var(--gold-light), var(--gold-dark));box-shadow:0 0 15px var(--gold);}.product-review-card:hover {transform:translateY(-6px) scale(1.01);box-shadow:0 16px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(212, 175, 55, 0.2);background:linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%);}.product-review-info {flex:1 1 250px;}.product-review-title {font-family:var(--font-heading);font-size:2rem;margin:0 0 0.5rem;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,0.5);}.product-review-stars {color:var(--gold);font-size:1.4rem;margin-bottom:0.5rem;}.product-review-bars {flex:2 1 300px;}.product-review-bars table {width:100%;}.product-review-bars td {padding:0.8rem 0;border:none;background:transparent !important;}.review-bar-wrapper {height:10px;background:var(--bg-tertiary);border-radius:5px;width:100%;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}.review-bar-fill {height:100%;background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:5px;position:relative;box-shadow:0 0 10px rgba(203, 161, 83, 0.4);width:0%; transition:width 1s ease-out;}.review-bar-fill::after {content:"";position:absolute;top:0; left:-100%;width:50%; height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);animation:barShine 3s infinite;}@keyframes barShine {0% { left:-100%; }20% { left:200%; }100% { left:200%; }}.review-bar-score {font-family:var(--font-ui);font-weight:700;padding-left:1rem;color:var(--text-primary) !important;}.product-pros-cons-wrapper {margin:3rem 0;overflow-x:auto;}.product-pros-cons {width:100%;border-collapse:separate;border-spacing:24px;min-width:600px;}.product-pros-cons th {font-family:var(--font-ui);padding:1rem 1.5rem;border-radius:var(--radius-sm);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;}.product-pros-cons th.pros {background:rgba(76, 175, 80, 0.1);color:#4CAF50;border:1px solid rgba(76, 175, 80, 0.3);}.product-pros-cons th.cons {background:rgba(244, 67, 54, 0.1);color:#F44336;border:1px solid rgba(244, 67, 54, 0.3);}.product-pros-cons td {background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;vertical-align:top;box-shadow:var(--shadow-sm);}.product-pros-cons li {position:relative;padding-left:2rem !important;list-style:none;margin-bottom:1rem;}.product-pros-cons td:first-child li::before {content:"✓"; position:absolute;left:0;color:#4CAF50;font-weight:700;}.product-pros-cons td:last-child li::before {content:"✕"; position:absolute;left:0;color:#F44336;font-weight:700;}.article-close {margin-top:5rem;padding-top:4rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:2.5rem;align-items:stretch;}.article-close > * {min-width:0;}.article-share {justify-content:flex-end;flex-wrap:wrap;align-items:flex-start;}.article-share .share-btn {min-width:170px;}.article-back {grid-column:1 / -1;}.author-card {display:flex;align-items:center;gap:24px;background:linear-gradient(145deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:1px solid rgba(255,255,255,0.05);padding:2rem;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,0.2);margin-bottom:3rem;transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1);position:relative;overflow:hidden;}.author-card::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, var(--gold-pale), transparent 50%);opacity:0;transition:opacity 0.4s;pointer-events:none;}.author-card:hover {transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.3);border-color:rgba(212, 175, 55, 0.3);}.author-card:hover::after {opacity:1;}.author-avatar {width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, linear-gradient(135deg, var(--gold), var(--gold-dark)) border-box;padding:2px;transition:transform 0.4s;}.author-card:hover .author-avatar {transform:scale(1.05) rotate(5deg);}.author-info {flex:1;}.author-written {font-family:var(--font-ui);font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-weight:600;display:block;margin-bottom:4px;}.author-name {font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 8px;color:var(--text-primary);}.author-bio-short {font-size:0.95rem;color:var(--text-secondary);margin:0;line-height:1.5;}.author-card-link {font-family:var(--font-ui);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;border-radius:100px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;transition:var(--transition);}.author-card-link:hover {background:var(--gold);color:#fff;border-color:var(--gold);}.article-share {display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:3rem;}.share-label {font-family:var(--font-ui);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-tertiary);}.share-btn {display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 20px;border-radius:100px;font-family:var(--font-ui);font-size:0.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition);}.share-btn:hover {background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-2px);}.share-btn.copied {background:var(--gold-pale);color:var(--gold);border-color:var(--gold);}.article-close .article-share {justify-content:flex-end;}.article-close .article-back {align-self:center;}.article-close .author-card {width:100%;}.toc-container {position:relative;}@media (min-width:1100px) {.toc-container {position:relative;}}@media (max-width:1024px) {.article-grid .toc-container {margin-left:0;margin-right:0;}}.article-grid h2 + p,.article-grid h3 + p {margin-top:1rem;}.article-grid ul,.article-grid ol {max-width:72ch;}.article-grid blockquote {padding:1.75rem 2rem;}.article-grid img {box-shadow:0 16px 40px rgba(0, 0, 0, 0.28);}.article-grid a {transition:color 0.25s ease, text-decoration-color 0.25s ease;}.article-grid a:hover {color:var(--gold);}.article-meta-row {justify-content:center;}.article-meta-item {white-space:nowrap;}.article-meta-sep {width:5px;height:5px;}@media (max-width:768px) {.article-share {justify-content:center;}}.article-back {display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:0.9rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:var(--transition);}.article-back:hover {color:var(--gold);}.article-back i {transition:transform 0.3s;}.article-back:hover i {transform:translateX(-4px);}.toc-container {background:rgba(22, 23, 29, 0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.08);border-radius:var(--radius-md);padding:2rem;margin:2rem 0 3rem;box-shadow:0 8px 32px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;}.toc-container:hover {border-color:rgba(255, 255, 255, 0.15);box-shadow:0 12px 40px rgba(0, 0, 0, 0.3);}.toc-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;}.toc-title {font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;}.toc-title i {color:var(--gold);}.toc-toggle {background:var(--gold-pale);border:1px solid var(--gold-border);color:var(--gold);padding:6px 12px;border-radius:4px;font-family:var(--font-ui);font-size:0.8rem;font-weight:600;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition);}.toc-toggle:hover {background:var(--gold);color:#fff;}.toc-body {max-height:1000px;overflow:hidden;transition:max-height 0.5s ease;}.toc-container.collapsed .toc-body {max-height:0;}.toc-list {list-style:none;padding:0;margin:0;counter-reset:toc-counter;}.toc-item {counter-increment:toc-counter;margin-bottom:0.8rem;line-height:1.4;display:flex;gap:12px;position:relative;padding-left:12px;transition:transform 0.2s ease;}.toc-item::before {content:counter(toc-counter, decimal-leading-zero);color:var(--gold);font-family:var(--font-ui);font-weight:700;font-size:0.9rem;transition:color 0.2s;}.toc-item::after {content:"";position:absolute;left:0; top:0; bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform 0.3s ease;}.toc-item:hover::after {transform:scaleY(1);}.toc-link {font-size:1rem;color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease;display:block;}.toc-item:hover .toc-link, .toc-link.active {color:var(--text-primary);}.toc-item:hover::before {color:var(--gold-light);}.yorumlar-section {padding:6rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);}.yorumlar-title {font-family:var(--font-heading);font-size:2.2rem;color:var(--text-primary);margin:0;}.yorum-toplam-badge {color:var(--text-tertiary);font-size:1.2rem;font-weight:400;}.overall-rating {display:inline-flex;align-items:center;gap:12px;background:var(--bg-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:100px;font-family:var(--font-ui);box-shadow:var(--shadow-sm);}.overall-rating-stars {color:var(--gold);}.overall-rating-value {font-weight:700;}#yorum-sirala {padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:100px;color:var(--text-primary);font-family:var(--font-ui);}.yorum-item {background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition);}.yorum-item:hover {border-color:var(--gold-border);}.yorum-item.yorum-yanit-level {margin-left:3rem;border-left:4px solid var(--gold);border-top-left-radius:0;border-bottom-left-radius:0;}.yorum-avatar {width:48px;height:48px;border-radius:50%;background:var(--gold-pale);border:1px solid var(--gold-border);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:700;font-size:1.1rem;margin-right:1rem;float:left;}.yorum-meta {margin-bottom:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:8px;}.yorum-ad {font-family:var(--font-ui);font-weight:700;font-size:1.1rem;color:var(--text-primary);}.yorum-tarih {font-size:0.85rem;color:var(--text-tertiary);}.yorum-metin {clear:both;font-size:1.05rem;line-height:1.7;color:var(--text-secondary);}.yorum-aksiyonlar {display:flex;gap:1rem;margin-top:1.5rem;}.btn-yorum-aksiyon {background:none;border:none;font-family:var(--font-ui);font-size:0.85rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition);}.btn-yorum-aksiyon:hover, .btn-yorum-aksiyon.liked {color:var(--gold);}.yorum-yanit {background:var(--bg-secondary);border-radius:var(--radius-sm);padding:1.5rem;margin-top:1.5rem;border-left:3px solid var(--gold);}.yorum-yanit-header {display:flex;align-items:center;gap:12px;margin-bottom:0.5rem;}.yorum-yanit-avatar {width:32px; height:32px;border-radius:50%;}.yorum-yanit-ad {font-weight:700;color:var(--gold);font-size:0.9rem;}.yorum-yanit-metin {font-size:0.95rem;color:var(--text-primary);}.yorum-form-wrap {background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;margin-top:4rem;box-shadow:var(--shadow-md);}.yorum-form-wrap h3 {font-family:var(--font-heading);font-size:1.8rem;margin-bottom:2rem;}.form-group {margin-bottom:1.5rem;}.form-label {display:block;font-family:var(--font-ui);font-weight:600;font-size:0.9rem;margin-bottom:0.5rem;color:var(--text-primary);}.form-control {width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);transition:var(--transition);}.form-control:focus {outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-pale);background:var(--bg-primary);}.form-row-2 {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}.star-rating {display:flex;gap:0.5rem;}.star-btn {background:none;border:none;color:var(--border-color);font-size:1.5rem;cursor:pointer;transition:var(--transition);}.star-btn.active, .star-btn.hover {color:var(--gold);transform:scale(1.1);}.btn-send {background:var(--gold);color:#fff;border:none;padding:12px 24px;border-radius:100px;font-family:var(--font-ui);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;}.btn-send:hover {transform:translateY(-2px);box-shadow:0 4px 15px var(--gold-border);}.dinamik-yanit-formu {margin-top:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);}.dinamik-yanit-formu h4 {margin-top:0;font-family:var(--font-heading);}.btn-cancel-yanit {background:var(--bg-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:100px;cursor:pointer;font-family:var(--font-ui);}.related-articles-section {padding:6rem 0;background:var(--bg-primary);}.blog-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;}.blog-card {background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;}.blog-card:hover {transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--gold-border);}.blog-img-wrap {position:relative;aspect-ratio:16/9;overflow:hidden;}.blog-img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.blog-card:hover .blog-img {transform:scale(1.05);}.blog-card-badges {position:absolute;top:1rem;left:1rem;display:flex;gap:8px;}.blog-category-badge-overlay, .blog-rating-badge-overlay {background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:100px;font-family:var(--font-ui);font-size:0.75rem;font-weight:600;}.blog-rating-badge-overlay {background:rgba(212, 175, 55, 0.9);}.blog-content {padding:2rem;display:flex;flex-direction:column;flex:1;}.blog-title {font-family:var(--font-heading);font-size:1.4rem;margin:0 0 1rem;line-height:1.3;}.blog-content p {font-size:0.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex:1;}.blog-meta-footer {display:flex;align-items:center;gap:16px;font-family:var(--font-ui);font-size:0.8rem;color:var(--text-tertiary);margin-bottom:1.5rem;border-top:1px solid var(--border-color);padding-top:1rem;}.read-link {font-family:var(--font-ui);font-weight:600;color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);}.read-link:hover {gap:12px;}#reading-progress {position:fixed;top:0; left:0;height:4px;background:var(--gold);z-index:9999;transition:width 0.1s ease;box-shadow:0 0 10px var(--gold-border);}.reveal {opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease;}.reveal.is-visible {opacity:1;transform:translateY(0);}@media (max-width:1200px) {.article-grid {grid-template-columns:1fr min(var(--article-max-width), 100%) 1fr;}}@media (max-width:768px) {.page-header {padding:6rem 0 3rem;}.page-header h1 {font-size:clamp(2rem, 8vw, 2.5rem);}.article-grid {grid-template-columns:1fr;padding:0;}.article-grid > *,.article-grid section > * {grid-column:1;padding:0 1rem;}.article-grid .wide {padding:0;}.article-cover-wrap {margin:-2rem 1rem 2rem;}.form-row-2 {grid-template-columns:1fr;}.author-card {flex-direction:column;text-align:center;}.author-avatar {margin:0 auto;}.author-card-link {width:100%;text-align:center;}.article-share {justify-content:center;}.yorum-item.yorum-yanit-level {margin-left:1rem;}}.toc-link.active {color:var(--gold) !important;font-weight:700 !important;text-shadow:0 0 10px rgba(212, 175, 55, 0.25);}.toc-item {transition:transform 0.2s ease, opacity 0.2s ease;}.toc-item:has(.active) {transform:translateX(4px);}.toc-item:has(.active)::before {color:var(--gold) !important;font-weight:800;}.lightbox-overlay {position:fixed;inset:0;background:rgba(10, 11, 14, 0.9);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s;}.lightbox-overlay.is-active {opacity:1;visibility:visible;}.lightbox-close {position:absolute;top:2rem;right:2rem;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);color:var(--text-primary);font-size:2.2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:var(--transition);z-index:1000001;}.lightbox-close:hover,.lightbox-close:focus {background:var(--gold);border-color:var(--gold);color:#000;transform:rotate(90deg);outline:none;box-shadow:0 0 15px rgba(212, 175, 55, 0.4);}.lightbox-content {max-width:90vw;max-height:85vh;transform:scale(0.96) translateY(8px);transition:transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);display:flex;align-items:center;justify-content:center;}.lightbox-overlay.is-active .lightbox-content {transform:scale(1) translateY(0);}.lightbox-img {max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid rgba(255, 255, 255, 0.05);}#article-content img:not(.article-cover-img):not(.no-lightbox) {transition:transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s;cursor:zoom-in;}#article-content img:not(.article-cover-img):not(.no-lightbox):hover {transform:translateY(-3px) scale(1.005);box-shadow:0 15px 35px rgba(0, 0, 0, 0.35);}#article-content img:not(.article-cover-img):not(.no-lightbox):focus {outline:2px solid var(--gold);outline-offset:4px;}