.pl-main{display:block;min-height:100vh}.pl-main--list{background-color:var(--color-bg-secondary)}.pl-page-header{min-height:100px;padding:var(--space-10) var(--space-4);text-align:center;background-color:var(--color-bg);border-bottom:var(--space-px) solid var(--color-border)}.pl-page-header__inner{max-width:var(--container-lg);margin-inline:auto}.pl-page-header__title{max-width:var(--container-lg);margin:0 auto var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.pl-page-header__label{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full)}.pl-page-header__desc{max-width:var(--container-lg);margin:0 auto;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pl-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--container-xl);margin-inline:auto;padding:var(--space-8) var(--space-4)}.pl-layout--full{display:block}.pl-layout__main{min-width:0;overflow:hidden}.pl-layout__side{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.pl-grid{display:grid;gap:var(--space-6)}.pl-grid--3col,.pl-grid--4col{grid-template-columns:1fr}.pl-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}.pl-ico--xs{width:var(--icon-xs);height:var(--icon-xs)}.pl-ico--sm{width:var(--icon-sm);height:var(--icon-sm)}.pl-ico--lg{width:var(--icon-lg);height:var(--icon-lg)}.pl-ico--xl{width:var(--icon-xl);height:var(--icon-xl)}.pl-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)}.pl-btn--primary{color:var(--color-text-on-primary);background-color:var(--color-primary);border-color:var(--color-primary)}.pl-btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pl-btn--outline{color:var(--color-primary);background-color:transparent;border-color:var(--color-primary)}.pl-btn--outline:hover{color:var(--color-text-on-primary);background-color:var(--color-primary)}.pl-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.pl-badge--danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.pl-badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.pl-badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.pl-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)}.pl-tag--sm{padding:var(--space-0-5) var(--space-2);font-size:.6875rem}.pl-card{position:relative;display:flex;flex-direction:column;background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-200) var(--easing-in-out),box-shadow var(--duration-200) var(--easing-in-out),transform var(--duration-200) var(--easing-in-out)}.pl-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(calc(var(--space-1) * -1))}.pl-card__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.pl-card__img{position:relative;aspect-ratio:var(--aspect-card);overflow:hidden;background-color:var(--color-bg-tertiary)}.pl-card__img--frame{border-bottom:var(--space-px) solid var(--color-border-light)}.pl-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-300) var(--easing-out)}.pl-card:hover .pl-card__img img{transform:scale(1.05)}.pl-card__body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);padding:var(--space-4)}.pl-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text);word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-card__desc{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-card__meta{display:flex;align-items:center;gap:var(--space-4);margin-top:auto;font-size:var(--font-size-xs);color:var(--color-text-muted)}.pl-card__sort{color:var(--color-text-muted)}.pl-card__sort::before{content:'·';margin-right:var(--space-2)}.pl-card--product .pl-card__body{gap:var(--space-2)}.pl-card--product .pl-btn{margin-top:var(--space-3);align-self:flex-start}.pl-case-grid{display:grid;gap:var(--space-6)}.pl-case-card{background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-200) var(--easing-in-out),box-shadow var(--duration-200) var(--easing-in-out),transform var(--duration-200) var(--easing-in-out)}.pl-case-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(calc(var(--space-1) * -1))}.pl-case-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.pl-case-card__thumb{position:relative;aspect-ratio:var(--aspect-card);overflow:hidden;background-color:var(--color-bg-tertiary)}.pl-case-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-300) var(--easing-out)}.pl-case-card:hover .pl-case-card__thumb img{transform:scale(1.05)}.pl-case-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.pl-case-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-case-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text)}.pl-case-card__desc{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-case-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-case-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:var(--space-px) solid var(--color-border-light)}.pl-case-card__date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.pl-case-card__more{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.pl-faq__category{padding:var(--space-6) var(--space-4);background-color:var(--color-bg);border-bottom:var(--space-px) solid var(--color-border)}.pl-faq__category-title{max-width:var(--container-xl);margin:0 auto var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center}.pl-faq__list{display:flex;flex-direction:column;gap:var(--space-4)}.pl-faq__item{padding:var(--space-5);background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--duration-200) var(--easing-in-out),box-shadow var(--duration-200) var(--easing-in-out)}.pl-faq__item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.pl-faq__question-link{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);text-decoration:none}.pl-faq__question-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text);transition:color var(--duration-150) var(--easing-in-out)}.pl-faq__question-link:hover .pl-faq__question-text{color:var(--color-primary)}.pl-faq__goto{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);color:var(--color-text-muted);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:background-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out)}.pl-faq__question-link:hover .pl-faq__goto{color:var(--color-text-on-primary);background-color:var(--color-primary)}.pl-faq__snippet{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--space-px) solid var(--color-border-light)}.pl-faq__snippet p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pl-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:var(--container-xl);margin-inline:auto;padding:var(--space-4);background-color:var(--color-bg);border-bottom:var(--space-px) solid var(--color-border)}.pl-filter__item{padding:var(--space-2) var(--space-4);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-tertiary);border-radius:var(--radius-full);transition:background-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out)}.pl-filter__item:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.pl-filter__item.is-active{color:var(--color-text-on-primary);background-color:var(--color-primary)}.pl-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-16) var(--space-4);text-align:center}.pl-empty__icon{width:var(--space-16);height:var(--space-16);margin-bottom:var(--space-6);color:var(--color-text-muted)}.pl-empty__text{margin:0 0 var(--space-6);font-size:var(--font-size-md);color:var(--color-text-secondary)}.pl-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)}.pl-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}.pl-guide__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.pl-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)}.pl-guide__link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.pl-guide__icon{width:var(--icon-sm);height:var(--icon-sm)}@media (min-width:768px){.pl-page-header{padding:var(--space-12) var(--space-6)}.pl-page-header__title{font-size:var(--font-size-3xl)}.pl-layout{grid-template-columns:1fr 280px;gap:var(--space-10);padding:var(--space-10) var(--space-6)}.pl-layout--full{display:block;padding:var(--space-10) var(--space-6)}.pl-case-grid,.pl-grid--3col,.pl-grid--4col{grid-template-columns:repeat(2,1fr)}.pl-faq__category{padding:var(--space-8) var(--space-6)}.pl-filter{padding:var(--space-5) var(--space-6)}.pl-guide{padding:var(--space-12) var(--space-6)}}@media (min-width:1024px){.pl-page-header{padding:var(--space-14) var(--space-8)}.pl-page-header__title{font-size:var(--font-size-4xl)}.pl-layout{grid-template-columns:1fr 320px;gap:var(--space-12);padding:var(--space-12) var(--space-8)}.pl-layout--full{padding:var(--space-12) var(--space-8)}.pl-grid--3col{grid-template-columns:repeat(3,1fr)}.pl-grid--4col{grid-template-columns:repeat(4,1fr)}.pl-case-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.pl-faq__category{padding:var(--space-10) var(--space-8)}.pl-filter{padding:var(--space-6) var(--space-8);gap:var(--space-3)}.pl-guide{padding:var(--space-14) var(--space-8)}.pl-guide__nav{gap:var(--space-6)}}.pl-faq{display:flex;flex-direction:column;gap:.75rem}.pl-faq__item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg,.75rem);overflow:hidden;transition:border-color .2s,box-shadow .2s}.pl-faq__item:hover{border-color:var(--color-primary)}.pl-faq__item.is-open{border-color:var(--color-primary);box-shadow:0 4px 12px var(--overlay-primary-10)}.pl-faq__question{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:0 0;border:none;text-align:left;transition:background-color .2s;list-style:none;cursor:pointer}.pl-faq__question:hover{background:var(--color-bg-secondary)}.pl-faq__question:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.pl-faq__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-primary-lighter);border-radius:var(--radius-full,50%);color:var(--color-primary)}.pl-faq__title{flex:1;font-size:1rem;font-weight:500;color:var(--color-text);line-height:1.5}.pl-faq__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:transform .3s,color .2s}.pl-faq__item.is-open .pl-faq__arrow{transform:rotate(180deg);color:var(--color-primary)}.pl-faq__answer{grid-template-rows:0fr;transition:grid-template-rows .3s}.pl-faq__item.is-open .pl-faq__answer{grid-template-rows:1fr}.pl-faq__answer>*{overflow:hidden}.pl-faq__content{padding:0 1.25rem 0 3.75rem}.pl-faq__item.is-open .pl-faq__content{padding-bottom:.5rem}.pl-faq__content p{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7}.pl-faq__more{display:inline-flex;align-items:center;gap:.25rem;padding:0 1.25rem 1rem 3.75rem;font-size:.875rem;font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .2s;opacity:0;transform:translateY(-.5rem);transition:opacity .3s .1s,transform .3s .1s}.pl-faq__item.is-open .pl-faq__more{opacity:1;transform:translateY(0)}.pl-faq__more:hover{color:var(--color-primary-hover);text-decoration:underline}.pl-faq__more svg{transition:transform .2s}.pl-faq__more:hover svg{transform:translateX(.25rem)}.pl-faq__question::-webkit-details-marker{display:none}.pl-faq__item[open]{border-color:var(--color-primary);box-shadow:0 4px 12px var(--overlay-primary-10)}.pl-faq__item[open] .pl-faq__arrow{transform:rotate(180deg);color:var(--color-primary)}.pl-faq__item[open] .pl-faq__more{opacity:1;transform:translateY(0)}.pl-faq__answer{padding:0 var(--space-5) var(--space-5);display:block}.pl-faq__excerpt{margin:0 0 var(--space-3);padding-left:3.75rem;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pl-faq__excerpt:empty{display:none}@media (max-width:768px){.pl-faq__excerpt{padding-left:1rem}.pl-faq__question{padding:.875rem 1rem;gap:.625rem}.pl-faq__icon{width:1.75rem;height:1.75rem}.pl-faq__title{font-size:.9375rem}.pl-faq__content,.pl-faq__more{padding-left:3.25rem;padding-right:1rem}.pl-faq__content p{font-size:.875rem}}@media (prefers-color-scheme:dark){.pl-faq__item{background:var(--color-bg-dark);border-color:var(--color-border)}.pl-faq__item.is-open,.pl-faq__item:hover{border-color:var(--color-primary)}.pl-faq__question:hover{background:var(--color-bg-darker)}.pl-faq__icon{background:var(--overlay-primary-15)}.pl-faq__title{color:var(--color-text-on-dark)}.pl-faq__content p{color:var(--color-text-on-dark-secondary)}}.di-main{min-height:100vh;background-color:var(--color-bg-secondary)}.di-container{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-4)}.di-page-header{padding-block:var(--space-10) var(--space-8);border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.di-page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2);line-height:1.3}.di-page-header__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;max-width:56ch;line-height:1.6}.di-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-8)}@media (min-width:600px){.di-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.di-grid{grid-template-columns:repeat(3,1fr)}}.di-card{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.di-card:focus-visible,.di-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px);outline:0}.di-card__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.di-card__badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);width:fit-content;line-height:1.4}.di-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.4}.di-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6;flex:1}.di-card__slogan{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.di-card__tag{font-size:var(--font-size-xs);color:var(--color-text-tertiary,var(--color-text-secondary));margin:0}.di-card__cta{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:1}.di-ico{display:inline-block;flex-shrink:0}.di-ico--xs{width:14px;height:14px}@media (prefers-color-scheme:dark){.di-card{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.di-card:focus-visible,.di-card:hover{border-color:var(--color-primary)}}.pg-main--archive{min-height:100vh;background-color:var(--color-bg-secondary)}.pg-archive__container{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-4)}.pg-archive__header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding-block:var(--space-10) var(--space-8)}.pg-archive__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2);line-height:1.3}.pg-archive__subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-1)}.pg-archive__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:60ch;line-height:1.6}.pg-archive__list{list-style:none;padding:0;margin:var(--space-8) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.pg-archive__card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pg-archive__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-float)}.pg-archive__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);line-height:1.4}.pg-archive__card-link{color:var(--color-text);text-decoration:none}.pg-archive__card-link:hover{color:var(--color-primary)}.pg-archive__card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:1.6}.pg-archive__card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.pg-archive__card-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.7}.pg-archive__card-cta{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}.pg-archive__card-cta:hover{text-decoration:underline}.pg-archive__empty{padding:var(--space-16) var(--space-4);text-align:center}.pg-archive__empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.pg-archive__back{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.pg-archive__back:hover{text-decoration:underline}@media (min-width:640px){.pg-archive__title{font-size:var(--font-size-3xl)}.pg-archive__card{padding:var(--space-6) var(--space-8)}}@media (prefers-color-scheme:dark){.pg-archive__card{background-color:var(--color-bg-secondary)}.pg-archive__card:hover{border-color:var(--color-primary)}}.di-page-header__desc:empty,.pl-page-header__desc:empty,.tp-hero__desc:empty{display:none!important}