@layer foundation, layout, component, project, utility;@layer project{.p-article__head{display:flex;flex-direction:column;gap:16px;padding-top:28px}.p-article__cat{align-self:flex-start}.p-article__title{font-size:var(--fs-28);line-height:1.2;color:var(--color-navy)}.p-article__byline{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:4px 0 8px}.p-article__author{display:flex;gap:12px;align-items:center}.p-article__avatar{width:40px;height:40px;padding:4px;object-fit:contain;background:var(--color-surface);border-radius:var(--radius-pill)}.p-article__author-text{display:flex;flex-direction:column}.p-article__author-text b{font-size:var(--fs-14)}.p-article__author-text span{font-size:var(--fs-13);color:var(--color-muted)}.p-article__share{display:flex;gap:8px;align-items:center;font-size:var(--fs-13);color:var(--color-muted)}.p-article__share-btn{display:grid;place-items:center;width:36px;height:36px;font-size:var(--fs-14);font-weight:700;color:var(--color-navy);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill)}.p-article__share-btn:hover{border-color:var(--color-navy)}.p-article__share-btn--zalo{font-size:11px;color:var(--color-zalo)}.p-article__cover{padding-top:8px}.p-article__cover img{width:100%;height:240px;object-fit:cover;border-radius:var(--radius-lg)}.p-article__layout{display:flex;flex-direction:column;gap:56px;align-items:stretch;padding-block:48px 64px}.p-article__toc{display:flex;flex-direction:column;gap:10px;padding-left:18px;border-left:2px solid var(--color-line)}.p-article__toc-title{font-size:var(--fs-13);font-weight:700;color:var(--color-muted);letter-spacing:0.1em}.p-article__toc a{font-size:var(--fs-14);color:var(--color-ink-soft)}.p-article__toc a[aria-current]{font-weight:600;color:var(--color-navy)}.p-article__body{min-width:0;max-width:760px}.p-article__product{display:flex;gap:20px;align-items:center;padding:20px;background:var(--color-surface);border-radius:var(--radius-lg)}.p-article__product-media{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:110px;height:150px;background:var(--color-surface-image);border-radius:var(--radius-md)}.p-article__product-media img{width:auto;height:136px}.p-article__product-text{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere}.p-article__product-text > span{font-size:var(--fs-14);color:var(--color-muted)}.p-article__product-label{font-size:var(--fs-12);color:var(--color-blue-ink);letter-spacing:0.08em}.p-article__product-name{font-size:var(--fs-17)}.p-article__product-cta{align-self:flex-start}.p-article__spec{font-size:var(--fs-15)}.p-article__spec th{width:40%}.p-article__swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;font-size:var(--fs-14);font-weight:600;list-style:none}.p-article__swatches li{display:flex;flex-direction:column;gap:6px}.p-article__swatch{display:block;height:56px;border-radius:var(--radius-md)}.p-article__swatch--go{background:var(--color-wood-go)}.p-article__swatch--nau{background:var(--color-wood-nau)}.p-article__swatch--vang{background:var(--color-wood-vang)}.p-article__swatch--vang-nhat{background:var(--color-wood-vang-nhat)}.p-article__swatch--xam{background:var(--color-wood-xam)}.p-article__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:8px;border-top:1px solid var(--color-line)}.p-article__tags b{margin-right:4px;font-size:var(--fs-14)}.p-article__tag-list{display:contents;list-style:none}.p-article__cta{gap:20px}.p-article__related{--section-pt:64px;--section-pb:80px}.p-article__related-inner{display:flex;flex-direction:column;gap:24px}.p-article__related-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;list-style:none}.p-article__related-grid .c-news-card__title{font-size:var(--fs-17)}@media (width >= 600px) and (width <= 860px){.p-article__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 861px){.p-article__title{font-size:var(--fs-40)}.p-article__cover img{height:520px}.p-article__swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.p-article__layout{flex-direction:row;gap:56px;align-items:flex-start}.p-article__toc{position:sticky;top:24px;flex:0 0 240px}.p-article__body{flex:1 1 0}.p-article__related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}