*,*:before,*:after{box-sizing:border-box}:root{font-size:1rem}@media screen and (max-width: 27.5rem){:root{font-size:3.6363636364vw}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif;font-size:1rem;margin:0;padding:0;line-height:1.6;color:#111;background-color:#f1f5f9;overflow-x:hidden}.l-header{background-color:#f8c6d0;color:#fff}.l-footer{text-align:center;padding:2rem 1rem;background:#f1f5f9}.l-site{width:min(100%,27.5rem);margin:0 auto;background:#fff;box-shadow:0 1.5rem 3rem #94a3b833}.l-container{width:100%;padding:0 1rem}.l-container>section{margin:3rem 0}.c-footer-nav{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.c-footer-nav a{color:#c0265e;font-weight:600;text-decoration:none;transition:color .2s ease}.c-footer-nav a:hover{color:#d63a78}.c-section-heading{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.c-section-heading__title{margin:0;font-size:1.6rem;color:#d63a78}.c-section-heading__lead{margin:0;color:#475569;font-size:.95rem}.c-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.4rem;border-radius:624.9375rem;font-weight:600;text-decoration:none;background:#fff;color:#d63a78;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 .5rem 1.25rem #611c4b33}.c-button:hover{transform:translateY(-.125rem)}.c-button--outline{background:transparent;color:#fff;border:.125rem solid rgba(255,255,255,.6);box-shadow:none;height:3.125rem}.c-category-nav{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem .8rem 1.2rem;background:#fff}.c-category-nav__link{display:inline-block;background-color:#f8c6d0;color:#fff;font-weight:700;padding:.55rem 1.1rem;border-radius:624.9375rem;text-decoration:none;font-size:.85rem;transition:background-color .3s ease,transform .2s ease}.c-category-nav__link:hover{background-color:#e38ca1;transform:translateY(-.125rem)}.c-card-grid{display:grid;gap:1.8rem}.c-article-card{display:flex;flex-direction:column;border-radius:1.125rem;overflow:hidden;box-shadow:0 1rem 1.875rem #94a3b840;background:#fff;transition:transform .2s ease}.c-article-card:hover{transform:translateY(-.25rem)}.c-article-card__thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;background:#fde7f0;overflow:hidden}.c-article-card__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.c-article-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fde7f0}.c-article-card__body{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1.2rem 1.4rem}.c-article-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.85rem;color:#d63a78;font-weight:600}.c-article-card__category{background:#d63a7826;padding:.2rem .6rem;border-radius:624.9375rem}.c-article-card__title{margin:0;font-size:1.15rem}.c-article-card__title a{color:inherit;text-decoration:none}.c-article-card__title a:hover{text-decoration:underline}.c-article-card__excerpt{margin:0;color:#475569;font-size:.95rem;line-height:1.7}.c-article-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.8rem;font-size:.85rem;color:#64748b}.c-article-card__tags{display:flex;gap:.4rem;list-style:none;padding:0;margin:0}.c-article-card__tags li{background:#f1f5f9;padding:.2rem .5rem;border-radius:.375rem}.c-article-card--featured .c-article-card__body{padding-bottom:1.6rem}.c-spotlight{display:grid;gap:1.8rem;background:linear-gradient(135deg,#f8c6d02b,#fff7fbcc);border-radius:1.5rem;padding:2rem 1.5rem}.c-spotlight__info{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.c-spotlight__header{display:flex;flex-direction:column;gap:1rem}.c-spotlight__header h3{margin:0 0 .4rem;font-size:1.4rem;color:#d63a78}.c-spotlight__header-text p{margin:0;color:#475569;font-size:.95rem;line-height:1.7}.c-spotlight__footer{margin-top:1.5rem}.c-spotlight__cta{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:624.9375rem;background:#fff;color:#d63a78;font-weight:600;text-decoration:none;box-shadow:0 .75rem 1.5rem #d63a7826}.c-spotlight__cta:after{content:"->";font-size:1rem}.c-spotlight__cta:hover{transform:translate(.125rem)}.c-spotlight__body{margin-top:1.5rem}.c-spotlight__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.c-spotlight-card{display:flex;flex-direction:column;gap:1rem;border-radius:1.125rem;background:#ffffffe6;padding:1.2rem;box-shadow:0 1rem 2rem #d63a781f}.c-spotlight-card__thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:.875rem;overflow:hidden;background:#fde7f0}.c-spotlight-card__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.c-spotlight-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#fde7f0}.c-spotlight-card__body{display:grid;gap:.6rem}.c-spotlight-card__title{margin:0;font-size:1.1rem}.c-spotlight-card__title a{color:inherit;text-decoration:none}.c-spotlight-card__title a:hover{text-decoration:underline}.c-spotlight-card__excerpt{margin:0;color:#475569;font-size:.95rem;line-height:1.6}.c-spotlight-card__date{font-size:.85rem;color:#94a3b8}.c-pagination{display:flex;justify-content:center;margin:3rem 0 0}.c-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0 .2rem;border-radius:50%;background:#d63a781a;color:#d63a78;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease}.c-pagination .page-numbers:hover,.c-pagination .page-numbers.current{background:#d63a78;color:#fff}.c-article-section{background:linear-gradient(135deg,#f8c6d038,#fff7fbf2);border-radius:1.5rem;padding:clamp(1.8rem,6vw,3rem) 1.25rem;margin:3rem 0;box-shadow:0 1.5rem 3rem #d63a781f;color:#344054}.c-article-section h2{position:relative;margin:clamp(1.8rem,5vw,2.6rem) 0 1.2rem;font-size:clamp(1.35rem,2.7vw,1.75rem);color:#d63a78;letter-spacing:.04em}.c-article-section h2:first-of-type{margin-top:0}.c-article-section h2:after{content:"";position:absolute;left:0;bottom:-.6rem;width:5rem;height:.375rem;border-radius:624.9375rem;background:linear-gradient(90deg,#f8c6d0,#f8c6d000)}.c-article-section p{margin:.5rem 0;line-height:1.9;color:#475569;font-size:1rem}.c-article-section p strong{color:#d63a78;font-weight:700}.c-article-section p:last-child{margin-bottom:0}.c-article-section ul{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.85rem}.c-article-section li{position:relative;padding:.7rem 1rem .7rem 2.4rem;border-radius:1.125rem;background:#fffffff0;box-shadow:0 1rem 1.75rem #d63a781f;font-weight:600;color:#d63a78;display:flex;align-items:center;gap:.5rem}.c-article-section li:before{content:"";position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;border-radius:50%;background:linear-gradient(135deg,#f8c6d0,#f4a5bd);box-shadow:0 .375rem .75rem #d63a7840}.c-article-section ol{counter-reset:article-section-counter;list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.85rem}.c-article-section ol li{counter-increment:article-section-counter;padding:.8rem 1rem .8rem 3rem}.c-article-section ol li:before{content:counter(article-section-counter) ".";position:absolute;left:1.4rem;top:50%;transform:translateY(-50%);font-weight:700;color:#f06292;font-size:1rem}.c-article-section table{width:max-content;min-width:100%;border-collapse:collapse;margin:1.5rem auto;text-align:center}.c-article-section th,.c-article-section td{padding:.75rem;border:.0625rem solid rgba(148,163,184,.3);white-space:nowrap}.c-article-section th{background:#d63a781f;color:#c0265e;font-weight:700}.c-article-section td{background:#fff}.c-article-section a{display:inline-flex;align-items:center;gap:.3rem;color:#c0265e;font-weight:700;text-decoration:none;padding-bottom:.125rem;border-bottom:.125rem solid rgba(192,38,94,.25);transition:color .2s ease,border-color .2s ease}.c-article-section a:hover{color:#d63a78;border-color:#d63a7899}.c-article-section__body{display:grid;gap:2rem;align-items:start;margin-top:1.5rem}.c-article-section__content{display:grid}.c-article-section__media{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:none;background:none;display:flex;justify-content:center;align-items:flex-start;width:100%}.c-article-section__media img,.c-article-section__media picture,.c-article-section__media iframe{width:100%;height:auto;max-width:25rem;display:block;object-fit:contain;border-radius:1.125rem}.c-article-section__media>a,.c-article-section__media>picture,.c-article-section__media>img,.c-article-section__media>iframe{width:100%}.c-article-section__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.c-table-wrap{overflow-x:auto}.c-table-wrap::-webkit-scrollbar{height:.5rem}.c-table-wrap::-webkit-scrollbar-thumb{background:#d63a784d;border-radius:62.4375rem}.c-table-wrap::-webkit-scrollbar-track{background:#f1f5f9cc}@media screen and (min-width: 62rem){.c-article-section{padding:clamp(2.5rem,5vw,3.4rem) 1.25rem}}.p-hero{background:#f8c6d0;color:#fff;padding:2.5rem 1.2rem 2rem}.p-hero__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:68.75rem;margin:0 auto}.p-hero__text{position:relative;max-width:37.5rem;width:100%;text-align:center;padding:0 1rem;margin:0 auto;overflow:hidden}.p-hero__text h1{margin:0;font-size:2rem;letter-spacing:.08em}.p-hero__label{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.08em;background:#fff3;padding:.3rem .8rem;border-radius:624.9375rem;margin-bottom:.8rem}.p-hero__tagline{margin:.4rem 0;font-size:1.1rem;font-weight:600}.p-hero__copy{margin:.4rem 0 1.2rem;font-size:.9rem;line-height:1.8}.p-hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;min-height:6.25rem;position:relative}.p-hero__cta:before,.p-hero__cta:after{content:"";position:absolute;top:50%;width:clamp(5rem,20vw,6.875rem);height:clamp(5rem,20vw,6.875rem);background-repeat:no-repeat;background-position:center;background-size:78%;transform:translateY(-50%);pointer-events:none;opacity:.8}.p-hero__cta:before{left:-.75rem;background-image:url(/wp-content/themes/kossori-labo/assets/img/common/top/logo1.png);background-image:-webkit-image-set(url(/wp-content/themes/kossori-labo/assets/img/common/top/logo1.webp) 1x,url(/wp-content/themes/kossori-labo/assets/img/common/top/logo1@2x.webp) 2x);background-image:image-set(url(/wp-content/themes/kossori-labo/assets/img/common/top/logo1.webp) 1x,url(/wp-content/themes/kossori-labo/assets/img/common/top/logo1@2x.webp) 2x);animation:heroIconShakeX .9s ease-in-out 0s 3 forwards}.p-hero__cta:after{right:-.75rem;background-image:url(/wp-content/themes/kossori-labo/assets/img/common/top/logo2.png);background-image:-webkit-image-set(url(/wp-content/themes/kossori-labo/assets/img/common/top/logo2.webp) 1x,url(/wp-content/themes/kossori-labo/assets/img/common/top/logo2@2x.webp) 2x);background-image:image-set(url(/wp-content/themes/kossori-labo/assets/img/common/top/logo2.webp) 1x,url(/wp-content/themes/kossori-labo/assets/img/common/top/logo2@2x.webp) 2x);animation:heroIconFloatY 1s ease-in-out 0s 3 forwards}@keyframes heroIconShakeX{0%,to{transform:translateY(-50%) translate(0)}10%,30%,50%,70%,90%{transform:translateY(-50%) translate(-.3125rem)}20%,40%,60%,80%{transform:translateY(-50%) translate(.3125rem)}}@keyframes heroIconFloatY{0%,to{transform:translateY(-50%)}25%{transform:translateY(calc(-50% - 1.125rem))}50%{transform:translateY(calc(-50% + 1.5rem))}75%{transform:translateY(calc(-50% - .75rem))}}.p-top__featured{background:#fff7fb;border-radius:1.25rem;padding:1.6rem 1.25rem;box-shadow:0 1.25rem 2.5rem #d63a781f}.p-top__latest{padding:0 .5rem}.p-top__spotlights{display:flex;flex-direction:column;gap:2.5rem}.p-category__header{display:grid;gap:.8rem;text-align:center;margin:3rem 0 2rem}.p-category__title{margin:0;font-size:clamp(1.8rem,5vw,2.4rem);color:#c0265e}.p-category__description{margin:0;color:#475569;line-height:1.8}.p-category__empty{text-align:center;color:#475569;padding:2rem 0}.p-article{padding:3rem 1.2rem 4rem;display:grid;gap:2.5rem}.p-article__header{display:grid;gap:1rem;text-align:center}.p-article__meta{display:flex;justify-content:center;gap:1rem;font-size:.9rem;color:#d63a78;font-weight:600}.p-article__date{display:inline-flex;align-items:center;gap:.4rem}.p-article__categories{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0;margin:0}.p-article__categories li{padding:.35rem .9rem;border-radius:624.9375rem;background:#d63a7826;color:#d63a78;font-weight:600;font-size:.85rem}.p-article__affiliate{margin:0;text-align:left;font-size:.8125rem;color:#d63a78}.p-article__title{margin:0;font-size:clamp(1.8rem,5vw,2.4rem);color:#c0265e;line-height:1.3}.p-article__thumbnail{margin:0 auto;width:min(100%,25rem);border-radius:1.75rem;overflow:hidden;box-shadow:0 1.875rem 3.125rem #d63a7833}.p-article__thumbnail img{display:block;width:100%;height:auto}.p-article__body{display:grid;gap:2.5rem}.p-article__body>*:not(.c-article-section){background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 1.25rem 2.5rem #94a3b82e}.p-article__body p{line-height:1.9;color:#475569}.p-article__body p strong{color:#d63a78}.p-article__body ul{margin:1.5rem 0}.p-article__body a{color:inherit}.p-article__body .c-article-section{margin:0}.p-article__body .c-article-section+.c-article-section{margin-top:2.5rem}.p-page{padding:3rem 1.2rem 4rem;display:grid;gap:2rem}@media screen and (min-width: 48rem){.p-page{padding:4rem 0 5rem}}.p-page__header{text-align:center}.p-page__title{margin:0;font-size:clamp(1.8rem,5vw,2.4rem);color:#c0265e}.p-page__body{background:#fff;border-radius:1.5rem;padding:clamp(1.8rem,5vw,3rem);box-shadow:0 1.5rem 3rem #94a3b82e;color:#475569;line-height:1.9}.p-page__body h2{color:#d63a78;margin-top:2rem;margin-bottom:1rem}.p-page__body ul{margin:1.5rem 0;padding-left:1.2rem;color:#475569}.p-page__body ul li{margin:.4rem 0}.p-page__body p{margin:1rem 0}.p-page__body a{color:#c0265e;text-decoration:underline}.p-page__body a:hover{color:#d63a78}
