.shayos-notice-board{position:relative;margin:0 auto clamp(20px,4vw,36px);padding:clamp(16px,3vw,26px);border:10px solid #76512f;border-radius:18px;background-color:#b77c49;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(circle at 75% 63%,rgba(70,35,15,.18) 0 1px,transparent 2px),linear-gradient(135deg,rgba(255,255,255,.04),rgba(55,28,8,.08));background-size:17px 17px,23px 23px,100% 100%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 10px 28px rgba(41,25,12,.2);max-width:100%;box-sizing:border-box;overflow:hidden}
.shayos-notice-board__title{margin:0 0 18px;text-align:center;color:#fff8e7;font-size:clamp(1.7rem,5vw,2.7rem);font-weight:400;text-shadow:0 2px 2px rgba(60,30,10,.45)}
.shayos-notice-board__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,24px);max-width:100%;min-width:0}
.shayos-corkboard-slot{min-width:0;max-width:100%;position:relative}
.shayos-corkboard-slot>*{width:100%;box-sizing:border-box}
.shayos-notice-note{position:relative;display:flex;align-items:center;justify-content:center;container-type:inline-size;min-width:0;min-height:132px;padding:24px 7px 9px;border:0;border-radius:4px;color:#17365f;text-decoration:none;text-align:center;box-shadow:0 8px 12px rgba(49,27,10,.28);transform:rotate(-1deg);overflow:hidden;font:inherit;cursor:pointer}
.shayos-corkboard-slot:nth-child(even)>.shayos-notice-note{transform:rotate(1deg)}
.shayos-notice-note--yellow{background:#fff6bf}.shayos-notice-note--pink{background:#ffe0e8}.shayos-notice-note--blue{background:#dff3ff}.shayos-notice-note--green{background:#e5f6d8}.shayos-notice-note--orange{background:#ffe5c8}.shayos-notice-note--lavender{background:#eee3ff}
.shayos-notice-note__pin{position:absolute;top:8px;left:50%;width:17px;height:17px;border-radius:50%;background:#d94a4a;box-shadow:0 2px 3px rgba(0,0,0,.35);transform:translateX(-50%);transition:opacity .08s ease}
.shayos-notice-note__title{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:100%;margin:0;font-size:clamp(20px,10.8cqw,34px);line-height:1.02;font-style:normal;font-weight:400;font-synthesis:none;text-align:center;text-wrap:balance;overflow-wrap:anywhere}
.shayos-notice-note--title-medium .shayos-notice-note__title{font-size:clamp(18px,9.2cqw,30px)}.shayos-notice-note--title-long .shayos-notice-note__title{font-size:clamp(15px,7.6cqw,25px);line-height:1}.shayos-notice-note--title-xlong .shayos-notice-note__title{font-size:clamp(13px,6.4cqw,21px);line-height:.98}
.shayos-notice-board[data-corkboard-reorder="1"] .shayos-corkboard-slot{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.shayos-corkboard-slot.is-dragging{opacity:.88;z-index:20;touch-action:none}.shayos-corkboard-slot.is-dragging .shayos-notice-note__pin{visibility:hidden!important;opacity:0!important}.shayos-notice-board.is-reordering .shayos-corkboard-slot{transition:transform .08s ease}
@media(max-width:520px){.shayos-notice-board{padding:13px;border-width:7px}.shayos-notice-board__grid{gap:10px}.shayos-notice-note{min-height:112px;padding:23px 5px 8px}.shayos-notice-note__title{font-size:clamp(18px,10.4cqw,30px)}.shayos-notice-note--title-medium .shayos-notice-note__title{font-size:clamp(16px,8.8cqw,26px)}.shayos-notice-note--title-long .shayos-notice-note__title{font-size:clamp(14px,7.2cqw,22px)}.shayos-notice-note--title-xlong .shayos-notice-note__title{font-size:clamp(12px,6.1cqw,19px)}}
/* 2.20.0 generic drag ownership: the slot owns the gesture even when the note is an A/BUTTON. */
.shayos-notice-board[data-corkboard-reorder="1"] .shayos-corkboard-slot,
.shayos-notice-board[data-corkboard-reorder="1"] .shayos-corkboard-slot>.shayos-notice-note{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.shayos-notice-board[data-corkboard-reorder="1"] .shayos-corkboard-slot.is-dragging .shayos-notice-note__pin{display:none!important}

/* 2.22.0 calm reorder feedback: only the empty target slot is animated. */
.shayos-corkboard-slot.is-dragging{opacity:1!important;filter:none!important;transform:none!important;outline:3px dashed rgba(255,248,231,.96);outline-offset:-3px;border-radius:8px}
.shayos-corkboard-placeholder{display:none!important}
.shayos-notice-board.is-reordering .shayos-corkboard-slot{transition:none!important}
.shayos-notice-board[data-shayos-font-token="leoro-script"],
.shayos-notice-board[data-shayos-font-token="leoro-script"] .shayos-notice-note,
.shayos-notice-board[data-shayos-font-token="leoro-script"] .shayos-notice-note__title{font-family:var(--shaysport-font-leoro-script,"LeOro Script",cursive)!important}

/* 2.27.0 - dragged note itself is the sole target marker; never render an empty dashed slot. */
.shayos-notice-board.is-reordering .shayos-corkboard-placeholder{display:none!important}
.shayos-notice-board.is-reordering .shayos-corkboard-slot.is-dragging{outline:3px dashed rgba(255,248,231,.98)!important;outline-offset:-3px!important;background:transparent!important}