.sp-hero{border-bottom:1px solid var(--hp-line);background-color:var(--hp-paper);background-image:radial-gradient(#e3ded5 1px,transparent 1px);background-size:22px 22px}.sp-hero__inner{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:72px;padding-bottom:64px}.sp-hero__inner--narrow{max-width:908px;margin-inline:auto}.sp-kicker{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:6px 14px;border:1px solid var(--hp-gold-line);border-radius:var(--radius-1000);background:var(--hp-gold-soft);color:var(--hp-accent-deep);font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;animation:sp-rise .6s var(--hp-ease) both}.sp-hero__title{font-size:clamp(38px,5vw,62px);line-height:1.05;animation:sp-rise .7s .06s var(--hp-ease) both}.sp-hero__title span{color:var(--hp-accent)}.sp-hero__lead{max-width:760px;font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--hp-text);animation:sp-rise .7s .12s var(--hp-ease) both}.sp-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-8) var(--spacing-16);font-size:14px;color:var(--hp-subtle);animation:sp-rise .7s .16s var(--hp-ease) both}.sp-back{display:inline-flex;align-items:center;gap:var(--spacing-8);font-size:14px;font-weight:var(--font-weight-semibold)}.sp-body .sp-back{color:var(--hp-subtle)}.sp-body .sp-back:hover{color:var(--hp-accent)}.sp-main{padding:64px 0 104px}.sp-narrow{max-width:908px;margin-inline:auto}.sp-card{padding:clamp(28px,4vw,52px);border:1px solid var(--hp-line);border-radius:24px;background:#fff;box-shadow:0 30px 60px -48px #0e1a2b59}.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}.sp-tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px;border:1px solid var(--hp-line);border-radius:22px;background:#fff;transition:transform .25s var(--hp-ease),box-shadow .25s var(--hp-ease);animation:sp-rise .7s var(--hp-ease) both}.sp-tile:nth-child(2){animation-delay:.08s}.sp-tile:nth-child(3){animation-delay:.16s}.sp-tile:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px #0e1a2b73}.sp-tile--ink{border-color:var(--hp-ink);background:var(--hp-ink);color:#fff}.sp-tile__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--hp-gold-soft);color:var(--hp-accent-deep);font-size:22px}.sp-tile--ink .sp-tile__icon{background:#ffc83d29;color:var(--hp-gold)}.sp-tile h2{font-size:24px}.sp-tile p{font-size:15px;line-height:1.65;color:var(--hp-text)}.sp-tile--ink p{color:var(--hp-ink-soft)}.sp-body .sp-tile a:not(.hp-btn){color:var(--hp-accent);font-weight:var(--font-weight-semibold)}.sp-body .sp-tile--ink a:not(.hp-btn){color:var(--hp-gold)}.sp-tile__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:var(--spacing-8)}.sp-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-16);margin-bottom:24px;padding:20px 24px;border:1px solid var(--hp-gold-line);border-radius:18px;background:var(--hp-gold-soft);font-size:15px}.sp-prose{font-size:16px;line-height:1.75;color:var(--hp-text);overflow-wrap:anywhere}.sp-prose>:first-child{margin-top:0}.sp-prose :is(h1,h2,h3,h4){margin:1.8em 0 .6em;font-family:var(--hp-display);line-height:1.2;color:var(--hp-ink)}.sp-prose h1{font-size:30px}.sp-prose h2{font-size:26px}.sp-prose h3{font-size:21px}.sp-prose h4{font-size:18px}.sp-prose :is(p,ul,ol,blockquote,table,figure){margin:0 0 1.1em}.sp-prose :is(ul,ol){padding-left:1.4em}.sp-prose ul{list-style:disc}.sp-prose ol{list-style:decimal}.sp-prose li{margin:.35em 0}.sp-prose li::marker{color:var(--hp-accent)}.sp-body .sp-prose a{color:var(--hp-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sp-prose strong{color:var(--hp-ink)}.sp-prose blockquote{padding:14px 20px;border-left:3px solid var(--hp-gold);border-radius:0 12px 12px 0;background:var(--hp-gold-soft)}.sp-prose img{max-width:100%;height:auto;border-radius:14px}.sp-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.sp-prose :is(th,td){padding:10px 12px;border:1px solid var(--hp-line);text-align:left}.sp-prose hr{margin:2em 0;border:0;border-top:1px solid var(--hp-line)}.sp-timeline{position:relative;display:flex;flex-direction:column;gap:28px}.sp-update{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;animation:sp-rise .7s var(--hp-ease) both}.sp-update__meta{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:6px}.sp-update__date{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--hp-subtle)}.sp-update__card{display:flex;flex-direction:column;gap:16px}.sp-update__title{font-size:clamp(24px,2.6vw,32px);line-height:1.15}.sp-body .sp-update__title a:hover{color:var(--hp-accent)}.sp-update__summary{font-size:17px;line-height:1.6;color:var(--hp-text)}.sp-update__media{margin:0;overflow:hidden;border:1px solid var(--hp-line);border-radius:18px}.sp-update__media img{display:block;width:100%;height:auto}.sp-body .changelog-type{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-1000);background:var(--hp-sand);color:var(--hp-text);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.sp-body .changelog-type--new-feature{background:#fbe3de;color:var(--hp-accent-deep)}.sp-body .changelog-type--improvement{background:#e8ecf1;color:#1f5fbf}.sp-body .changelog-type--fix{background:#ddf0e8;color:var(--hp-check)}.sp-body .changelog-type--integration{background:#efe8fb;color:#6d28d9}.sp-body .changelog-type--announcement{background:var(--hp-gold-soft);color:#7a4b00}.sp-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;border:1px dashed var(--hp-line-2);border-radius:24px;background:var(--hp-paper);text-align:center;color:var(--hp-text)}.sp-empty>i{font-size:34px;color:var(--hp-accent)}.sp-empty h2{font-size:24px;color:var(--hp-ink)}.sp-pagination{display:flex;justify-content:center;margin-top:40px}@keyframes sp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:760px){.sp-hero__inner{padding-top:48px;padding-bottom:44px}.sp-main{padding:40px 0 72px}.sp-update{grid-template-columns:minmax(0,1fr);gap:12px}.sp-update__meta{position:static;flex-direction:row;align-items:center}}@media(prefers-reduced-motion:reduce){.sp-body *,.sp-body *:before,.sp-body *:after{animation:none!important;transition:none!important}}.sp-body .hp-btn--line{border-color:var(--hp-line-2);background:#fff;color:var(--hp-ink)}.sp-body .hp-btn--line:hover{border-color:var(--hp-ink);color:var(--hp-ink)}
