:root{--article-max-width: 800px;--article-content-spacing: 1.5rem}.article-detail{background:#fff}.article-detail__container{max-width:var(--article-max-width);margin:0 auto;padding:0 20px}.article-detail__featured-image{margin:0 0 2rem;border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;background:var(--color-light-cream)}.article-detail__featured-image img{width:100%;height:100%;object-fit:cover;display:block}.article-detail__header{padding:0 0 1.5rem;text-align:left}.article-detail__title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:var(--color-deep-brown);line-height:1.2;margin:0 0 1rem}.article-detail__meta{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #BA9976}.article-detail__author{display:flex;align-items:center;gap:.75rem;flex:1}.article-detail__author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}.article-detail__author-avatar[src]{border:2px solid var(--color-light-cream)}.article-detail__author-info{display:flex;flex-direction:column;gap:2px}.article-detail__author-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:2px}.article-detail__author-name{font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-deep-brown);line-height:1.2}.article-detail__author-social{display:inline-flex;align-items:center;transition:opacity .2s ease}.article-detail__author-social:hover{opacity:.7}.article-detail__meta-text{font-family:var(--font-primary);font-size:14px;color:var(--color-dark-brown);display:flex;align-items:center;gap:.5rem}.article-detail__meta-separator{color:var(--color-medium-brown)}.article-detail__actions{display:flex;gap:.5rem;align-items:center}.article-detail__category-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;font-family:var(--font-primary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--category-color, var(--color-deep-brown));border-radius:50px;border:none;margin-bottom:1.5rem}.article-detail__action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:8px 16px;font-family:var(--font-primary);font-size:14px;font-weight:500;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;background:#fff;color:var(--color-deep-brown)}.article-detail__action-button:hover{background:var(--color-background-alt);border-color:var(--color-medium-brown)}.article-detail__action-button--share{background:#664228;border-color:#664228;color:#fff}.article-detail__action-button--share:hover{background:#4d3220;border-color:#4d3220}.article-detail__action-button--copy{background:var(--color-background-alt)}.article-detail__action-button--copy.copied{background:var(--color-primary-tan);border-color:var(--color-primary-tan);color:#fff}.article-detail__share-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.article-detail__share-modal[hidden]{display:none}.article-detail__share-modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.article-detail__share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.article-detail__share-modal-title{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:var(--color-deep-brown);margin:0}.article-detail__share-modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--color-dark-brown);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.article-detail__share-modal-close:hover{background:var(--color-background-alt)}.article-detail__share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.article-detail__share-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:12px 16px;font-family:var(--font-primary);font-size:14px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none}.article-detail__share-button--facebook{background:#1877f2}.article-detail__share-button--facebook:hover{background:#0c63d4;transform:translateY(-2px);box-shadow:0 4px 12px #1877f24d}.article-detail__share-button--twitter{background:#1da1f2}.article-detail__share-button--twitter:hover{background:#0d8dd8;transform:translateY(-2px);box-shadow:0 4px 12px #1da1f24d}.article-detail__share-button--pinterest{background:#e60023}.article-detail__share-button--pinterest:hover{background:#c5001f;transform:translateY(-2px);box-shadow:0 4px 12px #e600234d}.article-detail__share-button--linkedin{background:#0077b5}.article-detail__share-button--linkedin:hover{background:#006399;transform:translateY(-2px);box-shadow:0 4px 12px #0077b54d}.article-detail__share-button svg{width:20px;height:20px;flex-shrink:0}.article-detail__content{font-family:var(--font-primary);font-size:19px;line-height:1.75;color:var(--color-deep-brown);margin-bottom:2rem}.article-detail__content>*+*{margin-top:1.5rem}.article-detail__content h1,.article-detail__content h2{font-family:var(--font-primary);font-size:2rem;font-weight:700;color:var(--color-deep-brown);line-height:1.3;margin-top:3rem;margin-bottom:1.25rem}.article-detail__content h3{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--color-deep-brown);line-height:1.35;margin-top:2.5rem;margin-bottom:1rem}.article-detail__content h4{font-family:var(--font-primary);font-size:1.25rem;font-weight:600;color:var(--color-deep-brown);line-height:1.4;margin-top:2rem;margin-bottom:.75rem}.article-detail__content h5{font-family:var(--font-primary);font-size:1.125rem;font-weight:600;color:var(--color-deep-brown);line-height:1.45;margin-top:1.75rem;margin-bottom:.5rem}.article-detail__content h6{font-family:var(--font-primary);font-size:1rem;font-weight:600;color:var(--color-deep-brown);line-height:1.5;margin-top:1.5rem;margin-bottom:.5rem}.article-detail__content p{margin:0 0 1.5rem;color:var(--color-deep-brown);line-height:1.75}.article-detail__content p:last-child{margin-bottom:0}.article-detail__content a{color:var(--color-primary-tan);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.article-detail__content a:hover{color:var(--color-medium-brown)}.article-detail__content ul,.article-detail__content ol{margin:1.75rem 0;padding-left:1.75rem;color:var(--color-deep-brown)}.article-detail__content ul ul,.article-detail__content ol ol,.article-detail__content ul ol,.article-detail__content ol ul{margin-top:.75rem;margin-bottom:0}.article-detail__content li{margin-bottom:.75rem;line-height:1.75;color:var(--color-deep-brown)}.article-detail__content li:last-child{margin-bottom:0}.article-detail__content ul li::marker{color:var(--color-deep-brown)}.article-detail__content ol li::marker{color:var(--color-deep-brown);font-weight:600}.article-detail__content blockquote{margin:2.5rem 0;padding:1.75rem 1.75rem 1.75rem 2rem;background:var(--color-background-alt);border-left:4px solid var(--color-primary-tan);font-style:italic;font-size:1.125rem;line-height:1.7;color:var(--color-deep-brown)}.article-detail__content blockquote p{margin-bottom:1rem}.article-detail__content blockquote p:last-child{margin-bottom:0}.article-detail__content img{max-width:100%;height:auto;border-radius:12px;margin:2.5rem 0;display:block}.article-detail__content strong,.article-detail__content b{font-weight:700;color:var(--color-deep-brown)}.article-detail__content em,.article-detail__content i{font-style:italic}.article-detail__content code{font-family:Monaco,Courier New,monospace;font-size:.9em;padding:.2em .4em;background:var(--color-background-alt);border-radius:4px;color:var(--color-deep-brown)}.article-detail__content pre{margin:2rem 0;padding:1.5rem;background:var(--color-background-alt);border-radius:8px;overflow-x:auto;line-height:1.5}.article-detail__content pre code{padding:0;background:transparent;font-size:.9em}.article-detail__content table{width:100%;margin:2rem 0;border-collapse:collapse;color:var(--color-deep-brown)}.article-detail__content table th,.article-detail__content table td{padding:.75rem 1rem;border:1px solid #BA9976;text-align:left}.article-detail__content table th{background:var(--color-background-alt);font-weight:600;color:var(--color-deep-brown)}.article-detail__content hr{margin:3rem 0;border:0;border-top:1px solid #BA9976}.article-comments{background:#fff;padding:5rem 0 4rem;margin-top:5rem;position:relative}.article-comments:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;max-width:600px;height:1px;background:linear-gradient(to right,transparent,#BA9976,transparent)}.article-comments__heading{font-family:var(--font-primary);font-size:1.75rem;font-weight:700;color:var(--color-deep-brown);margin:0 0 2rem}.article-comments__form{background:var(--color-background-alt);border-radius:12px;padding:2rem;margin-bottom:3rem}.article-comments__form-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:var(--color-deep-brown);margin:0 0 1.5rem}.article-comments__messages{margin-bottom:1.5rem}.article-comments__messages:empty{margin-bottom:0}.article-comments__success{background:#d4edda;color:#155724;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-family:var(--font-primary);font-size:15px;border-left:4px solid #28a745}.article-comments__success-content{display:flex;align-items:flex-start;gap:12px}.article-comments__success-content svg{flex-shrink:0;margin-top:2px}.article-comments__success-text{display:flex;flex-direction:column;gap:4px}.article-comments__success-title{font-size:16px;font-weight:600;color:#155724;display:block}.article-comments__success-message{font-size:15px;color:#155724;margin:0;line-height:1.5}.article-comments__error{background:#f8d7da;color:#721c24;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-family:var(--font-primary);font-size:15px;border-left:4px solid #dc3545}.article-comments__error .article-comments__success-content{display:flex;align-items:flex-start;gap:12px}.article-comments__error .article-comments__success-content svg{flex-shrink:0;margin-top:2px}.article-comments__error .article-comments__success-text{display:flex;flex-direction:column;gap:4px}.article-comments__error .article-comments__success-title{font-size:16px;font-weight:600;color:#721c24;display:block}.article-comments__error .article-comments__success-message{font-size:15px;color:#721c24;margin:0;line-height:1.5}.article-comments__form-fields{margin-bottom:1.5rem}.article-comments__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.article-comments__input,.article-comments__textarea{width:100%;padding:14px 16px;font-family:var(--font-primary);font-size:15px;color:var(--color-deep-brown);background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:border-color .2s ease}.article-comments__form-row .article-comments__input,.article-comments__textarea{margin-bottom:0}.article-comments__input::placeholder,.article-comments__textarea::placeholder{color:#9ca3af}.article-comments__input:focus,.article-comments__textarea:focus{outline:none;border-color:var(--color-primary-tan)}.article-comments__textarea{resize:vertical;min-height:120px;margin-bottom:0}.article-comments__form-footer{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:1rem}.article-comments__moderation{font-family:var(--font-primary);font-size:14px;color:var(--color-dark-brown);margin:0}.article-comments__submit{background:#664228;color:#fff;padding:14px 32px;font-family:var(--font-primary);font-size:16px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #66422826}.article-comments__submit:hover{background:#4d3220;transform:translateY(-2px);box-shadow:0 6px 16px #66422840}.article-comments__submit:disabled{background:#ba9976;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.article-comments__list{margin-bottom:3rem;display:flex;flex-direction:column;gap:1.5rem}.article-comments__item{display:flex;gap:1rem;padding:1.25rem;background:#fafaf8;border-radius:16px;transition:all .2s ease}.article-comments__item:hover{background:#f5f5f0;transform:translate(4px)}.article-comments__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e6d3b3,#ba9976);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:15px;font-weight:600;color:#664228;text-transform:uppercase;align-self:flex-start}.article-comments__body{flex:1;min-width:0}.article-comments__item-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.article-comments__author{font-family:var(--font-primary);font-size:15px;font-weight:600;color:var(--color-deep-brown);line-height:1.2}.article-comments__date{font-family:var(--font-primary);font-size:12px;color:var(--color-dark-brown);opacity:.6;line-height:1.2}.article-comments__content{font-family:var(--font-primary);font-size:15px;line-height:1.6;color:#4a4a4a;white-space:pre-wrap;word-wrap:break-word;margin:0}.article-comments__empty{text-align:center;padding:3rem 0}.article-comments__empty-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:var(--color-deep-brown);margin:0 0 .5rem}.article-comments__empty-text{font-family:var(--font-primary);font-size:15px;color:var(--color-dark-brown);margin:0}@media (max-width: 767px){.article-comments{padding:3rem 0;margin-top:3rem}.article-comments__heading{font-size:1.5rem}.article-comments__form{padding:1.5rem}.article-comments__form-row{grid-template-columns:1fr}.article-comments__form-footer{flex-direction:column;align-items:stretch;gap:1rem}.article-comments__moderation{text-align:center}.article-comments__submit{width:100%}.article-comments__item{gap:.75rem;padding:1rem}.article-comments__avatar{width:36px;height:36px;font-size:16px}.article-comments__item-header{gap:.5rem}.article-comments__author{font-size:14px}.article-comments__date{font-size:12px}.article-comments__content{font-size:14px}}.article-discover{padding:5rem 0;background:var(--color-background-alt)}.article-discover__header{margin-bottom:3rem}.article-discover__title{font-family:var(--font-primary);font-size:2.25rem;font-weight:700;color:var(--color-deep-brown);margin:0;text-align:center}.article-discover__carousel-wrapper{position:relative;margin-bottom:3rem}.article-discover .blog-main__grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.article-discover .blog-main__grid::-webkit-scrollbar{display:none}.article-discover__nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #E6D3B3;color:#664228;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #6642281a}.article-discover__nav-button:hover{background:#664228;color:#fff;border-color:#664228;box-shadow:0 4px 12px #66422833}.article-discover__nav-button--prev{left:-24px}.article-discover__nav-button--next{right:-24px}.article-discover__nav-button svg{width:24px;height:24px}@media (max-width: 1199px){.article-discover__nav-button{display:none}}.article-discover .blog-card{flex:0 0 calc(33.333% - 1rem);min-width:300px;max-width:400px;scroll-snap-align:start}@media (max-width: 1024px){.article-discover .blog-card{flex:0 0 calc(50% - .75rem);min-width:280px}}@media (max-width: 767px){.article-discover .blog-card{flex:0 0 85%;min-width:260px}.article-discover .blog-main__grid{gap:1rem}}.article-discover__cta{text-align:center}.article-discover__button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:14px 32px;font-family:var(--font-primary);font-size:16px;font-weight:600;color:#fff;background:#664228;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #66422826}.article-discover__button:hover{background:#4d3220;transform:translateY(-2px);box-shadow:0 6px 16px #66422840}.article-discover__button svg{width:20px;height:20px}.article-detail__final-thoughts{background:linear-gradient(135deg,#faf8f5,#fff);border:1px solid #BA9976;border-radius:12px;padding:2rem;margin:3rem 0}.article-detail__final-thoughts-title{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:var(--color-deep-brown);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.article-detail__final-thoughts-title:before{content:"\2728";font-size:1.5rem}.article-detail__final-thoughts-content{font-family:var(--font-primary);font-size:16px;line-height:1.7;color:var(--color-dark-brown)}.article-detail__final-thoughts-content p{margin:0}@media (max-width: 767px){.article-detail__container{padding:0 16px}.article-detail__featured-image{margin:0 -16px 1.5rem;border-radius:0}.article-detail__title{font-size:1.75rem}.article-detail__meta{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:nowrap}.article-detail__author{flex:1;min-width:0}.article-detail__actions{flex-shrink:0;width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:.5rem}.article-detail__action-button{padding:8px;min-width:auto;width:40px;height:40px;font-size:0}.article-detail__action-button svg{margin:0}.article-detail__share-modal-content{padding:1.5rem;margin:0 16px}.article-detail__share-buttons{grid-template-columns:1fr}.article-detail__content{font-size:17px;line-height:1.7}.article-detail__content h1,.article-detail__content h2{font-size:1.625rem;margin-top:2.5rem}.article-detail__content h3{font-size:1.375rem;margin-top:2rem}.article-detail__content h4{font-size:1.125rem}.article-detail__content blockquote{font-size:1.0625rem;padding:1.25rem 1.25rem 1.25rem 1.5rem}.article-detail__content ul,.article-detail__content ol{padding-left:1.5rem}}@media print{.article-detail__share,.article-detail__back,.article-discover{display:none}.article-detail__content{font-size:12pt;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article-detail.css.map */