.pl360-widget, .pl360-widget * { box-sizing: border-box; }
.pl360-widget { font-family: inherit; }
.pl360-surface {
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 16px 50px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(255,255,255,0.18);
  background: #ffffff;
}
.pl360-surface.pl360-transparent { background: transparent; box-shadow: none; }
.pl360-pill {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.pl360-title { margin: 0 0 12px; line-height: 1.15; }
.pl360-subtitle, .pl360-text, .pl360-meta, .pl360-item-text { line-height: 1.7; }
.pl360-grid { display: grid; gap: 22px; }
.pl360-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pl360-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pl360-btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  transition: transform .2s ease, opacity .2s ease;
}
.pl360-btn:hover { transform: translateY(-2px); opacity: .95; }
.pl360-icon-wrap { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:16px; margin-bottom:16px; }
.pl360-divider-line { width: 100%; height: 1px; }
.pl360-accordion-item + .pl360-accordion-item { margin-top: 14px; }
.pl360-accordion-question { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.pl360-accordion-answer { margin-top:14px; }
.pl360-timeline { position:relative; }
.pl360-timeline:before { content:''; position:absolute; top:0; bottom:0; left:18px; width:2px; background: rgba(148,163,184,.35); }
.pl360-timeline-item { position:relative; padding-left:54px; margin-bottom:26px; }
.pl360-timeline-dot { position:absolute; left:9px; top:4px; width:20px; height:20px; border-radius:999px; border:4px solid #fff; box-shadow:0 0 0 2px rgba(59,130,246,.3); background:#2563eb; }
.pl360-table-wrap { overflow-x:auto; }
.pl360-table { width:100%; border-collapse:separate; border-spacing:0; min-width:620px; }
.pl360-table th, .pl360-table td { padding:16px 18px; border-bottom:1px solid rgba(148,163,184,.2); text-align:left; }
.pl360-table th { font-weight:700; }
.pl360-hero { padding: 46px; border-radius: 28px; position:relative; overflow:hidden; }
.pl360-hero .pl360-badge { margin-bottom: 14px; }
.pl360-check-list { margin: 18px 0 0; padding:0; list-style:none; }
.pl360-check-list li { display:flex; gap:10px; align-items:flex-start; margin-bottom:10px; }
.pl360-check-list li:before { content:'✓'; font-weight:700; }
@media (max-width: 1024px) {
  .pl360-grid.cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .pl360-surface, .pl360-hero { padding: 20px; border-radius: 18px; }
  .pl360-grid.cols-2, .pl360-grid.cols-3 { grid-template-columns: 1fr; }
  .pl360-title { word-break: break-word; }
}