/* Plasmidry product page, site version 0.6. The one per-product file a product page may add (see DESIGN-v0.6.md).
   Everything shared lives in /assets/site.css; this file only tunes the Plasmidry page. */
[data-product="plasmidry"] .phero{background:var(--pl-band);padding-bottom:0}
[data-product="plasmidry"] .phero .keypts{margin-bottom:0;border-bottom:0}
[data-product="plasmidry"] .phero+.sect{padding-top:64px}
/* 2a: on phones the lens is the app's own phone screenshot, kept to phone size */
[data-product="plasmidry"] .zoom-lens.pl-phone{max-width:300px;margin-left:auto;margin-right:auto}
/* Sequence and primers quoted as live text, in the mono face */
[data-product="plasmidry"] .pl-seq{display:block;margin-top:2px;font:500 13.5px/1.6 var(--mono);color:var(--ink);white-space:pre;overflow-x:auto}
[data-product="plasmidry"] .pl-seq em{font-style:normal;color:var(--pl)}
[data-product="plasmidry"] .pl-primers .pl-seq{white-space:normal;overflow-wrap:anywhere;letter-spacing:.02em}
[data-product="plasmidry"] .pl-p{display:block;padding:9px 0;border-top:1px solid var(--hair);font-size:14.5px}
[data-product="plasmidry"] .pl-p:first-of-type{border-top:0;padding-top:0}
/* Five file types instead of four: slightly smaller tiles so they sit in one row on a desktop */
@media (min-width:520px){[data-product="plasmidry"] .files .file{width:88px;min-height:112px}}