/* Components for the inner pages */
.pg-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(22,21,26,0.08)}
.pg-hero-in{position:relative;padding-top:clamp(56px,8vw,112px);padding-bottom:clamp(56px,8vw,104px);display:flex;flex-direction:column;gap:clamp(18px,2.2vw,26px);align-items:flex-start}
.pg-hero-in .rh-h1{max-width:900px}
.pg-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pg-head{display:flex;flex-direction:column;gap:16px;max-width:760px}
.pg-stack{display:flex;flex-direction:column;gap:clamp(32px,4vw,44px)}
.pg-num{margin:0;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1px}
.pg-card-t{margin:0;font-size:clamp(18px,1.7vw,21px);font-weight:600;line-height:1.3}
.pg-card-p{margin:0;font-size:16px;line-height:1.6;color:#55525C}
.pg-dark{position:relative;overflow:hidden;background:#16151A;color:#F7F6F2}
.pg-dark .pg-card-p,.pg-dark .rh-lead{color:#B9B5C2}
.pg-dcard{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:12px}
.pg-white{background:#FFFFFF;border-top:1px solid rgba(22,21,26,0.08);border-bottom:1px solid rgba(22,21,26,0.08)}

/* Day timeline */
.pg-day{display:flex;flex-direction:column;gap:0;border-left:2px solid rgba(22,21,26,0.1);margin-left:8px}
.pg-day-row{position:relative;padding:0 0 28px 28px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:start}
.pg-day-row:last-child{padding-bottom:0}
.pg-day-row::before{content:"";position:absolute;left:-8px;top:4px;width:14px;height:14px;border-radius:50%;background:#F7F6F2;border:2px solid #1F6B4E}
.pg-day-row.pg-alert::before{border-color:#B3261E;background:#FBE9E7}
.pg-time{font-family:'JetBrains Mono',monospace;font-size:13px;color:#55525C;padding-top:2px}
.pg-say{margin:6px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(18px,1.8vw,21px);line-height:1.4}

/* Voice bubble */
.pg-voice{background:#16151A;color:#F7F6F2;border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:14px}
.pg-bars{display:flex;align-items:flex-end;gap:3px;height:18px;flex:none}
.pg-bars span{width:3px;height:18px;background:#D9E85A;border-radius:2px;transform-origin:bottom;animation:pgbar .9s ease-in-out infinite}
.pg-bars span:nth-child(2){animation-delay:.12s}.pg-bars span:nth-child(3){animation-delay:.3s}.pg-bars span:nth-child(4){animation-delay:.05s}.pg-bars span:nth-child(5){animation-delay:.22s}
@keyframes pgbar{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}

/* Will / won't lists */
.pg-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pg-list li{display:flex;gap:12px;font-size:16px;line-height:1.5}
.pg-list li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:#E3F0E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6B4E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.pg-list.pg-no li::before{background:#F4ECDD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5420' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/11px no-repeat}

.pg-stat{border:1px solid rgba(22,21,26,0.08);border-radius:22px;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:6px;background:#FFFFFF}
.pg-stat b{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(40px,4.6vw,56px);line-height:1;letter-spacing:-2px}
.pg-stat span{font-size:15px;color:#55525C}
.pg-note{margin:0;font-size:14px;color:#55525C;line-height:1.55}
.pg-lang{display:flex;flex-wrap:wrap;gap:8px}
.pg-lang span{padding:8px 14px;border-radius:999px;background:#FFFFFF;border:1px solid rgba(22,21,26,0.1);font-size:15px}

@media (prefers-reduced-motion: reduce){.pg-bars span{animation:none}}
@media (max-width: 640px){
  .pg-day-row{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:22px}
  .pg-card-p{font-size:15px}
  .pg-btns{width:100%}
  .pg-btns > *{flex:1 1 auto;justify-content:center}
  .pg-hero-in{padding-top:36px;padding-bottom:44px}
}