.sof-menu-button{display:none;border:1px solid #08784d;border-radius:8px;background:white;color:#08784d;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
header .wrap{position:relative}header a{overflow-wrap:anywhere}main{min-width:0}h1,h2,h3,p{overflow-wrap:break-word}
@media(max-width:900px){header .wrap{display:flex;flex-wrap:wrap;gap:12px;height:auto;padding-block:14px}header .sof-menu-button{display:block;margin-left:auto}header .sof-menu-panel{width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}header .sof-menu-panel a{display:block;padding:10px 12px;text-decoration:none;border-radius:6px;background:#edf6f0;font-size:.92rem;line-height:1.35}header .sof-menu-panel[data-open="false"]{display:none}header .brand{min-width:0;font-size:1rem}header .brand img{width:38px;height:38px}header .brand span{max-width:190px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:2rem}.grid{grid-template-columns:1fr}.portrait{width:100%}.hero{padding-block:38px}}