.tp-head{padding:56px 0}@media (min-width:768px){.tp-head{padding:96px 0 72px}}.tp-crumbs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-crumbs a{color:var(--ash);transition:color .18s}.tp-crumbs a:hover{color:var(--pom)}.tp-kind{color:var(--pom);margin-top:40px}.tp-name{overflow-wrap:anywhere;margin-top:14px;font-size:clamp(48px,9vw,104px)}.tp-summary{max-width:40rem;color:var(--ash);text-wrap:pretty;margin-top:28px;font-size:clamp(19px,2.2vw,21px);line-height:1.5}.tp-actions{flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:36px;display:flex}.tp-facts{border-top:1px solid var(--hair);border-left:1px solid var(--hair);flex-wrap:wrap;margin-top:56px;display:flex}.tp-fact{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);flex:160px;padding:16px 18px 18px}.tp-fact dd{color:var(--bone);margin-top:8px;font-size:14px}.tp-ok{color:var(--pom);align-items:center;gap:6px;display:inline-flex}.tp-sec{padding:48px 0}@media (min-width:768px){.tp-sec{padding:64px 0}}.tp-body{padding-top:0!important}.tp-grid{gap:40px;display:grid}@media (min-width:960px){.tp-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:64px}}.tp-uses{border-top:1px solid var(--hair);margin-top:16px}.tp-uses li{border-bottom:1px solid var(--hair);transition:transform .16s var(--ease-out), color .16s ease;gap:14px;padding:16px 0;font-size:clamp(17px,1.9vw,20px);line-height:1.35;display:flex}.tp-uses li:hover{transform:translate(4px)}.tp-mark{color:var(--pom);flex:none}.tp-tags{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.tp-chip{border:1px solid var(--hair-2);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ash);border-radius:999px;padding:5px 10px;font-size:12px;transition:color .16s,border-color .16s,background-color .16s;display:inline-block}.tp-chip:hover{color:var(--pom);border-color:var(--pom);background:var(--pom-soft)}.tp-side{gap:14px;display:grid}@media (min-width:960px){.tp-side{position:sticky;top:88px}}.tp-box{border:1px solid var(--hair);background:var(--ink-1);border-radius:16px;padding:18px 20px}.tp-box .lp-label{margin-bottom:12px}.tp-src{gap:4px;display:grid}.tp-src-row{border-radius:10px;align-items:center;gap:12px;margin:0 -8px;padding:8px;transition:background-color .16s;display:flex}.tp-src-row:hover{background:var(--ink-2)}.tp-src-av{width:32px;height:32px;color:var(--pom-ink);background:linear-gradient(135deg,#ff8a5c,#b8321a);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.tp-src-main{flex-direction:column;min-width:0;font-size:15px;display:flex}.tp-src-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.tp-src-date{color:var(--dust);font-size:11.5px}.tp-src-open{color:var(--dust);transition:color .16s ease, transform .16s var(--ease-out);margin-left:auto}.tp-src-row:hover .tp-src-open{color:var(--pom);transform:translate(2px,-2px)}.tp-credit{color:var(--dust);margin-top:10px;font-size:12.5px;line-height:1.5}.tp-rel{display:grid}.tp-rel-row{border-top:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.tp-rel li:first-child .tp-rel-row{border-top:0;padding-top:0}.tp-rel-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;transition:color .16s;overflow:hidden}.tp-rel-row:hover .tp-rel-name{color:var(--pom)}.tp-rel-dom{color:var(--dust);flex:none;font-size:11.5px}.tp-more{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin-top:24px;display:grid}.tp-more>li{display:flex}.tp-more-card{border-radius:16px;flex:1}.tp-more-link{flex-direction:column;gap:8px;height:100%;padding:20px 22px;display:flex}.tp-more-name{font-size:18px;font-weight:500}.tp-more-sum{color:var(--ash);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.tp-more-dom{color:var(--dust);margin-top:auto;padding-top:6px;font-size:12px}.tp-sk{background:var(--ink-2);border-radius:8px}@media (prefers-reduced-motion:reduce){.tp-uses li{transition:none}.tp-uses li:hover{transform:none}}.tp-head .lp-wrap>*{animation:tp-in .22s var(--ease-out) both}.tp-facts{animation-delay:40ms!important}@keyframes tp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tp-head .lp-wrap>*{animation:none}}
