.content-article{padding-top:64px}.content-header{text-align:center;padding:32px 0 48px;border-bottom:1px solid var(--border);margin-bottom:48px}.content-category-badge{display:inline-block;padding:4px 14px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#e2544a1a;border-radius:24px;margin-bottom:20px}.content-hero-image{margin:0 0 48px;border-radius:18px;overflow:hidden;aspect-ratio:16 / 9}.content-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.content-body{line-height:1.8;color:var(--text-secondary);font-size:1.05rem}.content-body h2{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:56px;margin-bottom:16px;padding-top:32px;border-top:1px solid var(--border)}.content-body h2:first-child{border-top:none;padding-top:0;margin-top:0}.content-body h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-top:32px;margin-bottom:12px}.content-body h4{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-top:24px;margin-bottom:10px}.content-body p{margin-bottom:20px;max-width:68ch}.content-body ul,.content-body ol{padding-left:24px;margin-bottom:16px}.content-body ol{list-style-type:decimal}.content-body li{margin-bottom:10px}.content-body strong{color:var(--text-primary);font-weight:600}.content-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .2s ease}.content-body a:hover{color:var(--text-primary)}.content-body code{font-family:SF Mono,Fira Code,monospace;font-size:.9em;padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px}.content-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.925rem;border:1px solid var(--border);border-radius:18px;overflow:hidden}.content-body thead{background:var(--surface)}.content-body th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border)}.content-body td{padding:10px 16px;border-bottom:1px solid var(--border)}.content-body tbody tr:last-child td{border-bottom:none}.content-body tbody tr:nth-child(2n){background:#8080800a}.content-body pre{margin:24px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow-x:auto}.content-body pre code{padding:0;background:none;border:none;font-size:.875rem;line-height:1.6}.content-body figure.content-inline-image{margin:32px 0;border-radius:18px;overflow:hidden}.content-body .content-inline-image img{width:100%;height:auto;display:block}.content-body .content-inline-image figcaption{padding:10px 0 0;font-size:.85rem;color:var(--text-muted);text-align:center}.content-body blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--border);background:var(--surface);border-radius:0 14px 14px 0}.content-body blockquote p{margin-bottom:8px}.content-body blockquote p:last-child{margin-bottom:0}.content-body .callout-tldr{border-left-color:#d4a843;background:#d4a84314}.content-body .callout-tip{border-left-color:#4caf50;background:#4caf5014}.content-body .callout-note{border-left-color:#5a9fd4;background:#5a9fd414}.content-body .callout-warning{border-left-color:#e88749;background:#e8874914}.content-faq{margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}.content-faq h2{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:24px}.content-faq-accordion{display:flex;flex-direction:column;gap:12px}.content-faq-accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:border-color .2s ease}.content-faq-accordion-item:hover{border-color:var(--border-light)}.content-faq-accordion-question{width:100%;padding:20px 24px;background:none;border:none;text-align:left;font-size:1.05rem;font-weight:600;font-family:inherit;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:transform .15s ease}.content-faq-accordion-question:active{transform:scale(.99)}.content-faq-accordion-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .3s ease,color .3s ease}.content-faq-accordion-item.open .content-faq-accordion-icon{transform:rotate(180deg);color:var(--accent)}.content-faq-accordion-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.content-faq-accordion-item.open .content-faq-accordion-answer{max-height:500px}.content-faq-accordion-answer-content{padding:0 24px 20px;font-size:1rem;color:var(--text-secondary);line-height:1.8}.content-faq-accordion-answer-content p{margin-bottom:8px}.content-faq-accordion-answer-content p:last-child{margin-bottom:0}.content-tabs{margin:32px 0;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.content-tab-bar{display:flex;gap:0;background:#8080800f;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.content-tab-bar::-webkit-scrollbar{display:none}.content-tab-button{flex:1;padding:14px 24px;background:none;border:none;border-bottom:3px solid transparent;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}.content-tab-button:hover{color:var(--text-primary);background:#8080800f}.content-tab-button.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent);background:transparent}.content-tab-panel{padding:24px}.content-tab-panel>*:first-child{margin-top:0}.content-tab-panel>*:last-child{margin-bottom:0}.content-steps{display:flex;flex-direction:column;gap:12px;margin:24px 0}.content-step{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 18px 18px 0}.content-step-number{color:var(--accent);font-weight:700;font-size:1.1rem;min-width:24px;line-height:1.6;flex-shrink:0}.content-step-text{line-height:1.7;color:var(--text-secondary)}.content-step-text strong{color:var(--text-primary)}.content-ingredients{display:flex;flex-direction:column;margin:24px 0;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.content-ingredient{display:flex;align-items:baseline;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border)}.content-ingredient:last-child{border-bottom:none}.content-ingredient-qty{color:var(--accent);font-weight:600;min-width:60px;flex-shrink:0}.content-ingredient-name{color:var(--text-primary);font-weight:500}.content-ingredient-note{color:var(--text-muted);font-size:.875rem;margin-left:auto;flex-shrink:0}.content-table-wrapper{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0}.content-body .content-table-wrapper table{margin:0}.content-related{margin-top:64px;padding-top:48px;border-top:1px solid var(--border)}.content-related-title{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:24px}.content-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.content-related-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;text-decoration:none;overflow:hidden;transition:all .2s ease}.content-related-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.content-related-card-img{aspect-ratio:16 / 9;overflow:hidden}.content-related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-related-card:hover .content-related-card-img img{transform:scale(1.04)}.content-related-card-body{padding:16px 20px 20px}.content-related-category{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:8px}.content-related-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.content-related-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-index-group{margin-top:56px}.content-group-title{font-family:Fraunces,serif;font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.content-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.content-index-card{display:block;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:18px;text-decoration:none;transition:all .2s ease}.content-index-card:hover{border-color:var(--accent);transform:translateY(-2px)}.content-index-card h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.content-index-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-toc{position:fixed;top:50%;transform:translateY(-50%);left:max(16px,calc(50% - 680px));width:200px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.content-toc-visible{opacity:1;pointer-events:auto}.content-toc ul{list-style:none;padding:0;margin:0;border-left:2px solid var(--border)}.content-toc li{margin:0}.content-toc-link{display:block;padding:6px 0 6px 16px;font-size:.8rem;line-height:1.4;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:color .2s ease,border-color .2s ease}.content-toc-link:hover{color:var(--text-secondary)}.content-toc-link.active{color:var(--accent);font-weight:600;border-left-color:var(--accent)}@media(max-width:1279px){.content-toc{display:none}}@media(max-width:600px){.content-article{padding-top:32px}.content-header{padding-bottom:32px;margin-bottom:32px}.content-body{font-size:1rem}.content-body h2{font-size:1.25rem;margin-top:40px;padding-top:24px}.content-related-grid,.content-index-grid{grid-template-columns:1fr}.content-body table{display:block;overflow-x:auto}.content-table-wrapper{-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);mask-image:linear-gradient(to right,#000 90%,transparent 100%)}.content-related{margin-top:48px;padding-top:32px}.content-index-group{margin-top:40px}.content-tab-button{padding:12px 16px;font-size:.875rem}.content-tab-panel{padding:20px 16px}.content-step{padding:14px 16px;gap:12px}.content-faq-accordion-question{padding:16px 20px;font-size:1rem}.content-faq-accordion-answer-content{padding:0 20px 16px}}