/* Product reading panels: paper, fine rules and generous line spacing. */
#product-dialog{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#888 #eee;scroll-behavior:auto}
#product-dialog .dialog-inner{padding:0}
.dialog-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:10px 12px 8px;background:linear-gradient(#f3f3f3 70%,#f3f3f300);pointer-events:none}
#product-dialog .dialog-close{position:static;width:44px;height:44px;pointer-events:auto;background:#f3f3f3}
.dialog-content{padding:0 40px 36px}
.dialog-content>.app-icon{width:50px;height:50px;margin:22px 0 18px}
.dialog-content>p{margin-top:12px;font-size:14px;line-height:1.9;color:var(--muted)}
#dialog-title:focus{outline:none}
#product-dialog.product-details{width:min(900px,calc(100% - 48px))}
.product-details .dialog-content{padding:0 52px 38px}
.product-details #dialog-eyebrow{font-family:var(--font);font-size:12px;letter-spacing:2px}
.product-details #dialog-title{font-size:clamp(27px,3.2vw,38px);line-height:1.45;letter-spacing:0;overflow-wrap:anywhere}
.product-details #dialog-description{max-width:650px;font-size:15px;line-height:1.95}
.product-details #dialog-information{margin:28px 0;padding:0;border:0;background:none;font-size:14px;line-height:1.9;color:var(--muted)}
.detail-facts{display:grid;grid-template-columns:.8fr 1fr 1.15fr;gap:18px;padding:20px 0;margin:0;border-block:1px solid var(--line)}
.detail-facts dt{font-size:12px;color:var(--faint);margin-bottom:5px}
.detail-facts dd{margin:0;color:var(--text);font-size:14px;font-family:'Segoe UI','Microsoft YaHei',sans-serif;overflow-wrap:anywhere}
.detail-section{padding-top:30px}
.detail-section h3{display:flex;align-items:center;gap:14px;font-size:25px;color:var(--text);line-height:1.5;margin:0 0 20px}
.detail-section-number{font-family:'Orbit Digits',serif;font-size:19px;color:#777;min-width:25px}
.detail-features{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:22px;list-style:none;margin:0;padding:0}
.detail-features li{border-top:1px solid #33333315;padding-top:16px;min-width:0}
.detail-section h4{font-family:var(--display);font-synthesis:none;font-weight:400;color:#333;font-size:21px;line-height:1.5;margin:0 0 7px}
.detail-section p{margin:0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.detail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;counter-reset:step;padding:20px 0 0;margin:0;border-top:1px solid var(--line)}
.detail-steps li{counter-increment:step;min-width:0}
.detail-steps li:before{content:'0' counter(step);display:block;font-family:'Orbit Digits',serif;font-size:24px;color:#777;line-height:1.3;margin-bottom:8px}
.detail-notes{list-style:none;padding:18px 22px;margin:0;border-left:2px solid #888;background:#29292904}
.detail-notes li{position:relative;padding-left:16px;font-size:13px;line-height:1.95}
.detail-notes li+li{margin-top:10px}
.detail-notes li:before{content:'';position:absolute;left:1px;top:11px;width:4px;height:4px;background:#888;transform:rotate(45deg)}
.detail-source-note{font-size:12px;color:var(--faint);line-height:1.9;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}
.product-details .dialog-done{display:flex;width:180px;min-height:44px;margin:0 auto}
@media(max-width:600px){
  #product-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  #product-dialog.product-details{width:calc(100% - 24px)}
  .dialog-content,.product-details .dialog-content{padding:0 24px 28px}
  .dialog-toolbar{padding:6px 6px 4px}
  .dialog-content>.app-icon{margin-top:16px}
  .product-details #dialog-description{font-size:14px}
  .detail-facts{grid-template-columns:1fr;gap:12px;padding:18px 0}
  .detail-facts>div{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:baseline}
  .detail-facts dt{margin:0}
  .detail-facts dd{font-size:13px}
  .detail-features{grid-template-columns:1fr;gap:18px}
  .detail-section{padding-top:26px}
  .detail-section h3{font-size:24px;margin-bottom:15px}
  .detail-steps{grid-template-columns:1fr;gap:20px}
  .detail-steps li{position:relative;padding-left:36px}
  .detail-steps li:before{position:absolute;left:0;top:3px;font-size:21px}
  .detail-notes{padding:16px 14px}
}