.pl-page{background:#fff;padding:20px;min-height:55vh}
.pl-page :where(h1){font-size:24px;font-weight:400;margin:0 0 15px}
.pl-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#777;margin-bottom:20px}
.pl-breadcrumb a{color:var(--pl-blue)}
.pl-richtext{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.pl-richtext img{height:auto;max-width:100%}
.pl-richtext iframe{max-width:100%}
.pl-richtext a{color:var(--pl-blue)}
.pl-richtext table{border-collapse:collapse;max-width:100%}
.pl-richtext td,.pl-richtext th{padding:8px;border:1px solid #ddd}
.pl-category-description:empty{display:none}
.pl-category-description img{display:block;width:100%;height:auto}
.pl-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:1px solid var(--pl-blue);border-radius:4px;background:var(--pl-blue);color:#fff;font-size:16px;line-height:1.3;cursor:pointer}
.pl-button--secondary{background:#fff;color:var(--pl-blue)}
.pl-button:disabled{opacity:.5;cursor:not-allowed}
.pl-notice{padding:15px;background:#f1f7fd;border:1px solid #d6e5f6;font-size:14px;line-height:1.5;margin:15px 0}
.pl-notice--error{background:#fff1f1;border-color:#edbcbc;color:#a01919}
.pl-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}
.pl-field input,.pl-field select,.pl-field textarea{font:inherit;padding:10px;border:1px solid #bbb;border-radius:3px;max-width:100%;background:#fff;color:#222}
@media(max-width:767px){.pl-page{padding:15px 10px}.pl-page h1{font-size:21px}.pl-breadcrumb{font-size:12px}.pl-richtext{font-size:13px}}

.pl-richtext .pl-video-preview { display: block; position: relative; width: min(100%, 720px); aspect-ratio: 16 / 9; margin: 18px auto; padding: 0; overflow: hidden; background: #111; border: 0; border-radius: 6px; cursor: pointer; }
.pl-richtext .pl-video-preview img { width: 100%; height: 100%; object-fit: cover; }
.pl-video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 12px 25px; border-radius: 12px; background: #e62117; color: #fff; font: 30px/1 Arial, sans-serif; }
.pl-richtext .pl-video-player { display: block; width: min(100%, 720px); aspect-ratio: 16 / 9; height: auto; margin: 18px auto; border: 0; }
.pl-richtext .pl-image-row { display: flex; width: 100%; align-items: flex-start; }
.pl-image-row > span { min-width: 0; }
.pl-richtext .pl-image-row img { display: block; width: 100%; height: auto; }
