.faq-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:48px;align-items:start}.faq-layout .faq-list{width:100%;margin-top:32px}.faq-art{margin-top:32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.faq-art img{display:block;width:100%;max-width:340px;height:auto;object-fit:contain;border-radius:16px}.faq-page h1{position:relative;z-index:1}@media(max-width:800px){.faq-layout{display:block}.faq-art{display:none}.faq-layout .faq-list{margin-top:32px}}
.faq-example{width:min(100%,380px);margin:24px 0}.faq-example img{display:block;width:100%;height:auto;border-radius:10px}.faq-example figcaption{margin-top:10px;font-size:.9rem;line-height:1.5;color:inherit;opacity:.8}

.faq-list .faq-answer-heading{display:flex;align-items:center;gap:9px;margin:30px 0 0;font-size:1.05rem;line-height:1.4}.faq-list .faq-answer-heading + p{margin-top:12px}.faq-warning-icon{flex:0 0 20px;color:#ef6b6b}

#safe-handling{scroll-margin-top:24px}#safe-handling summary .faq-warning-icon{display:inline-block;vertical-align:-3px;margin-right:9px}

.faq-search{margin-bottom:24px}
.faq-search-box{display:flex;align-items:center;gap:12px;border:1px solid #617765;border-radius:10px;padding:0 16px;background:transparent;color:inherit}
.faq-search-box:focus-within{outline:2px solid #b5d761;outline-offset:3px}
.faq-search-box>svg{flex:none;opacity:.8}
.faq-search-box input{width:100%;min-width:0;padding:16px 0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;outline:none;box-shadow:none}
.faq-search-box input::placeholder{color:inherit;opacity:.65}
.faq-search-box input::-webkit-search-cancel-button{display:none}
.faq-search .faq-search-status{margin:10px 0 0;font-size:.85rem;opacity:.75}
.faq-search-status:empty{display:none}
.faq-search .faq-search-empty{margin:20px 0;line-height:1.6}
.faq-list [hidden]{display:none!important}

.faq-hub-link{margin-top:32px}.faq-hub-link .button{max-width:100%;text-align:center}

.faq-hazard-warnings{display:grid;gap:12px;margin:20px 0}
.faq-hazard-warning{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid #a85d55;border-radius:10px;background:rgba(168,65,55,.08);line-height:1.5}
.faq-hazard-warning img{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.faq-hazard-warning>div{min-width:0}
@media(max-width:480px){.faq-hazard-warning{gap:12px;padding:12px;font-size:.9rem}.faq-hazard-warning img{width:52px;height:52px;flex-basis:52px}}

/* FAQ without its side photo uses the full width. */
.faq-layout:not(:has(.faq-art)){display:block}