/* One continuous flow per composition: no positional A/B/C/D subgrids. */
.pdm.pdm-reference .pdm-canvas>.qsp-layout {
  --qsp-cols:var(--qsp-design-cols,2);
  --qsp-gap:var(--pdm-r-gap,12px);
  --qsp-pad:12px;
  --qsp-value-size:var(--pdm-size,16px);
  --qsp-label-size:13px;
  --qsp-ink:var(--pdm-text);
  --qsp-muted:var(--pdm-muted);
  --qsp-surface:var(--pdm-bg);
  --qsp-cell:var(--pdm-panel);
  --qsp-line:var(--pdm-border);
  --qsp-basis:calc((100% - (var(--qsp-cols) - 1) * var(--qsp-gap)) / var(--qsp-cols));
  --qsp-min:calc(var(--qsp-value-size) * 4.5 + var(--qsp-pad) * 2 + 2px);
  display:flex!important;
  flex-wrap:wrap;
  grid-template:none!important;
  gap:var(--qsp-gap)!important;
  align-items:stretch;
  padding:18px!important;
  width:100%;
  min-width:0;
  max-width:100%;
  height:auto!important;
  margin:0;
  background:var(--qsp-surface);
  border:1px solid var(--qsp-line);
  border-radius:var(--pdm-radius,12px);
  color:var(--qsp-ink);
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.pdm-field {
  display:block!important;
  flex:1 1 var(--qsp-basis)!important;
  min-width:min(100%,var(--qsp-min));
  max-width:100%;
  width:auto;
  min-height:0!important;
  height:auto!important;
  margin:0;
  padding:var(--qsp-pad)!important;
  border:1px solid var(--qsp-line);
  border-radius:8px;
  background:var(--qsp-cell);
  text-align:start;
  box-shadow:none;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.pdm-field>.profile-label {
  display:block;
  position:static;
  flex:0 0 auto;
  width:auto;
  margin:0 0 5px;
  padding:0;
  font-size:var(--qsp-label-size)!important;
  line-height:1.45;
  color:var(--qsp-muted)!important;
  white-space:normal;
  overflow-wrap:anywhere;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.pdm-field>.profile-value {
  display:block;
  flex:1 1 auto;
  min-width:0;
  width:auto;
  margin:0;
  padding:0;
  font-size:var(--qsp-value-size)!important;
  line-height:1.55!important;
  color:var(--qsp-ink)!important;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  overflow:visible;
  max-height:none;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>:is(.profile-nickname,.profile-price,.profile-contact-code,.profile-description,.profile-other,.pdm-mobile-wide,.qsp-media) {
  flex-basis:100%!important;
  min-width:0;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.profile-nickname {
  background:transparent;
  border:0;
  border-bottom:1px solid var(--qsp-line);
  border-radius:0;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.profile-nickname>.profile-value {
  font-size:calc(var(--qsp-value-size) + 6px)!important;
  font-weight:800;
}
.pdm.pdm-reference.pdm-labels-auto .pdm-canvas>.qsp-layout>.profile-nickname>.profile-label {display:none;}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.profile-price,
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.profile-contact-code {
  display:flex!important;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:5px 12px;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>:is(.profile-price,.profile-contact-code)>.profile-label {margin:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.profile-price>.profile-value {
  text-align:end;
  font-size:calc(var(--qsp-value-size) + 2px)!important;
  font-weight:750;
  font-variant-numeric:tabular-nums;
}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.profile-contact-code>.profile-value {text-align:end;}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>:is(.profile-description,.profile-other)>.profile-value {font-weight:400;line-height:1.8!important;}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.qsp-media {margin:0;border-radius:10px;overflow:hidden;}
.pdm.pdm-reference .pdm-canvas>.qsp-layout>.qsp-media img {display:block;width:100%;height:auto;max-height:360px;object-fit:cover;}

/* Retain distinct treatments without negative offsets or nested fact grids. */
.pdm.pdm-reference .pdm-canvas>.qsp-skin-tab {border-top:5px solid var(--pdm-accent);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-tab>.profile-nickname {border-left:3px solid var(--pdm-accent);border-bottom:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-overlap {border:0;box-shadow:0 3px 14px #0000000c;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-overlap>.pdm-field {border-top:3px solid var(--pdm-accent);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-photo {box-shadow:0 3px 12px #0000000a;border-radius:5px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-photo>.pdm-field {background:transparent;border:0;border-bottom:1px solid var(--qsp-line);border-radius:0;}
.pdm.pdm-reference .pdm-canvas>:is(.qsp-skin-list,.qsp-skin-bio,.qsp-skin-story-split)>.pdm-field {background:transparent;border:0;border-bottom:1px solid var(--qsp-line);border-radius:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-list {border-inline-start:3px solid var(--pdm-accent);border-radius:4px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-stack {border:0;background:var(--pdm-panel);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-stack>.pdm-field {background:var(--pdm-bg);box-shadow:0 2px 0 var(--qsp-line);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-landscape {border-block:3px double var(--qsp-line);border-radius:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-landscape>.pdm-field {background:transparent;border:0;border-bottom:1px solid var(--qsp-line);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-cover>.pdm-field {border-inline-start:3px solid var(--pdm-accent);border-radius:3px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-hub>.pdm-field {border:0;border-radius:12px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-bio {border-top:3px solid var(--pdm-accent);border-radius:3px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-round {border-radius:24px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-round>.pdm-field {border:0;border-bottom:1px solid var(--qsp-line);background:transparent;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-expert>.pdm-field {border-inline-start:4px solid var(--pdm-accent);border-radius:3px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-service {border-top:4px solid var(--pdm-accent);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-tags>.pdm-field {border-radius:18px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-story {border-block:3px double var(--qsp-line);border-radius:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-story>.profile-nickname>.profile-value {font-family:Georgia,"Noto Serif TC",serif;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-ribbon {border-radius:3px;border-block-start:5px solid var(--pdm-accent);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-ribbon>.pdm-field {border:0;border-bottom:2px solid var(--qsp-line);border-radius:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-floating {border-radius:20px;box-shadow:0 5px 15px #0000000c;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-deep {--qsp-surface:var(--pdm-text);--qsp-cell:var(--pdm-text);--qsp-ink:var(--pdm-bg);--qsp-muted:var(--pdm-border);--qsp-line:var(--pdm-muted);}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-multi {border:2px solid var(--qsp-line);border-radius:12px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-dossier {border-inline-start:5px solid var(--pdm-accent);border-radius:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-dossier>.pdm-field {border:0;border-bottom:1px dashed var(--qsp-line);border-radius:0;background:transparent;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-layer {background:var(--pdm-panel);border:0;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-layer>.pdm-field {background:var(--pdm-bg);border-radius:12px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-portrait-tags>.pdm-field {border-radius:20px;}
.pdm.pdm-reference .pdm-canvas>:is(.qsp-skin-round,.qsp-skin-portrait-tags)>.qsp-media {flex:0 0 104px!important;width:104px;height:104px;border-radius:50%;margin:0 auto;}
.pdm.pdm-reference .pdm-canvas>:is(.qsp-skin-round,.qsp-skin-portrait-tags)>.qsp-media img {height:104px;object-fit:cover;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-rounded {border-radius:20px;}
.pdm.pdm-reference .pdm-canvas>.qsp-skin-rounded>.pdm-field {border-radius:12px;border:0;}

@container (max-width:560px) {
  .pdm.pdm-reference .pdm-canvas>.qsp-layout {
    --qsp-value-size:clamp(16px,calc(10px + 3cqi),var(--pdm-mobile-value,16px));
    --qsp-label-size:clamp(13px,calc(10px + 1cqi),var(--pdm-mobile-label,13px));
    --qsp-pad:clamp(6px,2cqi,10px);
    --qsp-gap:var(--pdm-mobile-gap,6px);
    padding:10px!important;
  }
  .pdm.pdm-reference.pdm-body .pdm-canvas>.qsp-layout {--qsp-cols:var(--pdm-mobile-body-cols,2);--qsp-min:calc(var(--qsp-value-size) * 7 + var(--qsp-pad) * 2 + 2px);}
}
@container (max-width:330px) {
  .pdm.pdm-reference.pdm-title .pdm-canvas>.qsp-layout {--qsp-cols:2;padding:7px!important;}
}
@container (min-width:561px) {
  .pdm.pdm-reference.pdm-labels-inline .pdm-canvas>.qsp-layout>.pdm-field:not(.profile-nickname) {display:flex!important;align-items:baseline;gap:12px;}
  .pdm.pdm-reference.pdm-labels-inline .pdm-canvas>.qsp-layout>.pdm-field:not(.profile-nickname)>.profile-label {flex:0 0 30%;margin:0;}
}

/* All profile designs use equal two/three-column tracks. Empty values are
   omitted on the server, so the next real field fills the vacant grid slot. */
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid {
  --qsp-grid-padding:18px;
  --qsp-value-room:calc((100cqi - var(--qsp-grid-padding) * 2 - 2px - (var(--qsp-design-cols) - 1) * var(--qsp-gap)) / var(--qsp-design-cols) - var(--qsp-pad) * 2 - 2px);
  display:grid!important;
  grid-template-areas:none!important;
  grid-template-columns:repeat(var(--qsp-design-cols),minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch;
}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid.qsp-layout {padding:var(--qsp-grid-padding)!important;}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.pdm-field {
  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;
  flex:initial!important;
  width:auto;
  min-width:0;
  height:auto!important;
}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.pdm-field>.profile-label {margin:0 0 5px;}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.pdm-field>.profile-value {
  width:auto;
  min-width:0;
  font-size:var(--qsp-value-size)!important;
  text-align:start!important;
  white-space:normal;
  overflow-wrap:anywhere;
}
/* Price and method are ordinary equal cells; only the actual heading,
   contact code, prose and optional picture occupy a complete row. */
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>:is(.profile-nickname,.profile-contact-code,.profile-description,.profile-other,.qsp-media) {
  grid-column:1/-1!important;
}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.profile-nickname>.profile-value {font-size:calc(var(--qsp-value-size) + 6px)!important;}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.profile-contact-code {display:flex!important;gap:6px 12px;}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.profile-contact-code>.profile-label {margin:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid>.profile-contact-code>.profile-value {text-align:end!important;}
.pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid .pdm-atomic {display:inline-block;max-width:100%;font-size:min(1em,max(9px,calc(var(--qsp-value-room) / var(--qsp-token-em,3))))!important;}
.pdm.pdm-unified.pdm-custom-leading .pdm-canvas>.qsp-fixed-grid>.pdm-field>.profile-value {line-height:var(--pdm-leading)!important;}
.pdm.pdm-unified.pdm-border-none .pdm-canvas>.qsp-fixed-grid>.pdm-field {border:0;}
.pdm.pdm-unified.pdm-border-solid .pdm-canvas>.qsp-fixed-grid>.pdm-field {border:var(--pdm-border-width,1px) solid var(--qsp-line);}
.pdm.pdm-unified.pdm-border-dashed .pdm-canvas>.qsp-fixed-grid>.pdm-field {border:var(--pdm-border-width,1px) dashed var(--qsp-line);}
.pdm.pdm-unified.pdm-shadow-none .pdm-canvas>.qsp-fixed-grid {box-shadow:none;}
.pdm.pdm-unified.pdm-shadow-soft .pdm-canvas>.qsp-fixed-grid {box-shadow:0 8px 24px #00000012;}
.pdm.pdm-unified.pdm-shadow-offset .pdm-canvas>.qsp-fixed-grid {box-shadow:5px 5px 0 var(--qsp-line);}

/* Additional treatments for designs which previously used positional groups. */
.pdm.pdm-unified .pdm-canvas>:is(.qsp-skin-center,.qsp-skin-round)>.profile-nickname {text-align:center;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-stripe {border-block:4px solid var(--pdm-accent);border-radius:3px;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-glass {background:transparent;box-shadow:0 3px 14px #0000000a;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-minimal {border-inline:0;border-radius:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-soft {border:0;border-radius:18px;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-band>.profile-nickname {background:var(--pdm-panel);border-block-end:3px solid var(--pdm-accent);}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-square {border-width:2px;border-radius:0;}
.pdm.pdm-unified .pdm-canvas>:is(.qsp-skin-editorial,.qsp-skin-magazine)>.profile-nickname>.profile-value {font-family:Georgia,"Noto Serif TC",serif;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-mast>.profile-nickname {border-bottom:3px solid var(--pdm-accent);}
.pdm.pdm-unified .pdm-canvas>:is(.qsp-skin-split,.qsp-skin-side) {border-inline-start:4px solid var(--pdm-accent);border-radius:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-pill>.pdm-field {border-radius:22px;}
.pdm.pdm-unified .pdm-canvas>:is(.qsp-skin-line,.qsp-skin-white)>.pdm-field {background:transparent;border:0;border-bottom:1px solid var(--qsp-line);border-radius:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-bubble>.pdm-field {border-radius:15px 15px 15px 3px;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-right {border-inline-end:4px solid var(--pdm-accent);border-radius:3px;}
.pdm.pdm-unified .pdm-canvas>:is(.qsp-skin-inset,.qsp-skin-warm) {background:var(--pdm-panel);border:0;}
.pdm.pdm-unified .pdm-canvas>:is(.qsp-skin-inset,.qsp-skin-warm)>.pdm-field {background:var(--pdm-bg);}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-hero>.profile-nickname {border-block-start:4px solid var(--pdm-accent);border-block-end:1px solid var(--qsp-line);}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-triple {border-block-start:5px solid var(--pdm-accent);}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-metrics>.pdm-field>.profile-value {font-variant-numeric:tabular-nums;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-margin {border:0;border-inline-start:1px solid var(--qsp-line);border-radius:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-comp {border:2px solid var(--qsp-ink);border-radius:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-mosaic>.pdm-field:nth-child(even) {background:var(--pdm-bg);}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-magazine {border-block:3px double var(--qsp-line);border-radius:0;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-modular>.pdm-field {border-width:2px;border-radius:2px;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-sheet {border-block-end:5px solid var(--qsp-line);border-radius:10px;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-soft-grid>.pdm-field {border:0;border-radius:14px;}
.pdm.pdm-unified .pdm-canvas>.qsp-skin-detail>.pdm-field {border-inline-start:3px solid var(--pdm-accent);border-radius:4px;}

@container (max-width:560px) {
  .pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid {--qsp-grid-padding:8px;}
}
@container (max-width:239px) {
  .pdm.pdm-unified .pdm-canvas>.qsp-fixed-grid {--qsp-pad:3px;--qsp-grid-padding:6px;}
}
