.pf-embed-offer{font:inherit;font-size:.85rem;line-height:1.45;color:inherit;margin-top:10px}
.pf-embed-offer summary{cursor:pointer;font-weight:600}
.pf-embed-offer textarea{width:100%;box-sizing:border-box;margin-top:8px;font:inherit;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;
  padding:8px;border:1px solid #80808059;border-radius:7px;background:#8080800f;color:inherit;resize:vertical}
.pf-embed-actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 0}
.pf-embed-offer button{font:inherit;font-size:.85rem;color:inherit;background:#8080801f;
  border:1px solid #80808059;border-radius:7px;padding:3px 9px;cursor:pointer}
.pf-embed-offer button:hover{background:#8080802e}
.pf-embed-note{margin:8px 0 0;opacity:.82}
.pf-embed-offer :focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media print{.pf-embed-offer{display:none !important}}

/* The bar shown instead of the site nav when this exact page is the one
 * loaded inside someone else's iframe. Fixed to the bottom so it never covers
 * the calculator's own inputs, which start at the top of the page on every
 * venture here. */
.pf-embed .pf-chrome-top,.pf-embed .pf-chrome-foot{display:none}
.pf-embed-bar{position:sticky;bottom:0;left:0;right:0;z-index:1;
  font:inherit;font-size:.8rem;line-height:1.4;color:inherit;
  background:#fffffff2;border-top:1px solid #80808040;
  padding:6px 12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
@media (prefers-color-scheme:dark){.pf-embed-bar{background:#000000d9}}
.pf-embed-bar a{color:inherit}