/* Pic4Review AGPL-3.0-or-later, adapted as Fotoshi2OSM */
html,body,#app{height:100%;width:100%;margin:0;overflow:hidden;font-family:'Noto Sans',system-ui,sans-serif;color:#171820}*{box-sizing:border-box}button,select{font-family:inherit}.f2o-root{height:100vh;display:flex;flex-direction:column}.f2o-head{height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dedede;padding:8px 16px;gap:12px}.f2o-brand{display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none}.f2o-brand img{width:39px;height:39px}.f2o-brand-name{display:flex;align-items:baseline;font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}.f2o-brand-name .foto{color:#f24e1e}.f2o-brand-name .two{color:#feca57}.f2o-brand-name .osm{color:#0e8345}.f2o-head-center{text-align:center;min-width:0}.f2o-title{font-size:15px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.f2o-subtitle{font-size:11px;color:#68707a}.f2o-head-right{display:flex;gap:8px;align-items:center}.f2o-head-right select{border:1px solid #d7dadf;border-radius:5px;padding:7px 10px;background:#fff;font-size:12px;max-width:200px}.f2o-signin{font-size:12px;background:#fff;border:1px solid #d8dde0;border-radius:5px;padding:7px 11px}.f2o-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(275px,34%) minmax(380px,66%)}.f2o-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid #ddd;background:#fff}.f2o-question{flex:0 1 40%;min-height:190px;padding:18px 17px 10px;overflow:auto}.f2o-question h2{font-size:19px;line-height:1.3;font-weight:650;margin:0 0 10px}.f2o-choice{display:flex;flex-direction:column;gap:7px}.f2o-choice button{display:block;text-align:left;border:1px solid #d6dadf;background:#fff;padding:10px 12px;border-radius:5px;color:#282d34;font-size:13px;cursor:pointer}.f2o-choice button.active{border-color:#f24e1e;background:#fff3ed}.f2o-tags{font-size:12px;color:#58616b;margin-top:10px;line-height:1.5}.f2o-tags code{color:#222}.f2o-actions{display:flex;gap:4px;margin-top:14px}.f2o-actions button{background:#ececec;border:0;padding:9px 5px;flex:1;font-size:12px;font-weight:700;cursor:pointer}.f2o-actions button.primary{background:#f24e1e;color:#fff}.f2o-smallmap{flex:1;min-height:150px;overflow:hidden;padding:0 12px 12px}.f2o-smallmap .leaflet-container{height:100%;width:100%}.f2o-photo{height:100%;min-height:0;background:#272c31;display:flex;flex-direction:column}.f2o-photo .image-gallery{height:100%;width:100%}.f2o-photo .image-gallery-content{height:100%;display:flex;flex-direction:column}.f2o-photo .image-gallery-slide-wrapper{flex:1;min-height:0}.f2o-photo .image-gallery-swipe,.f2o-photo .image-gallery-slides,.f2o-photo .image-gallery-slide,.f2o-photo .image-gallery-image{height:100%}.f2o-photo .image-gallery-image img{max-height:100%;max-width:100%;object-fit:contain}.f2o-photo .image-gallery-thumbnails-wrapper{flex:0 0 80px;max-height:80px;order:-1;overflow:hidden}.f2o-photo .image-gallery-thumbnail img{height:62px;object-fit:cover}.f2o-footer{font-size:10px;color:#6c727b;padding:3px 12px;background:#fff;text-align:center}.f2o-footer a{color:inherit}.f2o-blank{display:flex;align-items:center;justify-content:center;color:#ccd3d5;font-size:14px;flex:1}.f2o-state{color:#69737c;font-size:12px}.f2o-state a{color:#c84221}.f2o-legend{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#68707a}.f2o-legend b{width:9px;height:9px;background:#f24e1e;border-radius:50%;display:inline-block}@media(max-width:800px){.f2o-head{height:auto;min-height:56px;flex-wrap:wrap}.f2o-head-center{display:none}.f2o-main{grid-template-columns:1fr;grid-template-rows:45% 55%;overflow:auto}.f2o-side{min-height:250px}.f2o-question{padding:10px;min-height:160px;flex:0 1 65%}.f2o-smallmap{min-height:90px}.f2o-photo{min-height:300px}}

/* Official outline wordmark is Sifonn Pro; suffix follows without spaces. */
.f2o-brand .f2o-brand-word{width:120px;height:32px;object-fit:contain;margin-left:1px;margin-right:-4px}.f2o-brand .f2o-brand-name{font-family:'Sifonn Pro','Arial Black','Noto Sans',sans-serif;font-weight:900;font-size:26px;letter-spacing:-1.4px}.f2o-brand .f2o-brand-name .two{color:#feca57}.f2o-brand .f2o-brand-name .osm{color:#0e8345}