.zeylan-shop-guide { margin: 0 0 24px; }
#zeylan-guide-dialog {
    box-sizing: border-box; position: fixed; inset: 0; margin: auto;
    width: min(760px, calc(100% - 32px)); max-height: 85vh; max-height: 85dvh;
    padding: 28px; overflow-y: auto; border: 1px solid #ddd; border-radius: 12px;
    background: #fff; color: #252525; box-shadow: 0 20px 70px #0004; text-align: left;
}
#zeylan-guide-dialog:not([open]) { display: none; }
#zeylan-guide-dialog::backdrop { background: rgb(0 0 0 / 55%); }
.zeylan-guide-header { display: flex; align-items: flex-start; gap: 20px; justify-content: space-between; margin-bottom: 20px; }
#zeylan-guide-title { font-size: 28px; line-height: 1.2; margin: 0; }
#zeylan-guide-close { flex-shrink: 0; padding: 8px 12px; border: 1px solid #ccc; border-radius: 5px; background: #fff; color: #252525; cursor: pointer; font: inherit; }
#zeylan-guide-dialog .page-description h2,
#zeylan-guide-dialog .term-description h2 { font-size: 22px; line-height: 1.3; margin: 24px 0 12px; }
#zeylan-guide-dialog li { margin-bottom: 10px; line-height: 1.6; }
#zeylan-guide-dialog p { margin: 0 0 16px; line-height: 1.7; }
#zeylan-guide-dialog a { text-decoration: underline; text-underline-offset: 3px; }
#zeylan-guide-dialog :focus-visible, #zeylan-guide-open:focus-visible { outline: 3px solid #79512c; outline-offset: 4px; }
html.zeylan-guide-is-open { overflow: hidden; }
@media (max-width: 480px) {
    #zeylan-guide-dialog { padding: 20px; }
    #zeylan-guide-title { font-size: 24px; }
    .zeylan-guide-header { gap: 12px; }
}