.board-shell{width:min(1260px,calc(100% - 48px));margin:12px auto 100px;color:#eee9df;}
.board-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:26px 0 42px;border-bottom:1px solid #352820;}
.board-intro h1{font-size:clamp(38px,5vw,70px);font-weight:400;margin:14px 0;line-height:1.1;}
.board-intro p,.board-composer p{color:#b6aea5;line-height:1.7;}
.board-leave{color:#ff793d;letter-spacing:.12em;font-size:12px;white-space:nowrap;padding:14px 0;}
.board-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:44px 36px;padding:66px 24px 50px;min-height:160px;background-image:radial-gradient(#bba08718 .7px,transparent .7px);background-size:23px 23px;}
.board-note{position:relative;padding:28px 18px;margin:0;min-width:0;transform:rotate(var(--tilt));color:#eae2d4;}
.board-note p{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(24px,2.5vw,36px);font-style:italic;line-height:1.38;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;}
.board-note small{display:block;margin-top:18px;font:9px/1.5 monospace;letter-spacing:.19em;color:#a59a90;}
.board-note:nth-child(4n+2){color:#ff793d;padding-top:62px;}
.board-note:nth-child(4n+3){padding-bottom:58px;}
.board-note:nth-child(5n+1)::after{content:'';display:block;background:currentColor;height:1px;width:46px;margin-top:16px;opacity:.6;}
.board-note[data-scale=small] p{font-size:clamp(19px,2vw,25px);}
.board-note[data-scale=loud] p{font-size:clamp(31px,3.5vw,48px);font-style:normal;}
.board-status{text-align:center;color:#b6aea5;padding:20px;}
#boardMore{display:block;margin:12px auto 50px;min-height:44px;}
#boardMore[hidden]{display:none;}
.board-composer{max-width:640px;margin:50px auto 0;padding:32px;border:1px solid #493125;background:#0b0908;scroll-margin-top:30px;}
.board-composer h2{font-size:36px;font-weight:400;margin:12px 0;}
.board-composer label{display:block;margin:20px 0 10px;font-size:13px;}
.board-composer textarea{box-sizing:border-box;display:block;width:100%;padding:15px;border:1px solid #5a4030;background:#050505;color:#eee9df;font:18px/1.5 Georgia,serif;resize:vertical;}
.board-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;}
.board-form-bottom span{color:#b6aea5;font:11px monospace;}
.board-form-bottom button{min-height:44px;}
.board-shell :focus-visible{outline:2px solid #ff793d;outline-offset:5px;}
.board-admin-form textarea{width:100%;box-sizing:border-box;}
.board-admin-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0;}
.board-admin-controls label{flex:1;min-width:140px;}
.board-admin-card p{white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:900px){.board-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:44px 12px;}.board-intro{align-items:start;flex-direction:column;}}
@media(max-width:520px){.board-shell{width:calc(100% - 32px);}.board-wall{grid-template-columns:1fr;gap:12px;padding:28px 22px;}.board-note{max-width:100%;padding:26px 12px;}.board-note:nth-child(even){padding-left:32px;}.board-note p{font-size:29px;}.board-composer{padding:22px 18px;}.board-form-bottom{align-items:start;flex-direction:column;}}
@media(prefers-reduced-motion:reduce){.board-note{transform:none;}}
.inbox-list[hidden]{display:none !important;}

.board-note[data-long=true] p{font-size:clamp(18px,2vw,25px);}

/* V12: one centered composer, followed by the wall. */
.board-page .site-header{padding-bottom:20px;}
.board-shell{margin-top:0;}
.board-composer{margin:12px auto 44px;max-width:600px;}
.board-composer h2{font-size:clamp(32px,4vw,44px);}
.board-identity{border:0;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:14px;}
.board-identity legend{font-size:12px;margin-bottom:10px;color:#b6aea5;}
.board-identity label{display:flex;align-items:center;gap:8px;margin:0;text-transform:none;cursor:pointer;}
.board-identity input{width:16px;height:16px;accent-color:#ff793d;}
#boardNameField[hidden]{display:none!important;}
#boardName{box-sizing:border-box;width:100%;padding:12px;background:#050505;border:1px solid #5a4030;color:#eee9df;font:16px Georgia,serif;}
@media(max-width:520px){.board-composer{margin-top:4px;padding:20px 18px;}.board-composer p{font-size:14px;line-height:1.5;}.board-form-bottom{flex-direction:row;align-items:center;}.board-form-bottom button{font-size:10px;padding:10px;}.board-identity{gap:12px;}}

.board-note small,.board-admin-card strong{overflow-wrap:anywhere;}