.patavio-recommendation-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f0f8f6 100%)}
.patavio-recommendation-hero::after{position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(17,185,173,.12),rgba(17,185,173,0) 68%);content:"";pointer-events:none}
.patavio-recommendation-card{margin-top:22px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.patavio-recommendation-intro h2{margin:0;color:var(--primary);font-size:clamp(1.3rem,2.8vw,1.7rem)}
.patavio-recommendation-intro p{margin:10px 0 0;color:var(--muted)}
.patavio-recommendation-group{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.patavio-recommendation-group h3{margin:0;color:var(--text);font-size:1.1rem}
.patavio-recommendation-group>p{margin:8px 0 0;color:var(--muted)}
.patavio-recommendation-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.patavio-recommendation-option{gap:9px}
.patavio-recommendation-option img{display:block;width:21px;height:21px;flex:0 0 21px;object-fit:contain}
.patavio-recommendation-option img[src$="instagram-glyph.svg"]{border-radius:5px}
.patavio-recommendation-option img[src$="facebook-glyph.svg"]{border-radius:50%}
.patavio-recommendation-status{min-height:1.5em;margin:22px 0 0;color:var(--primary);font-weight:800}
.patavio-recommendation-status:empty{display:none}
.patavio-recommendation-note{margin:24px 0 0;padding:15px 17px;border-radius:14px;background:var(--soft);color:var(--text)}
.patavio-social-dialog{width:min(1050px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:22px;background:#fff;color:var(--text);box-shadow:0 24px 80px rgba(16,36,58,.3);overflow:auto}
.patavio-social-dialog::backdrop{background:rgba(16,36,58,.68);backdrop-filter:blur(3px)}
.patavio-social-dialog__panel{position:relative;padding:30px}
.patavio-social-dialog__panel>.eyebrow{margin:0 50px 8px 0}
.patavio-social-dialog__panel>h2{margin:0 50px 0 0;color:var(--primary);font-size:clamp(1.35rem,3vw,1.8rem)}
.patavio-social-dialog__panel>h2+p{max-width:760px;margin:12px 50px 24px 0;color:var(--muted)}
.patavio-social-dialog__close{position:absolute;top:18px;right:18px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);font:400 2rem/1 Arial,sans-serif;cursor:pointer}
.patavio-social-dialog__close:hover,.patavio-social-dialog__close:focus-visible{border-color:var(--primary);color:var(--primary)}
.patavio-story-layout{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:34px;align-items:center}
.patavio-story-preview{overflow:hidden;border:1px solid rgba(10,86,77,.2);border-radius:20px;background:#f6faf9;box-shadow:0 16px 42px rgba(16,36,58,.16)}
.patavio-story-preview canvas{display:block;width:100%;height:auto;aspect-ratio:9/16}
.patavio-story-controls h3{margin:0;color:var(--text);font-size:clamp(1.15rem,2.5vw,1.4rem)}
.patavio-story-controls>.button{display:flex;width:100%;justify-content:center;margin-top:10px;text-align:center}
.patavio-story-controls>.button.is-disabled{pointer-events:none;opacity:.5}
.patavio-social-status{min-height:1.5em;margin:18px 0 0;color:var(--primary);font-weight:800}
.patavio-social-note{margin:18px 0 0;color:var(--primary);font-weight:800}
.patavio-facebook-dialog{width:min(920px,calc(100% - 32px))}
.patavio-facebook-layout{display:grid;gap:22px}
.patavio-facebook-preview{overflow:hidden;border:1px solid rgba(10,86,77,.2);border-radius:18px;background:#f6faf9;box-shadow:0 16px 42px rgba(16,36,58,.13)}
.patavio-facebook-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630}
.patavio-facebook-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.patavio-facebook-controls>.button{display:flex;width:100%;justify-content:center;text-align:center}
.patavio-facebook-controls>.patavio-social-status{grid-column:1/-1;margin-top:4px}
.glossary-entry-actions .patavio-glossary-recommendation{flex:1 0 100%;width:100%;margin-top:22px;padding-top:30px;border-top:1px solid var(--line)}
.patavio-glossary-recommendation h3{margin:0;color:var(--primary);font-size:clamp(1.3rem,2.8vw,1.65rem)}
.patavio-glossary-recommendation>p:not(.patavio-recommendation-status):not(.patavio-glossary-recommendation__note){margin:10px 0 0;color:var(--text)}
.patavio-glossary-recommendation .patavio-recommendation-options{gap:12px;margin-top:20px}
.patavio-glossary-recommendation .patavio-recommendation-status{margin-top:20px}
.patavio-glossary-recommendation__note{margin:28px 0 0;padding:16px 18px;border-radius:14px;background:var(--soft);color:var(--muted)}
@media(max-width:760px){.patavio-social-dialog{width:min(100% - 20px,560px);max-height:calc(100dvh - 20px);border-radius:18px}.patavio-social-dialog__panel{padding:22px}.patavio-social-dialog__panel>h2+p{margin-right:0}.patavio-story-layout{grid-template-columns:1fr;gap:24px}.patavio-story-preview{width:min(100%,260px);margin-inline:auto}.patavio-story-controls{width:100%}}
@media(max-width:720px){.patavio-recommendation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.patavio-recommendation-option{width:100%;min-width:0;padding-inline:10px}.patavio-recommendation-options .patavio-recommendation-option:last-child:nth-child(odd){grid-column:1/-1}.patavio-facebook-controls{grid-template-columns:1fr}.patavio-facebook-controls>.patavio-social-status{grid-column:auto}}
@media(max-width:420px){.patavio-social-dialog__panel{padding:18px}.patavio-social-dialog__close{top:12px;right:12px}.patavio-story-preview{width:min(100%,225px)}}
@media print{.patavio-recommendation-card,.patavio-glossary-recommendation,.patavio-social-dialog{display:none!important}}