.board-frame{padding:28px;background:linear-gradient(145deg, #016f54, #004434, #07664e);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 2px 4px hsla(0,0%,100%,.1),inset 0 -2px 4px rgba(0,0,0,.3)}.board{width:100%;min-height:600px;position:relative;border-radius:4px;overflow:hidden;background-image:url("/wp-content/themes/sru-news/img/rock-texture-1.png");padding:52px 40px 40px;background-repeat:repeat;background-size:cover}.board::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%, rgba(160, 100, 30, 0.4) 1px, transparent 1px),radial-gradient(circle at 45% 15%, rgba(140, 85, 20, 0.3) 1.5px, transparent 1.5px),radial-gradient(circle at 75% 35%, rgba(170, 110, 40, 0.35) 1px, transparent 1px),radial-gradient(circle at 25% 65%, rgba(150, 90, 25, 0.3) 2px, transparent 2px),radial-gradient(circle at 60% 75%, rgba(130, 80, 15, 0.4) 1px, transparent 1px),radial-gradient(circle at 85% 60%, rgba(165, 105, 35, 0.3) 1.5px, transparent 1.5px),radial-gradient(circle at 35% 90%, rgba(145, 88, 22, 0.35) 1px, transparent 1px),radial-gradient(circle at 92% 85%, rgba(155, 95, 28, 0.4) 2px, transparent 2px);background-size:80px 80px,120px 100px,90px 110px,100px 80px,70px 90px,110px 70px,85px 95px,95px 85px;pointer-events:none;border-radius:4px}.board-title{font-family:"sans-serif";font-size:2rem;font-weight:700;color:rgba(80,45,10,.5);text-align:center;margin-bottom:30px;letter-spacing:3px;text-transform:uppercase;user-select:none}.notes-grid{display:flex;flex-wrap:wrap;gap:52px 30px;justify-content:center;position:relative;z-index:1}.note-wrapper{perspective:600px;width:200px;padding-top:44px}.note{width:100%;position:relative;transform-origin:top center;transform-style:preserve-3d;cursor:pointer}.note-body{width:100%;border-radius:2px;padding:14px 14px 10px;display:flex;flex-direction:column;box-shadow:3px 6px 18px rgba(0,0,0,.3),inset 0 -1px 2px rgba(0,0,0,.1)}.curl-tr .note-body,.curl-tl .note-body,.curl-br .note-body,.curl-bl .note-body{overflow:visible}.curl-br .note-body::after{content:"";position:absolute;bottom:-6px;right:-6px;width:42px;height:42px;background:linear-gradient(135deg, transparent 40%, #d4c28a 41%, #c8b478 55%, #b8a060 100%);border-radius:0 0 0 100%;box-shadow:-4px -4px 6px rgba(0,0,0,.25),2px 2px 4px rgba(0,0,0,.1);transform:rotate(0deg);z-index:5}.curl-br .note-body::before{content:"";position:absolute;bottom:4px;right:4px;width:38px;height:38px;background:radial-gradient(ellipse at 90% 90%, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.1) 40%, transparent 70%);border-radius:0 0 0 80%;z-index:4}.curl-bl .note-body::after{content:"";position:absolute;bottom:-6px;left:-6px;width:42px;height:42px;background:linear-gradient(225deg, transparent 40%, #d4c28a 41%, #c8b478 55%, #b8a060 100%);border-radius:0 0 100% 0;box-shadow:4px -4px 6px rgba(0,0,0,.25),-2px 2px 4px rgba(0,0,0,.1);z-index:5}.curl-bl .note-body::before{content:"";position:absolute;bottom:4px;left:4px;width:38px;height:38px;background:radial-gradient(ellipse at 10% 90%, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.1) 40%, transparent 70%);border-radius:0 0 80% 0;z-index:4}.curl-tr .note-body::after{content:"";position:absolute;top:-6px;right:-6px;width:42px;height:42px;background:linear-gradient(45deg, transparent 40%, #d4c28a 41%, #c8b478 55%, #b8a060 100%);border-radius:100% 0 0 0;box-shadow:-4px 4px 6px rgba(0,0,0,.25),2px -2px 4px rgba(0,0,0,.1);z-index:5}.curl-tr .note-body::before{content:"";position:absolute;top:4px;right:4px;width:38px;height:38px;background:radial-gradient(ellipse at 90% 10%, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.1) 40%, transparent 70%);border-radius:80% 0 0 0;z-index:4}.curl-tl .note-body::after{content:"";position:absolute;top:-6px;left:-6px;width:42px;height:42px;background:linear-gradient(315deg, transparent 40%, #d4c28a 41%, #c8b478 55%, #b8a060 100%);border-radius:0 100% 0 0;box-shadow:4px 4px 6px rgba(0,0,0,.25),-2px -2px 4px rgba(0,0,0,.1);z-index:5}.curl-tl .note-body::before{content:"";position:absolute;top:4px;left:4px;width:38px;height:38px;background:radial-gradient(ellipse at 10% 10%, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.1) 40%, transparent 70%);border-radius:0 80% 0 0;z-index:4}.pin{position:absolute;top:-42px;width:90px;height:70px;z-index:10;background:none;border-radius:0;box-shadow:none}.pin-left{left:8%;transform:rotate(-7deg)}.pin-center{left:50%;transform:translateX(-50%) rotate(2deg)}.pin-right{right:8%;left:auto;transform:rotate(5deg)}.pin img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.55))}@media(max-width: 768px){.board-frame{padding:14px;border-radius:6px}.board{width:100%;min-width:0;padding:38px 14px 32px}.board-title{font-size:1.5rem;margin-bottom:22px}.notes-grid{gap:48px 18px}.note-wrapper{width:90%;padding-top:38px}.pin{width:76px;height:59px;top:-36px}.note-text{font-size:.9rem}}@media(max-width: 480px){.board-frame{padding:8px}.board{padding:24px 8px 28px}.board-title{font-size:1.15rem;margin-bottom:14px}.notes-grid{gap:46px 10px;justify-content:space-evenly}.note-wrapper{width:calc(50% - 10px);min-width:128px;max-width:165px;padding-top:32px}.pin{width:64px;height:50px;top:-30px}.pin-left{left:5%}.pin-right{right:5%;left:auto}.note-text{font-size:.82rem;line-height:1.4}.note-footer{font-size:.65rem}}@media(max-width: 360px){.note-wrapper{width:calc(100% - 20px);max-width:220px}.pin{width:58px;height:45px;top:-28px}}.note-text{font-family:sans-serif;font-size:1rem;font-weight:700;line-height:1.5;color:rgba(0,0,0,.7);flex:1;margin-top:4px}.note-footer{font-family:"Lato";font-size:.75rem;color:#007055;margin-top:6px;font-weight:600}.recipient{text-decoration:underline}.ruled .note-body{background-image:repeating-linear-gradient(to bottom, transparent, transparent 23px, rgba(0, 0, 0, 0.06) 23px, rgba(0, 0, 0, 0.06) 24px);background-position:0 32px}.yellow .note-body{background:linear-gradient(160deg, #fff9a0, #f5e84a)}.pink .note-body{background:linear-gradient(160deg, #ffd6e8, #f7a8c4)}.blue .note-body{background:linear-gradient(160deg, #cce8ff, #90c8f0)}.green .note-body{background:linear-gradient(160deg, #c8f5c0, #90e080)}.orange .note-body{background:linear-gradient(160deg, #ffdcb0, #f5b060)}.purple .note-body{background:linear-gradient(160deg, #e8d0ff, #c890f0)}.mint .note-body{background:linear-gradient(160deg, #c0f5ec, #70ddd0)}.you-rock-pagination{background:#f8f7f4;border:1px solid #e2ddd7;border-radius:6px;padding:1rem 1.5rem;margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.you-rock-pagination .page-numbers{display:inline-block;padding:.5rem 1rem;border:1px solid #aaa;border-radius:4px;font-size:.85rem;color:#555;text-decoration:none;transition:border-color .2s,color .2s}.you-rock-pagination .page-numbers:hover{border-color:#555;color:#111}.you-rock-pagination .page-numbers.current{background:#007055;color:#fff;border-color:#007055;font-weight:600;cursor:default}.you-rock-pagination .page-numbers.dots{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);cursor:default;color:#888}.you-rock-pagination .page-numbers.prev,.you-rock-pagination .page-numbers.next{font-weight:600}.note-body::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:rgba(0,0,0,.06);border-radius:2px 2px 0 0}