.shs{background:var(--mist);color:var(--ink);isolation:isolate;position:relative;overflow:hidden}.shs__inner{max-width:var(--max);padding:clamp(96px, 10vw, 160px) var(--margin);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(40px,6vw,96px);margin:0 auto;display:grid}.shs__text{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.shs__text .h2{max-width:16ch}.shs__lede{max-width:48ch;font-size:var(--fs-lead);color:var(--soft);line-height:1.55}.shs__points{border-top:1px solid var(--line);width:100%}.shs__points li{border-bottom:1px solid var(--line);gap:20px;padding:18px 0;display:flex}.shs__n{width:28px;color:var(--red);flex:none;padding-top:3px;font-size:13px;font-weight:500}.shs__points strong{color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:500;display:block}.shs__points li>span:last-child{color:var(--soft)}.shs__actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:8px;display:flex}.shs__share{background:var(--red);min-height:52px;color:var(--paper);padding:0 22px;font-size:15px}.shs__share:hover{background:var(--ink);color:var(--paper)}.shs__open{min-height:44px;color:var(--ink);border-bottom:1px solid #10101059;align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.shs__open:hover{color:var(--red);border-bottom-color:var(--red)}.shs__visual{aspect-ratio:1;background:#ece5dd;justify-self:end;width:100%;max-width:560px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #10101059}.shs__phone{position:absolute;inset:0}.shs__screen{background:0 0;flex-direction:column;height:100%;display:flex}.shs__bar{color:var(--ink);background:#f7f7f7;align-items:center;gap:10px;padding:14px;display:flex;box-shadow:0 1px #00000014}.shs__back{color:var(--soft);font-size:24px;line-height:1}.shs__dot{background:var(--gray);border-radius:50%;width:30px;height:30px}.shs__who{font-size:15px;font-weight:500}.shs__thread{flex-direction:column;flex:1;justify-content:center;padding:8%;display:flex}.shs__bubble{width:92%;color:var(--ink);background:#dcf8c6;border-radius:8px 0 8px 8px;align-self:flex-end;padding:4px 4px 22px;position:relative;box-shadow:0 1px 1px #0000001f}.shs__card{background:#f3f6f0;border-radius:6px;display:block;overflow:hidden}.shs__img{aspect-ratio:1200/630;display:block;position:relative;overflow:hidden}.shs__img img{object-fit:cover;width:100%;height:100%}.shs__meta{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.shs__title{font-size:13px;font-weight:500;line-height:1.3}.shs__domain{color:var(--soft);font-size:11px}.shs__url{color:#1f6fd1;word-break:break-all;padding:8px 8px 0;font-size:12px;line-height:1.35;display:block}.shs__time{color:#34b7f1;letter-spacing:-.15em;font-size:10px;position:absolute;bottom:5px;right:8px}@media (max-width:899px){.shs__inner{grid-template-columns:1fr}.shs__visual{aspect-ratio:4/5;justify-self:stretch;max-width:none}.shs__thread{padding:6% 5%}.shs__bubble{width:96%}}
