.pd-main{display:block;min-height:100vh;background-color:var(--color-bg-secondary)}.pd-layout{display:grid;gap:var(--space-8);max-width:var(--container-xl);margin-inline:auto;padding:var(--space-8) var(--space-4)}.pd-layout--full{display:block}.pd-layout__main{min-width:0}.pd-layout__side{display:flex;flex-direction:column;gap:var(--space-6)}.pd-ico{display:inline-block;flex-shrink:0;width:var(--icon-md);height:var(--icon-md);vertical-align:middle;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pd-ico--xs{width:var(--icon-xs);height:var(--icon-xs)}.pd-ico--sm{width:var(--icon-sm);height:var(--icon-sm)}.pd-ico--lg{width:var(--icon-lg);height:var(--icon-lg)}.pd-ico--xl{width:var(--icon-xl);height:var(--icon-xl)}.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding-inline:var(--space-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);text-decoration:none;white-space:nowrap;border:var(--space-px) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-200) var(--easing-in-out),border-color var(--duration-200) var(--easing-in-out),color var(--duration-200) var(--easing-in-out)}.pd-btn--lg{height:48px;padding-inline:var(--space-5);font-size:var(--font-size-md)}.pd-btn--primary{color:var(--color-text-inverse);background-color:var(--color-primary);border-color:var(--color-primary)}.pd-btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pd-btn--outline{color:var(--color-primary);background-color:transparent;border-color:var(--color-primary)}.pd-btn--outline:hover{color:var(--color-text-inverse);background-color:var(--color-primary)}.pd-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out)}.pd-tag:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.pd-prose{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text)}.pd-prose p{margin:0 0 var(--space-4)}.pd-prose h2,.pd-prose h3,.pd-prose h4{margin:var(--space-8) 0 var(--space-4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text)}.pd-prose h2{font-size:var(--font-size-xl)}.pd-prose h3{font-size:var(--font-size-lg)}.pd-prose h4{font-size:var(--font-size-md)}.pd-prose ol,.pd-prose ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}.pd-prose li{margin-bottom:var(--space-2)}.pd-prose img{display:block;max-width:100%;height:auto;margin-block:var(--space-6);border-radius:var(--radius-lg)}.pd-prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.pd-prose a:hover{color:var(--color-primary-hover)}.pd-prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-secondary);border-left:var(--space-1) solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-style:italic}.pd-prose table{width:100%;margin-block:var(--space-6);border-collapse:collapse}.pd-prose td,.pd-prose th{padding:var(--space-3) var(--space-4);text-align:left;border:var(--space-px) solid var(--color-border)}.pd-prose th{background-color:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold)}.pd-prose pre{margin-block:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}.pd-prose code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.pd-prose pre code{display:block;color:var(--color-text-inverse);background-color:transparent;padding:0;border-radius:0}.pd-prose :not(pre)>code{padding:var(--space-0-5) var(--space-1-5);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-danger)}.pd-article{background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden}.pd-article__header{padding:var(--space-6);border-bottom:var(--space-px) solid var(--color-border)}.pd-article__title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);color:var(--color-text)}.pd-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.pd-article__author,.pd-article__meta time,.pd-article__sort,.pd-article__source,.pd-article__views{display:flex;align-items:center;gap:var(--space-1)}.pd-article__sort{color:var(--color-text-muted)}.pd-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.pd-article__hero{display:flex;justify-content:center;margin:0;padding:var(--space-6);background-color:var(--color-bg-secondary)}.pd-article__hero img{display:block;max-width:100%;width:auto;height:auto;max-height:600px;border-radius:var(--radius-xl);object-fit:contain}.pd-article__summary{padding:var(--space-5);margin:var(--space-6);background-color:var(--color-primary-lighter);border-left:var(--space-1) solid var(--color-primary);border-radius:var(--radius-lg)}.pd-article__summary p{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pd-article__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-bg-secondary);border-bottom:var(--space-px) solid var(--color-border)}.pd-article__section-title{margin:0;padding:var(--space-5) var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);background-color:var(--color-bg-secondary);border-bottom:var(--space-px) solid var(--color-border)}.pd-article__body{padding:var(--space-6)}.pd-article__footer{padding:var(--space-6);background-color:var(--color-bg-secondary);border-top:var(--space-px) solid var(--color-border)}.pd-article--product .pd-article__header{text-align:center}.pd-article--product .pd-article__meta{justify-content:center}.pd-article--product .pd-article__tags{justify-content:center}.pd-article__nav{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.pd-article__nav-next,.pd-article__nav-prev{min-width:0}.pd-article__nav-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--duration-200) var(--easing-in-out),background-color var(--duration-200) var(--easing-in-out)}a.pd-article__nav-link:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.pd-article__nav-link.is-disabled{cursor:not-allowed;opacity:.5}.pd-article__nav-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pd-article__nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-article__nav-next .pd-article__nav-label{justify-content:flex-end}.pd-article__nav-next .pd-article__nav-title{text-align:right}.pd-case__summary{padding:var(--space-5);margin:var(--space-6);background-color:var(--color-bg-secondary);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl)}.pd-case__summary-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.pd-case__summary-text{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pd-case__cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);margin:var(--space-6);text-align:center;background:var(--color-gradient-primary);border-radius:var(--radius-2xl)}.pd-case__cta-text{margin:0;font-size:var(--font-size-md);color:var(--color-white-90)}.pd-case__cta .pd-btn{background-color:var(--color-bg);color:var(--color-primary);border-color:var(--color-bg)}.pd-case__cta .pd-btn:hover{background-color:var(--color-white-90)}.pd-faq-detail{display:flex;flex-direction:column;gap:var(--space-8)}.pd-faq-detail__card{background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden}.pd-faq-detail__header{position:relative;padding:var(--space-6);padding-left:calc(var(--space-6) + var(--space-14));border-bottom:var(--space-px) solid var(--color-border)}.pd-faq-detail__question-label{position:absolute;top:var(--space-6);left:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-xl)}.pd-faq-detail__question-label span{display:none}.pd-faq-detail__title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);color:var(--color-text)}.pd-faq-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.pd-faq-detail__meta time,.pd-faq-detail__views{display:flex;align-items:center;gap:var(--space-1)}.pd-faq-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.pd-faq-detail__answer{position:relative;padding:var(--space-6);padding-left:calc(var(--space-6) + var(--space-14));background-color:var(--color-bg-secondary)}.pd-faq-detail__answer-label{position:absolute;top:var(--space-6);left:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background-color:var(--color-success);border-radius:var(--radius-xl)}.pd-faq-detail__answer-label span{display:none}.pd-faq-detail__body{min-height:100px}.pd-faq-detail__footer{padding:var(--space-6);background-color:var(--color-bg);border-top:var(--space-px) solid var(--color-border)}.pd-faq-detail__nav{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.pd-faq-detail__nav-next,.pd-faq-detail__nav-prev{min-width:0}.pd-faq-detail__nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--duration-200) var(--easing-in-out),background-color var(--duration-200) var(--easing-in-out)}a.pd-faq-detail__nav-link:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.pd-faq-detail__nav-link.is-disabled{cursor:not-allowed;opacity:.5}.pd-faq-detail__nav-link .pd-ico{flex-shrink:0;color:var(--color-text-muted)}a.pd-faq-detail__nav-link:hover .pd-ico{color:var(--color-primary)}.pd-faq-detail__nav-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.pd-faq-detail__nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pd-faq-detail__nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-faq-detail__nav-next{text-align:right}.pd-faq-detail__nav-next .pd-faq-detail__nav-content{align-items:flex-end}.pd-guide{max-width:var(--container-xl);margin-inline:auto;padding:var(--space-10) var(--space-4);background-color:var(--color-bg);border-top:var(--space-px) solid var(--color-border)}.pd-guide__title{margin:0 0 var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center}.pd-guide__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.pd-guide__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;background-color:var(--color-bg-secondary);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out),background-color var(--duration-150) var(--easing-in-out)}.pd-guide__link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.pd-guide__icon{width:var(--icon-sm);height:var(--icon-sm)}@media (min-width:768px){.pd-layout{grid-template-columns:1fr 280px;gap:var(--space-10);padding:var(--space-10) var(--space-6)}.pd-layout--full{display:block;padding:var(--space-10) var(--space-6)}.pd-article__header{padding:var(--space-8)}.pd-article__title{font-size:var(--font-size-2xl)}.pd-article__body{padding:var(--space-8)}.pd-article__footer{padding:var(--space-8)}.pd-article__nav{grid-template-columns:repeat(2,1fr)}.pd-case__summary{margin:var(--space-8)}.pd-case__cta{margin:var(--space-8);padding:var(--space-10)}.pd-faq-detail__header{padding:var(--space-8);padding-left:calc(var(--space-8) + var(--space-16))}.pd-faq-detail__question-label{top:var(--space-8);left:var(--space-8);width:var(--space-14);height:var(--space-14)}.pd-faq-detail__title{font-size:var(--font-size-2xl)}.pd-faq-detail__answer{padding:var(--space-8);padding-left:calc(var(--space-8) + var(--space-16))}.pd-faq-detail__answer-label{top:var(--space-8);left:var(--space-8);width:var(--space-14);height:var(--space-14)}.pd-faq-detail__footer{padding:var(--space-8)}.pd-faq-detail__nav{grid-template-columns:repeat(2,1fr)}.pd-guide{padding:var(--space-12) var(--space-6)}}@media (min-width:1024px){.pd-layout{grid-template-columns:1fr 320px;gap:var(--space-12);padding:var(--space-12) var(--space-8)}.pd-layout--full{padding:var(--space-12) var(--space-8)}.pd-article__header{padding:var(--space-10)}.pd-article__title{font-size:var(--font-size-3xl)}.pd-article__body{padding:var(--space-10)}.pd-article__footer{padding:var(--space-10)}.pd-case__summary{margin:var(--space-10);padding:var(--space-6)}.pd-case__cta{flex-direction:row;justify-content:space-between;margin:var(--space-10);padding:var(--space-8) var(--space-10);text-align:left}.pd-faq-detail__header{padding:var(--space-10);padding-left:calc(var(--space-10) + var(--space-20))}.pd-faq-detail__question-label{top:var(--space-10);left:var(--space-10);width:var(--space-16);height:var(--space-16);font-size:var(--font-size-xl)}.pd-faq-detail__title{font-size:var(--font-size-3xl)}.pd-faq-detail__answer{padding:var(--space-10);padding-left:calc(var(--space-10) + var(--space-20))}.pd-faq-detail__answer-label{top:var(--space-10);left:var(--space-10);width:var(--space-16);height:var(--space-16);font-size:var(--font-size-xl)}.pd-faq-detail__footer{padding:var(--space-10)}.pd-guide{padding:var(--space-14) var(--space-8)}.pd-guide__nav{gap:var(--space-6)}}.pg-tag-intro{padding:1.5rem 0;background:var(--color-bg-muted,#f8f9fa);border-bottom:1px solid var(--color-border,#e5e7eb)}.pg-tag-intro__content{max-width:800px;line-height:1.8;color:var(--color-text-secondary,#6b7280)}.pg-tag-intro__warning{margin-top:1rem;padding:.75rem 1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.25rem;color:#92400e;font-weight:500}.pg-contact-warning{margin:1.5rem 0;padding:1rem 1.25rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem}.pg-contact-warning__content{display:flex;align-items:flex-start;gap:.75rem;color:#92400e}.pg-contact-warning__content svg{flex-shrink:0;margin-top:.125rem}.pg-contact-warning__content p{margin:0;line-height:1.6}.pg-empty__nav{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border,#e5e7eb)}.pg-empty__nav-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary,#6b7280);margin-bottom:.75rem}.pg-empty__nav-list{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;margin:0}.pg-empty__nav-list a{color:var(--color-primary);text-decoration:none}.pg-empty__nav-list a:hover{text-decoration:underline}
/* =====================================================================
   E-COMMERCE THEME OVERRIDE (Detail / Article)
   Version: 2026-01-20
   ===================================================================== */

.pd-main{
  background:
    radial-gradient(900px 300px at 20% 0%, rgba(255,176,32,.18) 0%, rgba(255,77,79,.12) 45%, rgba(255,46,47,0) 100%),
    linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg) 240px);
}

/* Article card -> marketplace look */
.pd-article{
  background:rgba(255,255,255,.94);
  border-color:rgba(255,77,79,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}
.pd-article__header{
  background:linear-gradient(180deg, rgba(255,77,79,.08) 0%, rgba(255,255,255,0) 75%);
}

/* Summary -> deal callout */
.pd-article__summary{
  background:rgba(255,77,79,.08);
  border-left-color:var(--color-primary);
}

/* Prose blockquote -> ecommerce highlight */
.pd-prose blockquote{
  background:rgba(255,176,32,.12);
  border-left-color:var(--color-accent);
  color:#7a3a00;
}

/* Tags -> pill style */
.pd-tag{
  border:1px solid rgba(255,77,79,.14);
  background:rgba(255,255,255,.92);
}
.pd-tag:hover{border-color:rgba(255,77,79,.30)}

/* CTA gradient -> warmer */
.pd-case__cta{background:var(--color-gradient-primary)}