.board-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#54728f}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.board-heading h1{font-size:clamp(30px,4vw,44px);margin:8px 0}.board-heading>div{min-width:0}.board-description,.board-copy{white-space:pre-wrap;overflow-wrap:anywhere}.board-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}.board-tile{display:block;padding:28px;border-radius:18px;border:1px solid #d8e6ef;background:linear-gradient(145deg,#fff,#eef7ff);color:#173b59;text-decoration:none;box-shadow:0 10px 30px #173b5909}.board-tile p{white-space:pre-wrap;overflow-wrap:anywhere}.board-tile:hover{border-color:#1684ef}.board-toolbar{display:flex;align-items:start;gap:20px;flex-wrap:wrap;padding:18px;background:white;border:1px solid #d6e4ef;border-radius:14px}.board-toolbar>label{flex:1;min-width:220px}.board-toolbar details{max-width:340px}.board-wall{display:flex;gap:20px;overflow-x:auto;align-items:flex-start;padding:8px 4px 28px;scroll-snap-type:x proximity}.board-lane{flex:0 0 320px;min-width:0;background:#e8eef4;border:1px solid #d8e3ee;border-radius:18px;padding:16px;scroll-snap-align:start}.board-lane>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 18px}.board-lane h2{font-size:19px;margin:0;overflow-wrap:anywhere}.board-lane header span{font-size:12px;white-space:nowrap;color:#5d7286}.board-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.board-note{min-width:0;padding:20px;border-radius:12px;box-shadow:0 5px 15px #19394f0b;overflow-wrap:anywhere;border:1px solid #00000009}.board-note h3{font-size:20px;line-height:1.3;margin:4px 0 12px}.note-yellow{background:#fff4c4}.note-blue{background:#dff0ff}.note-green{background:#e2f5e5}.note-pink{background:#fce5f0}.note-white{background:#fff}.board-image{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:12px}.board-author{font-size:12px;color:#586b7d;margin-top:20px}.board-new{margin-bottom:18px}.board-new summary,.board-edit summary,.board-comments summary,.board-toolbar summary,.card>details>summary{cursor:pointer;font-weight:650;padding:8px 0}.board-new[open]{background:#fff;border-radius:10px;padding:12px}.board-card-form{display:grid;gap:10px}.board-card-form input,.board-card-form textarea,.board-card-form select{max-width:100%;box-sizing:border-box}.board-card-form .board-checkbox{display:flex;align-items:center;gap:8px}.board-checkbox input{width:auto}.board-edit{border-top:1px solid #00000015;margin-top:12px}.board-comment{background:#ffffff80;border-radius:8px;padding:10px;margin:8px 0}.board-comment p{margin:6px 0}.board-lane.drop-target{outline:3px solid #1684ef;outline-offset:-3px}.board-note[draggable=true]{cursor:grab}.board-note:has(details[open]){cursor:auto}.board-note[hidden]{display:none}@media(max-width:650px){.board-heading{align-items:flex-start;flex-direction:column}.board-lane{flex-basis:min(320px,calc(100vw - 95px))}.board-toolbar{padding:12px}.board-heading .btn{align-self:flex-start}}
.board-compose-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.board-compose-actions .btn{min-height:46px}.board-new:target{outline:3px solid #1684ef}.board-toolbar #board-sharing{max-width:460px}#board-sharing input[data-share-url]{font-size:13px}#board-sharing h2{font-size:21px}

.board-heading-actions{display:flex;gap:12px;flex-wrap:wrap}.board-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.board-dialog-heading h2{margin:0}#board-composer{width:min(620px,calc(100vw - 32px));max-height:88vh;box-sizing:border-box;border:1px solid #cbd8e6;border-radius:18px;padding:24px;box-shadow:0 24px 80px #102f5555}#board-composer::backdrop{background:#102f5580}#board-composer .board-card-form{margin-top:16px}#board-composer .board-card-form .muted{display:none}

.board-note .board-card-form .btn{max-width:100%;white-space:normal}

.board-tile-link{display:block;color:inherit;text-decoration:none}.board-tile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.board-delete{margin-top:10px}.board-note>.board-delete .btn{font-size:14px;padding:8px 12px;white-space:normal;max-width:100%}.board-note .board-edit>summary{font-weight:700;color:#174e80}

#board-sharing form{display:grid;gap:10px;margin:14px 0}#board-sharing>details{border-top:1px solid #d7e3ef;padding-top:12px;margin-top:18px}

.board-inline-link{padding:12px;background:#ffffffa0;border:1px solid #ccdce9;border-radius:10px}.board-inline-link p{font-size:13px;line-height:1.45}.board-inline-link>details{margin-top:10px}.board-inline-link a,.board-copy a{text-decoration:underline;text-underline-offset:3px;color:#0757a6}

.board-lane>header h2{flex:1}.board-column-drag{cursor:grab;background:transparent;color:#45657f;border:1px solid #bdcedd;border-radius:6px;font-size:20px;padding:2px 5px;flex-shrink:0}.board-column-move{display:flex;gap:6px;margin-bottom:8px}.board-column-move button{background:white;color:#214f73;border:1px solid #bdcedd;border-radius:6px;padding:3px 12px}.board-column-move button:disabled{opacity:.35;cursor:default}[data-column-status]:empty{display:none}

.board-cover-thumb{display:block;width:100%;height:150px;object-fit:contain;background:#eaf1f6;border-radius:10px;margin:0 0 16px}
.board-cover-banner{display:block;width:100%;max-height:240px;object-fit:contain;background:#eaf1f6;border-radius:16px;margin:0 0 24px}
.board-cover-settings{margin:24px 0;padding-top:16px;border-top:1px solid #d6e4ef}
.board-cover-settings .board-cover-thumb{max-width:360px}
.board-cover-settings form{margin-block:12px}
