/* Store typography, editorial imagery and accessible native dialog. */
.swf-guide{max-width:1220px;margin:0 auto;padding:28px 32px 48px;color:#202020;font-family:var(--font-body,ui-sans-serif,system-ui,sans-serif)}
.swf-guide *{box-sizing:border-box}
.swf-guide-hero{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e8e8eb;border-radius:10px;overflow:hidden}
.swf-guide-art{position:relative;min-width:0;background:#292725;aspect-ratio:4/5;overflow:hidden}
.swf-guide-art picture{display:block;width:100%;height:100%}
.swf-guide-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.swf-guide-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:48px clamp(28px,4vw,56px)}
.swf-guide-eyebrow{margin:0 0 22px;font:400 11px/1.5 var(--font-heading,Poppins,sans-serif);letter-spacing:.28em;color:#666}
.swf-guide-copy h1{max-width:360px;margin:0 0 16px;font:500 clamp(30px,3.2vw,42px)/1.18 var(--font-heading,Poppins,ui-sans-serif,sans-serif);letter-spacing:-.035em;color:#202020}
.swf-guide-intro{font-size:13px;line-height:1.65;color:#777;margin:0 0 32px}
.swf-guide-form{margin:0;width:100%}
.swf-guide-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.swf-guide-field{display:flex;align-items:center;gap:10px;min-height:54px;padding:5px 5px 5px 15px;border:1px solid #dedee2;border-radius:10px;background:#fff;transition:border-color 160ms,box-shadow 160ms}
.swf-guide-field:focus-within{border-color:#555;box-shadow:0 0 0 2px #2020200b}
.swf-guide svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.swf-guide-field>svg{color:#888}
.swf-guide-field input{appearance:none;width:100%;min-width:0;height:42px;padding:0;border:0!important;outline:0;background:transparent;box-shadow:none!important;border-radius:0;font:14px/1.5 var(--font-body,ui-sans-serif,sans-serif);color:#202020}
.swf-guide-field input::placeholder{font:inherit;color:#999;opacity:1}
.swf-guide-field input::-webkit-search-cancel-button{appearance:none}
.swf-guide-field button{appearance:none;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:7px;background:#202020;color:#fff;cursor:pointer;transition:background-color 160ms}
.swf-guide-field button:hover{background:#444}
.swf-guide button:focus-visible{outline:2px solid #555;outline-offset:3px}
.swf-guide-field button:active{background:#090909}
.swf-guide button:disabled{opacity:.5;cursor:default}
.swf-guide-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.swf-guide-examples button{appearance:none;padding:8px 12px;border:1px solid #e6e6e9;border-radius:18px;background:#fff;font:400 11px/1.35 var(--font-body,ui-sans-serif,sans-serif);color:#555;cursor:pointer;transition:color 160ms,border-color 160ms,background-color 160ms}
.swf-guide-examples button:hover{color:#202020;border-color:#aaa;background:#fafafa}
.swf-guide-examples button:active{background:#eee}
.swf-welcome-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;margin:auto;border:1px solid #e8e8eb;border-radius:10px;background:#fff;color:#202020;box-shadow:0 12px 48px #00000024;overflow:auto;overscroll-behavior:contain}
.swf-welcome-dialog:not([open]){display:none}
.swf-welcome-dialog[open]{display:block;animation:swf-guide-enter 180ms ease-out}
.swf-welcome-dialog::backdrop{background:#16161670}
.swf-welcome-dialog .swf-guide{padding:0}
.swf-welcome-dialog .swf-guide-hero{border:0;border-radius:0}
.swf-welcome-dialog .swf-guide-copy{padding:40px}
.swf-welcome-dialog .swf-guide-copy h1{font-size:36px;max-width:330px}
.swf-welcome-dialog.is-media-unavailable{max-width:500px}
.swf-welcome-dialog.is-media-unavailable .swf-guide-art{display:none}
.swf-welcome-dialog.is-media-unavailable .swf-guide-hero{grid-template-columns:1fr}
.swf-welcome-close{appearance:none;position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:9px;border:0;border-radius:50%;background:#ffffffed;color:#555;cursor:pointer;transition:background-color 160ms,color 160ms}
.swf-welcome-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.swf-welcome-close:hover{background:#eee;color:#111}
.swf-welcome-close:focus-visible{outline:2px solid #555;outline-offset:2px}
@keyframes swf-guide-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.swf-guide-copy{padding:32px}.swf-guide-copy h1{font-size:34px}.swf-welcome-dialog .swf-guide-copy{padding:34px}}
@media(max-width:700px){.swf-guide{padding:16px}.swf-guide-hero{grid-template-columns:1fr}.swf-guide-art{aspect-ratio:3/2}.swf-guide-copy,.swf-welcome-dialog .swf-guide-copy{padding:26px 24px 28px}.swf-guide-copy h1,.swf-welcome-dialog .swf-guide-copy h1{max-width:320px;font-size:28px;line-height:1.16;margin-bottom:10px}.swf-guide-eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:.24em}.swf-guide-intro{font-size:12px;margin-bottom:22px}.swf-guide-field{min-height:54px}.swf-guide-field input{font-size:16px}.swf-guide-examples{gap:7px;margin-top:14px}.swf-guide-examples button{min-height:36px;padding:7px 10px;font-size:10px}.swf-welcome-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.swf-welcome-close{right:9px;top:9px;width:40px;height:40px;box-shadow:0 1px 5px #00000012}}
@media(max-width:360px){.swf-guide-copy,.swf-welcome-dialog .swf-guide-copy{padding:22px 18px}.swf-guide-copy h1,.swf-welcome-dialog .swf-guide-copy h1{font-size:25px}.swf-guide-examples{gap:6px}.swf-guide-examples button{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.swf-guide *,.swf-welcome-close{transition:none!important;scroll-behavior:auto}.swf-welcome-dialog[open]{animation:none}}