.noticeboard{--nb-bg: var(--card-bg);--nb-border: var(--card-10);--nb-text: var(--text-color);--nb-meta: var(--text-muted);--nb-date: var(--text-50);--nb-action-bg: var(--card-90);--nb-action-border: var(--card-30);--nb-action-text: var(--text-50);--nb-action-hover-bg: var(--card-70);--nb-action-hover-border: var(--card-10);--nb-action-hover-text: var(--text-color);--nb-expand-bg: var(--card-95);--nb-expand-border: var(--card-80);--nb-expand-text: var(--text-90);--nb-loader: var(--text-muted);--nb-loader-retry: var(--primary-color-strong);--nb-icon: #ca8914}:root.dark-mode .noticeboard{--nb-icon: #95661d}.noticeboard{max-width:45rem;margin:0 auto;border-radius:.5rem;background:var(--nb-bg);padding:2rem}.noticeboard__item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;border-bottom:1px solid var(--nb-border);padding:1.25rem 0;transition:background-color .2s ease}.noticeboard__item:last-child{border-bottom:none}.noticeboard__icon{--nb-icon-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%208l3.5-3L9%208v5H2V8z'/%3E%3Cpath%20d='M5%2013v-2.5h1.5V13'/%3E%3Cpath%20d='M12%2013V9'/%3E%3Cpath%20d='M10%209a2%202%200%201%201%204%200c0%201-1%201.5-2%201.5S10%2010%2010%209z'/%3E%3Cpath%20d='M1%2013.5h14'/%3E%3C/svg%3E");padding-top:.125rem}.noticeboard__icon[data-type="1"]{--nb-icon-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%206.5v3a1%201%200%200%200%201%201h1.5L9%2013.5v-11L4.5%205.5H3a1%201%200%200%200-1%201z'/%3E%3Cpath%20d='M11.5%205.5a3%203%200%200%201%200%205'/%3E%3Cpath%20d='M5%2010.5v2a1%201%200%200%200%201%201h.5l1-1'/%3E%3C/svg%3E");--nb-icon: #848561}.noticeboard__icon[data-type="2"]{--nb-icon-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%201.5c2.5%201.5%204%204%204%207L8%2011%204%208.5c0-3%201.5-5.5%204-7z'/%3E%3Cpath%20d='M4%208.5L2.5%2010l1.5%201.5'/%3E%3Cpath%20d='M12%208.5L13.5%2010%2012%2011.5'/%3E%3Cpath%20d='M6%2012l-1%202.5L7%2013.5'/%3E%3Ccircle%20cx='8'%20cy='6'%20r='1'/%3E%3C/svg%3E");--nb-icon: #8b780e}.noticeboard__icon[data-type="3"]{--nb-icon-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cellipse%20cx='8'%20cy='9'%20rx='3.5'%20ry='4'/%3E%3Cpath%20d='M8%205V13'/%3E%3Cpath%20d='M6%204l-1.5-1.5'/%3E%3Cpath%20d='M10%204l1.5-1.5'/%3E%3Cpath%20d='M4.5%208L2.5%207'/%3E%3Cpath%20d='M11.5%208L13.5%207'/%3E%3Cpath%20d='M4.5%2011L2.5%2012.5'/%3E%3Cpath%20d='M11.5%2011L13.5%2012.5'/%3E%3C/svg%3E");--nb-icon: #616985}.noticeboard__icon[data-type="4"]{--nb-icon-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10.5%202a2.5%202.5%200%200%200-2%204l-6%206%201.5%201.5%206-6a2.5%202.5%200%200%200%203-3l-1.5%201.5-1.5-1.5L11.5%203z'/%3E%3Cpath%20d='M9.5%209.5l4%204'/%3E%3C/svg%3E");--nb-icon: #6d6d6d}:root.dark-mode .noticeboard__icon[data-type="1"]{--nb-icon: #abad7e}:root.dark-mode .noticeboard__icon[data-type="2"]{--nb-icon: #b59c12}:root.dark-mode .noticeboard__icon[data-type="3"]{--nb-icon: #7e88ad}:root.dark-mode .noticeboard__icon[data-type="4"]{--nb-icon: #6d6d6d}.noticeboard__icon::before{content:"";display:block;width:1.5rem;height:1.5rem;background-color:var(--nb-icon);-webkit-mask:var(--nb-icon-shape) no-repeat center/contain;mask:var(--nb-icon-shape) no-repeat center/contain}.noticeboard__body{display:flex;flex-direction:column;gap:.5rem}.noticeboard__text{font-size:1rem;line-height:1.5;color:var(--nb-text)}.noticeboard__meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--nb-meta)}.noticeboard__year{position:relative}.noticeboard__year::after{content:"・";margin-left:.5rem}.noticeboard__date{color:var(--nb-date)}.noticeboard__action{margin-left:auto;background:var(--nb-action-bg);border:1px solid var(--nb-action-border);padding:.125rem .625rem;border-radius:.25rem;font-size:.8125rem;color:var(--nb-action-text);transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}@media(hover: hover)and (pointer: fine){.noticeboard__action:hover{background:var(--nb-action-hover-bg);border-color:var(--nb-action-hover-border);color:var(--nb-action-hover-text)}}.noticeboard__action--expand::after{content:" ↓"}.noticeboard__action--collapse::after{content:" ↑"}.noticeboard__expand{grid-column:2;margin-top:.75rem;padding:.75rem 1rem;background:var(--nb-expand-bg);border-left:3px solid var(--nb-expand-border);border-radius:0 .25rem .25rem 0;font-size:.9375rem;line-height:1.6;color:var(--nb-expand-text);display:none}.noticeboard__expand--active{display:block;animation:noticeboard-slide-down .3s ease}.noticeboard__loader{padding:1rem 0;text-align:center;font-size:.875rem;color:var(--nb-loader)}.noticeboard__loader--retry{color:var(--nb-loader-retry)}@media(max-width: 480px){.noticeboard{padding:1.25rem;border-radius:.375rem}.noticeboard__item{gap:.625rem;padding:1rem 0}.noticeboard__icon::before{width:1.125rem;height:1.125rem}.noticeboard__text{font-size:.9375rem}.noticeboard__meta{font-size:.8125rem}.noticeboard__expand{font-size:.875rem;padding:.625rem .875rem}}@media(min-width: 481px)and (max-width: 768px){.noticeboard{padding:1.5rem}}@media(min-width: 1200px){.noticeboard{max-width:48rem}}@keyframes noticeboard-slide-down{from{opacity:0;transform:translateY(-0.625rem)}to{opacity:1;transform:translateY(0)}}