.pdetail{min-height:100svh;padding:120px 5% 96px;background:var(--second-bg-color)}.pdetail-inner{display:flex;flex-direction:column;max-width:1152px;margin-inline:auto}.pdetail-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;font-size:.9375rem;font-weight:600;color:var(--other-color);transition:color .15s ease}.pdetail-back svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.pdetail-back:hover{color:var(--main-color)}}.pdetail-back:focus-visible{outline:2px solid var(--main-color);outline-offset:2px;border-radius:6px}.pdetail-head{display:flex;flex-direction:column;gap:16px;margin-top:12px}.pdetail-chips{display:flex;flex-wrap:wrap;gap:8px}.pdetail-chip{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:9999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--main-color);background-color:color-mix(in srgb,var(--main-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--main-color) 28%,transparent)}.pdetail-title{margin:0;font-size:clamp(2rem,1.4rem + 2.4vw,3.2rem);font-weight:800;line-height:1.1;color:var(--textcolor);text-wrap:balance}.pdetail-lead{margin:0;max-width:68ch;font-size:clamp(1rem,.95rem + .4vw,1.15rem);line-height:1.7;color:var(--other-color);text-wrap:pretty}.pdetail-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.pdetail-ctas>*{transition:transform .16s ease-out,background-color .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.pdetail-ctas>:active{transform:scale(.97)}.pgallery{margin-top:40px}.pgallery-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:18px;background-color:var(--surface-sunken);border:1px solid color-mix(in srgb,var(--main-color) 14%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.45)}.pgallery-img{object-fit:contain;transition:opacity .22s ease-out}@starting-style{.pgallery-img{opacity:0}}.pgallery-open{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.pgallery-open:focus-visible{outline:2px solid var(--main-color);outline-offset:-2px}.pgallery-zoom{position:absolute;right:14px;bottom:14px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;pointer-events:none;color:var(--main-color);background-color:color-mix(in srgb,var(--bg-color) 82%,transparent);border:1px solid color-mix(in srgb,var(--main-color) 30%,transparent);opacity:0;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.pgallery-zoom svg{width:17px;height:17px}.pgallery-stage:focus-within .pgallery-zoom{opacity:1}@media (hover:hover) and (pointer:fine){.pgallery-stage:hover .pgallery-zoom{opacity:1;border-color:var(--main-color);box-shadow:var(--brand-glow-md)}}.pgallery-arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:44px;height:44px;border-radius:9999px;cursor:pointer;color:var(--textcolor);background-color:color-mix(in srgb,var(--bg-color) 72%,transparent);border:1px solid color-mix(in srgb,var(--main-color) 28%,transparent);backdrop-filter:blur(6px);transform:translateY(-50%);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .16s ease-out}.pgallery-arrow svg{width:20px;height:20px}.pgallery-arrow.is-prev{left:12px}.pgallery-arrow.is-next{right:12px}@media (hover:hover) and (pointer:fine){.pgallery-arrow:hover{border-color:var(--main-color);box-shadow:var(--brand-glow-md)}}.pgallery-arrow:active{transform:translateY(-50%) scale(.94)}.pgallery-arrow:focus-visible{outline:2px solid var(--main-color);outline-offset:2px}.pgallery-counter{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:9999px;pointer-events:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--main-color);background-color:color-mix(in srgb,var(--bg-color) 82%,transparent);border:1px solid color-mix(in srgb,var(--main-color) 30%,transparent);backdrop-filter:blur(6px)}.pgallery-thumbs{display:flex;gap:10px;margin-top:12px;padding:4px 2px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--main-color) 40%,transparent) transparent}.pgallery-thumbs::-webkit-scrollbar{height:6px}.pgallery-thumbs::-webkit-scrollbar-track{background:transparent}.pgallery-thumbs::-webkit-scrollbar-thumb{border-radius:9999px;background-color:color-mix(in srgb,var(--main-color) 38%,transparent)}.pgallery-thumb{position:relative;flex:0 0 auto;width:96px;height:60px;padding:0;overflow:hidden;border-radius:10px;cursor:pointer;border:2px solid color-mix(in srgb,var(--textcolor) 10%,transparent);background-color:var(--surface-sunken);opacity:.62;scroll-snap-align:start;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.pgallery-thumb img{width:100%;height:100%;object-fit:cover}.pgallery-thumb.is-active{opacity:1;border-color:var(--main-color);box-shadow:var(--brand-glow-sm)}@media (hover:hover) and (pointer:fine){.pgallery-thumb:hover{opacity:.9}}.pgallery-thumb:focus-visible{outline:2px solid var(--main-color);outline-offset:2px}.pdetail-body{margin-top:40px;padding:clamp(20px,3.5vw,40px);border-radius:20px;background-color:var(--card-bg);border:1px solid color-mix(in srgb,var(--main-color) 10%,transparent);box-shadow:0 14px 44px rgba(0,0,0,.4)}.pdetail-empty{margin:40px 0 0;font-size:1rem;color:var(--other-color)}.prelated{margin-top:72px}.prelated-title{margin:0 0 20px;font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem);font-weight:700;color:var(--textcolor)}.prelated-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.prelated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.prelated-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.prelated-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background-color:var(--card-bg);border:1px solid color-mix(in srgb,var(--textcolor) 8%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.3);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}@media (hover:hover) and (pointer:fine){.prelated-card:hover{border-color:var(--main-color);transform:translateY(-4px);box-shadow:var(--brand-glow-md)}}.prelated-card:active{transform:scale(.99)}.prelated-card:focus-visible{outline:2px solid var(--main-color);outline-offset:2px}.prelated-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background-color:var(--surface-sunken)}.prelated-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}@media (hover:hover) and (pointer:fine){.prelated-card:hover .prelated-img{transform:scale(1.04)}}.prelated-name{font-size:1rem;font-weight:600;line-height:1.4;color:var(--textcolor)}.prelated-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;line-height:1.5;color:var(--other-color)}.pdetail-notfound{align-items:center;gap:12px;padding-top:40px;text-align:center}.pdetail-notfound h1{margin:0;font-size:clamp(1.8rem,1.4rem + 2vw,2.6rem);font-weight:800;color:var(--textcolor)}.pdetail-notfound p{margin:0;max-width:46ch;color:var(--other-color)}.pskel{background-color:color-mix(in srgb,var(--textcolor) 8%,transparent)}.pskel-line{height:16px;border-radius:6px}.pskel-title{width:min(60%,480px);height:clamp(2rem,4vw,2.75rem);border-radius:10px}.pskel-pill{width:128px;height:44px;border-radius:9999px}.pskel-stage{aspect-ratio:16/10;border-radius:18px}.pskel-thumb{flex:0 0 auto;width:96px;height:60px;border-radius:10px}.pskel-body{height:200px;margin-top:56px;border-radius:20px}@media (max-width:639px){.pdetail{padding:96px 4% 72px}.pgallery-stage{aspect-ratio:4/3;border-radius:14px}.pgallery-arrow{width:40px;height:40px}.pgallery-arrow.is-prev{left:8px}.pgallery-arrow.is-next{right:8px}.pgallery-thumb{width:76px;height:48px}}@media (prefers-reduced-motion:reduce){.pdetail-ctas>*,.pgallery-arrow,.pgallery-img,.pgallery-thumb,.prelated-card,.prelated-img{transition-duration:.01ms}.prelated-card:hover,.prelated-card:hover .prelated-img{transform:none}}