/* Quiet cotton stationery, with editable content above a decorative texture. */
.boardheading h2{font:clamp(25px,3vw,32px)/1.2 Georgia,serif;color:#263e31;margin:8px 0}
.boardheading p{color:#737969;line-height:1.6}.boardheading .eyebrow{font-size:10px;letter-spacing:1.8px}
.boardcanvas{padding:24px;border:1px solid #c4b394;border-radius:7px;background-color:#e8e2d6;background-image:url('/stationery-texture.svg?v=seednotes-mvvru853-87b37b6e12'),repeating-linear-gradient(0deg,#fff3 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#8c79510b 0 1px,transparent 1px 4px);box-shadow:inset 0 0 0 5px #d7c4a5,inset 0 0 0 7px #f6f0e3,0 5px 18px #45351e0b}
.stickygrid{gap:22px;align-items:start}
.stickynote{--paper:#f4efe2;min-height:230px;padding:25px 19px 14px;border:1px solid #b9aa9026;border-radius:3px 4px 6px 3px;background-color:var(--paper);background-image:url('/stationery-texture.svg?v=seednotes-mvvru853-87b37b6e12'),linear-gradient(115deg,#fff5,transparent 55%,#9b81580b);box-shadow:0 1px 1px #fff9 inset,1px 3px 5px #59472a20,0 9px 13px -10px #4d3c3299}
.stickynote[data-color="cream"]{--paper:#f4efe2}.stickynote[data-color="sage"]{--paper:#e0e4d5}.stickynote[data-color="sand"]{--paper:#e9dfce}.stickynote[data-color="rose"]{--paper:#eaded6}.stickynote[data-color="blue"]{--paper:#dfe6e5}.stickynote[data-color="lilac"]{--paper:#e6e0e7}
.stickynote:before{top:9px;width:10px;height:10px;margin-left:-5px;border:1px solid #806638;border-radius:50%;background:radial-gradient(circle at 32% 25%,#e5d3a3 0,#c8a86a 25%,#9b783c 62%,#6f512b 100%);box-shadow:0 1px 1px #fff8 inset,0 2px 3px #59472750;pointer-events:none}
.stickynote:has(.stickypin[aria-pressed="true"]):before{box-shadow:0 1px 1px #fff8 inset,0 2px 3px #59472750,0 0 0 2px #355d4b2b}
.stickynote input.stickytitle{font:clamp(20px,2vw,25px)/1.3 Georgia,serif;color:#2d4034;border-bottom:1px solid #776b4f26;padding:4px 0 10px;margin-bottom:14px}
.stickynote textarea.stickybody{min-height:110px;font:14px/1.8 system-ui;color:#484e42;resize:vertical}
.stickybody::placeholder,.tasktext::placeholder{color:#777d70}
.stickytasks{gap:8px;min-height:91px}.stickytask .tasktext{font:14px/1.6 system-ui;color:#484e42}
.stickytask input[type="checkbox"]{width:16px;height:16px;accent-color:#355d4b;margin-top:6px}
.addstickytask{color:#586a56;font-size:12px;padding:12px 0 4px;min-height:36px}
.stickytools{gap:10px;border-top:1px solid #776b4f20;padding-top:8px;margin-top:14px}
.stickytools select{max-width:86px;font-size:11px;color:#586451;background:#ffffff30;border:1px solid #776b4f16;border-radius:3px;min-height:34px;padding:5px}
.stickytools button{min-height:36px;font:12px Georgia,serif;color:#4c5c48;border:0;background:transparent;padding:5px 7px;border-radius:0;box-shadow:none}
.stickytools .stickypin[aria-pressed="true"]{background:transparent;color:#254c36;text-decoration:underline;text-underline-offset:3px}
.stickytools .stickydelete{color:#78695a}.stickytools button:hover{background:transparent;text-decoration:underline}
.stickytools :focus-visible,.stickynote input:focus-visible,.stickynote textarea:focus-visible{outline:2px solid #56734e;outline-offset:2px}
@media(min-width:1450px){.stickygrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.boardcanvas{padding:17px}.stickygrid{grid-template-columns:minmax(0,1fr);gap:18px}.stickynote{min-height:215px;padding:24px 17px 12px}.stickynote textarea.stickybody{min-height:95px}.boardheading{align-items:flex-start;flex-wrap:wrap}.boardheading h2{font-size:27px}.boardadd{gap:8px}.boardheading .boardadd button{font-size:12px}.boardfooter{font-size:10px;gap:6px}}
@media print{.boardcanvas{background:white;box-shadow:none}.stickynote{background:white!important;box-shadow:none;break-inside:avoid}.stickytools,.addstickytask,.boardadd{display:none}}

/* Calendar on matching ivory stationery. */
.calendarbox{background-color:#f8f4e9;background-image:url('/stationery-texture.svg?v=seednotes-mvvru853-87b37b6e12');border:1px solid #cfc6b4;border-radius:9px;padding:20px 16px;box-shadow:0 2px 3px #53452e09,0 8px 20px -14px #53452e45;color:#2d4235}
.monthnav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.monthnav b{font:23px/1.3 Georgia,serif;color:#263f30;font-weight:400}
.monthnav button{background:transparent;border:0;box-shadow:none;border-radius:4px;color:#2e4e3a;font:29px/1 Georgia,serif;min-width:36px;min-height:40px;padding:0}
.monthnav button:hover{background:#355d4b0a}
.calendargrid{gap:5px;align-items:center}.calendargrid small{font:12px/1.4 Georgia,serif;color:#7d8273;padding:0 0 9px}
.calendargrid button{position:relative;background:transparent;border:1px solid transparent;border-radius:6px;color:#2c4134;box-shadow:none;font:14px/1.2 Georgia,serif;min-width:0;min-height:31px;padding:7px 0 9px}
.calendargrid button:hover{background:#e6eadd;color:#263f30}.calendargrid button.today{border-color:#a7b397}
.calendargrid button.active,.calendargrid button[aria-pressed="true"]{background:#355d4b;color:#fffdf3;border-color:#355d4b;box-shadow:inset 0 1px 1px #ffffff20}
.calendargrid button.hasreminder:after{content:'';position:absolute;bottom:2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#b19662;box-shadow:0 .5px .5px #77603940}
.calendarbox .todaybtn{display:block;margin:15px auto 18px;padding:4px 8px;min-height:32px;background:transparent;border:0;border-radius:0;box-shadow:none;font:12px Georgia,serif;color:#315c43;text-decoration:underline;text-underline-offset:3px}
.calendarreminder{border-top:1px solid #aaa08455;padding-top:17px;margin-bottom:10px}.reminderdate{font:9px/1.6 system-ui;letter-spacing:1.2px;text-transform:uppercase;color:#6a7566;margin-bottom:8px}
.calendarbox .remindertitle{display:block;font:20px/1.3 Georgia,serif;color:#2d4235;margin:0}
.calendarbox #dayreminder{display:block;width:100%;min-height:88px;height:88px;position:static;inset:auto;padding:12px;font:13px/1.6 system-ui;color:#3d4c3e;background:#fffdf54d;border:1px solid #d0c8b7;border-radius:5px;box-shadow:inset 0 1px 3px #74634a09;resize:vertical;margin:0}
.calendarbox #dayreminder:focus-visible{outline:2px solid #56734e;outline-offset:2px}
.calendarbox .reminderstatus{font-size:10px;color:#7b8073;margin-top:9px;line-height:1.5}
@media(max-width:760px){.calendarbox{padding:22px 20px}.monthnav b{font-size:26px}.calendargrid button{min-height:38px;font-size:16px}.calendargrid small{font-size:13px}.calendarbox .todaybtn{font-size:13px}.calendarbox #dayreminder{font-size:16px;min-height:90px}.calendarbox .remindertitle{font-size:23px}.reminderdate{font-size:10px}.calendarbox .reminderstatus{font-size:11px}}
@media print{.calendarbox{background:white;box-shadow:none}}