/* Enlarge artwork within the same preview area, removing transparent margins visually. */
html body.rustic-desktop #cityLayout #citySideInfo #buildingPreview{overflow:hidden!important}
html body.rustic-desktop #cityLayout #citySideInfo #buildingPreview img{scale:1.7 1.3!important;transform-origin:center!important}
/* Native stepped timber strip behind the red title plaque. */
/* Removed obsolete building-detail decorative layer. */
html body.rustic-desktop #cityLayout #citySideInfo>h2{isolation:isolate!important;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)!important}
/* Removed obsolete building-detail decorative layer. */
html body.rustic-desktop #cityLayout>aside:not(#outerStatusPanel){padding:8px 15px 14px!important}
html body.rustic-desktop #cityLayout #citySideInfo>h2{width:132px!important;height:28px!important;min-height:28px!important;flex:0 0 28px!important;font-size:17px!important;justify-content:flex-start!important;padding:0 12px!important;margin:0 0 3px!important}
html body.rustic-desktop #cityLayout #citySideInfo .detail-content-scroll{padding:0!important;scrollbar-gutter:auto!important;overflow-y:auto!important}
html body.rustic-desktop #cityLayout #citySideInfo #buildingPreview{width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;margin:0 0 3px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important}
html body.rustic-desktop #cityLayout #citySideInfo #buildingPreview img{width:100%!important;height:112px!important;max-height:112px!important;max-width:100%!important;object-fit:contain!important;margin:0!important;transform:none!important}
html body.rustic-desktop #cityLayout #citySideInfo .building-title-actions{gap:5px!important;margin:0 0 7px!important}
html body.rustic-desktop #cityLayout #citySideInfo #plotTitle{font-size:16px!important;line-height:21px!important;height:21px!important;gap:6px!important}
html body.rustic-desktop #cityLayout #citySideInfo #plotTitle img{width:23px!important;height:23px!important;object-fit:contain!important}
html body.rustic-desktop #cityLayout #citySideInfo .building-action-row{gap:12px!important;justify-content:center!important}
html body.rustic-desktop #cityLayout #citySideInfo .building-action-row button{width:77px!important;min-width:77px!important;height:27px!important;min-height:27px!important;padding:0!important;font-size:14px!important}
html body.rustic-desktop #cityLayout #citySideInfo #clear{order:0!important}
html body.rustic-desktop #cityLayout #citySideInfo #build{order:1!important;background-image:url('/assets/rustic-v1045/button-selected.webp')!important}
html body.rustic-desktop #cityLayout #citySideInfo #plotDesc{font-size:12px!important;line-height:1.35!important;margin:4px 0 6px!important;padding:0 7px!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-table{font-size:12px!important;line-height:17px!important;padding:3px 5px!important;border-radius:0!important;background:transparent!important;border:0!important;border-top:1px solid #ad987b88!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-table>div{min-height:18px!important;padding:0!important;display:flex!important;justify-content:space-between!important;border-bottom:1px solid #ad987b44!important;gap:3px!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-table strong{font-size:12px!important;line-height:17px!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-cost>div{width:112px!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-cost>div>div{display:grid!important;grid-template-columns:22px 30px 1fr!important;gap:3px!important;align-items:center!important;height:18px!important;min-height:18px!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-cost img{width:20px!important;height:17px!important;object-fit:contain!important}
html body.rustic-desktop #cityLayout #citySideInfo #plotTitle,
html body.rustic-desktop #cityLayout #citySideInfo #plotTitle *,
html body.rustic-desktop #cityLayout #citySideInfo #plotDesc,
html body.rustic-desktop #cityLayout #citySideInfo #plotDesc *{font-family:'DFKai-SB','標楷體','BiauKai','KaiTi','STKaiti',serif!important;font-weight:700!important;font-synthesis:weight!important}
/* The preview stays fixed; only the shorter text area scrolls. */
html body.rustic-desktop #cityLayout #citySideInfo>#buildingPreview{flex:0 0 112px!important}
html body.rustic-desktop #cityLayout #citySideInfo>.detail-content-scroll{flex:0 1 210px!important;max-height:210px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
html body.rustic-desktop #cityLayout #citySideInfo #buildingPreview img.outer-detail-art{scale:1.9 1.3!important}
/* Inner city uses the same compact type and resource rows as outer fields. */
html body.rustic-desktop #cityLayout #citySideInfo #buildingPreview img:not(.outer-detail-art){scale:1.2!important;transform:none!important;width:auto!important;max-width:83%!important;height:108px!important;max-height:108px!important;object-fit:contain!important}
html body.rustic-desktop #cityLayout #citySideInfo .building-action-row button[hidden]{display:none!important}
html body.rustic-desktop #cityLayout #citySideInfo #upgradeBuilding{order:1!important;background-image:url('/assets/rustic-v1045/button-selected.webp')!important}
html body.rustic-desktop #cityLayout #citySideInfo #summary :is(.upgrade-cost-title,.upgrade-cost-label,.upgrade-cost-grid,.upgrade-cost-time){font-size:12px!important;line-height:18px!important;margin:0!important;padding:0 5px!important;font-weight:700!important;background:none!important;border:0!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-title{display:block!important;border-top:1px solid #ad987b88!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-grid{display:flex!important;flex-direction:column!important;gap:0!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-grid>div{display:flex!important;align-items:center!important;gap:5px!important;border:0!important;border-bottom:1px solid #ad987b44!important;border-radius:0!important;background:none!important;padding:0!important;margin:0!important;min-height:18px!important;font-size:12px!important;line-height:18px!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-grid img{width:20px!important;height:17px!important;object-fit:contain!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-grid strong{margin-left:auto!important;font-size:12px!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-time{display:flex!important;justify-content:space-between!important;border-top:1px solid #ad987b88!important}
html body.rustic-desktop #cityLayout #citySideInfo .upgrade-cost-time strong{font-size:12px!important}