/* Recipe sharing is a preview first, with device-native actions and plain fallbacks. */
.pk-social-is-open{overflow:hidden}
.pk.pk-social{position:fixed;inset:0;width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);height:auto;margin:auto;border:1px solid #e5e0d5;border-radius:24px;padding:28px;background:#fffdf8;box-shadow:0 24px 100px #24355e25;overflow:auto;overscroll-behavior:contain;color:#24355e}
.pk-social::backdrop{background:#24355e50}
.pk-social-head{display:flex;gap:20px;justify-content:space-between;align-items:start}
.pk-social-head .pk-eyebrow{margin-bottom:6px;font-size:10px}
.pk .pk-social-head h2{font-size:27px;line-height:1.2;text-wrap:initial}
.pk-social-close{width:44px;min-width:44px;height:44px;border:1px solid #e5e0d5;border-radius:50%;display:grid;place-items:center;background:#fff;color:#24355e;cursor:pointer}
.pk-social #social-intro{font-size:14px;margin:9px 60px 22px 0;line-height:1.5}
.pk-social-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.pk-social-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:14px;background:#f1eee6;gap:3px;margin-bottom:14px}
.pk-social-formats button{border:0;border-radius:11px;min-height:44px;padding:7px;font-size:13px;line-height:1.3;font-weight:800;background:none;color:#586071;cursor:pointer}
.pk-social-formats button[aria-pressed=true]{background:#fff;color:#24355e;box-shadow:0 2px 6px #24355e0c}
.pk-social-formats small{font-size:10px;font-weight:600;margin-left:4px}
.pk-social-preview{min-height:150px;background:#eeeae2;border-radius:12px;display:flex;justify-content:center;align-items:center;padding:16px;overflow:hidden}
.pk-social-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:470px;box-shadow:0 6px 18px #24355e18;-webkit-touch-callout:default}
.pk-social-preview[data-format=post] img{max-height:470px}
.pk .pk-social-spec{text-align:center;font-size:11px;color:#687263;margin-top:8px}
.pk .pk-social-tools h3{font-size:18px;letter-spacing:0;margin:6px 0 12px}
.pk-social-tools>.pk-button{width:100%}
.pk-social-links{display:flex;flex-wrap:wrap;gap:0 20px;align-items:center}
.pk-social-links .pk-text-button{display:inline-flex;align-items:center;gap:6px;font-size:13px;min-height:44px}
.pk .pk-social-message{font-size:12px;line-height:1.5;color:#63705b;min-height:36px;margin:4px 0 24px}
.pk .pk-social-tools>p:not(.pk-social-message):not(.pk-social-note){font-size:14px;line-height:1.6}
.pk-social-copy{display:grid;gap:8px;margin-top:14px}
.pk-social-copy .pk-button{font-size:14px;min-height:44px;padding:10px 14px;border-radius:12px}
.pk-social-help{margin-top:22px;border-top:1px solid #e4dfd4;padding-top:9px}
.pk-social-help summary{font-size:13px;font-weight:800;cursor:pointer;min-height:44px;padding:10px 0}
.pk .pk-social-help p{font-size:13px;line-height:1.6;margin:10px 0}
.pk .pk-social-note{font-size:11px;color:#74786e;margin-top:16px;line-height:1.5}
.pk-social textarea{width:100%;height:130px;margin-top:12px;border:1px solid #e5e0d5;border-radius:8px;padding:10px;font:14px/1.5 Nunito,sans-serif;background:#fff}
.pk-actions [data-story]{display:inline-flex;gap:7px;align-items:center}
@media(max-width:650px){
 .pk.pk-social{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:19px 17px 24px;border-radius:20px}
 .pk .pk-social-head h2{font-size:23px}.pk-social-head{gap:12px}.pk-social #social-intro{margin:10px 0 18px;font-size:13px}
 .pk-social-layout{grid-template-columns:1fr;gap:18px}.pk-social-preview{padding:12px;min-height:0}.pk-social-preview img{max-height:330px}.pk-social-preview[data-format=post] img{max-height:330px}.pk-social-preview[data-format=photo] img{max-height:240px}
 .pk-social-tools>h3:first-child{margin-top:0}.pk-social-formats{margin-bottom:10px}.pk-social-tools .pk-button{min-height:46px}
}
@media print{.pk-social{display:none!important}}
/* Keep the fallback just as discoverable when file sharing is unavailable. */
.pk-social-tools:has([data-social-share][hidden]) [data-social-download]{width:100%;justify-content:center;min-height:46px;margin-bottom:4px;padding:11px 16px;background:#c95329;color:#fff;border-radius:14px;text-decoration:none;font-size:14px}
.pk-social-head{position:sticky;top:-28px;z-index:2;background:#fffdf8;padding:8px 0 10px;margin-top:-8px}
@media(max-width:650px){.pk-social-head{top:-19px;padding-top:8px}}