.procurement-notice-open { border: 1px solid #b98a28; background: #fff8e7; color: #67490d; padding: 10px 16px; border-radius: 8px; font: inherit; cursor: pointer; }
.procurement-notice { box-sizing: border-box; width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; overflow-y: auto; padding: 32px; border: 1px solid #e6d4a6; border-top: 5px solid #deb24d; border-radius: 18px; background: #fffdf8; color: #253b34; box-shadow: 0 24px 80px #0004; font-family: inherit; }
.procurement-notice::backdrop { background: #102c26b3; }
.procurement-notice-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.procurement-notice-symbol { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #ffedb9; color: #78520a; font-size: 28px; font-weight: 700; }
#procurement-notice-language { border: 1px solid #d3dad4; border-radius: 8px; background: transparent; color: #314e42; min-width: 48px; min-height: 44px; cursor: pointer; font: inherit; }
.procurement-notice-category { margin: 24px 0 8px; color: #7c611f; font-size: 13px; font-weight: 600; }
.procurement-notice h2 { margin: 0 0 20px; font-size: clamp(24px, 5vw, 30px); line-height: 1.2; }
#procurement-notice-body p { margin: 0 0 16px; color: #46564e; font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
#procurement-notice-accept { display: block; width: 100%; min-height: 48px; margin-top: 24px; padding: 14px 18px; border: 0; border-radius: 9px; background: #174f3d; color: white; font: inherit; font-weight: 600; line-height: 1.4; cursor: pointer; }
.procurement-notice button:focus-visible, .procurement-notice-open:focus-visible { outline: 3px solid #b98a28; outline-offset: 3px; }
@media (max-width: 480px) { .procurement-notice { padding: 22px; } #procurement-notice-body p { font-size: 15px; line-height: 1.65; } }