/* Extends about.css; only affects the manufacturing page. */
.sl-mf-intro { padding-bottom:32px; }
.sl-mf-intro>.wrap>p { max-width:900px; }
.sl-mf-nav { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:30px; border-top:1px solid var(--about-line); padding-top:24px; }
.sl-mf-nav a { font-size:14px; color:#256238; padding:6px 0; text-decoration:underline; text-underline-offset:5px; }
.sl-mf-related { display:flex; flex-wrap:wrap; gap:16px 28px; }
.sl-mf-location { font-size:13px; font-weight:600; color:#356345; }
.sl-mf-photo { display:block; position:relative; border-radius:8px; background:#edf1ee; }
.sl-mf-photo img { display:block; width:100%; height:auto; border-radius:8px; }
.sl-mf-photo::after { content:"+"; position:absolute; right:12px; bottom:12px; width:32px; height:32px; background:#fff; color:#173d32; border-radius:50%; text-align:center; line-height:30px; font-size:24px; box-shadow:0 1px 5px #0002; pointer-events:none; }
.sl-mf-dialog { width:min(1100px,94vw); max-height:92vh; max-height:92dvh; margin:auto; padding:20px; border:0; border-radius:10px; background:#fff; color:#263238; overflow:auto; }
.sl-mf-dialog::backdrop { background:rgba(0,0,0,.82); }
.sl-mf-dialog:not([open]) { display:none; }
.sl-mf-dialog img { display:block; width:auto; max-width:100%; height:auto; max-height:68vh; max-height:68dvh; object-fit:contain; margin:12px auto; }
.sl-mf-dialog-top { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.sl-mf-dialog h2 { font-size:20px; margin:0; }
.sl-mf-close { flex-shrink:0; padding:10px 16px; min-height:44px; color:#fff; background:#29683c; border-radius:5px; }
.sl-mf-dialog p { margin:12px 0 0; }
.sl-mf-dialog a { text-decoration:underline; }
.sl-mf-dialog :focus-visible { outline:3px solid #2e7d32; outline-offset:4px; }
.sl-mf-dialog [hidden] { display:none!important; }
@media(max-width:700px) { .sl-mf-nav { gap:6px 18px; } .sl-mf-dialog { padding:14px; } }