/* Restrained message wall: one central star, rectangular message cards. */
.guestbook-board{container-type:normal}
.guestbook-toolbar{gap:18px}
.guestbook-toolbar-actions{align-items:center;display:flex;gap:12px}
.guestbook-zoom{align-items:center;border:1px solid var(--line);border-radius:5px;display:flex;height:38px;overflow:hidden}
.guestbook-zoom button{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;height:100%;justify-content:center;min-width:36px;padding:0}
.guestbook-zoom button:hover{background:#ecefe8}
.guestbook-zoom button:disabled{color:#a9b1ac;cursor:default}
.guestbook-zoom-output{border-left:1px solid var(--line);border-right:1px solid var(--line);font-size:10px;min-width:52px}
.guestbook-canvas{min-height:680px;overflow:auto;padding:28px}
.guestbook-wall-stage{height:624px;margin:0 auto;position:relative;transform:scale(var(--guestbook-zoom,1));transform-origin:left top;transition:transform .18s ease;width:100%}
.guestbook-shape-defs,.guestbook-clouds,.guestbook-lines{display:none}
.guestbook-center{background:transparent;border:0;box-shadow:none;clip-path:none;height:190px;padding:72px 38px 36px;width:190px}
.guestbook-center:before{background:#f4e8a9;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);content:'';filter:drop-shadow(0 12px 14px rgba(128,108,47,.14));inset:0;position:absolute;z-index:0}
.guestbook-center-avatar{height:108px;top:-34px;width:82px;z-index:2}
.guestbook-center strong,.guestbook-center small{position:relative;z-index:1}
.guestbook-center strong{font-size:15px}
.guestbook-center small{font-size:8px;max-width:94px}
.guestbook-cards{inset:0;min-height:624px}
.guestbook-card,.guestbook-cards .guestbook-card:nth-child(n){--card-tilt:0deg;background:#fbfaf5;border:1px solid #d9ded7;border-radius:7px;box-shadow:0 7px 18px rgba(30,60,47,.07);clip-path:none;display:block;filter:none;height:auto;min-height:126px;padding:17px 18px;position:absolute;text-align:left;transform:none;width:210px}
.guestbook-card:before{display:none}
.guestbook-cards .guestbook-card:nth-child(1){left:4%;top:4%}
.guestbook-cards .guestbook-card:nth-child(2){right:4%;top:4%}
.guestbook-cards .guestbook-card:nth-child(3){bottom:5%;left:4%;right:auto;top:auto}
.guestbook-cards .guestbook-card:nth-child(4){bottom:5%;left:auto;right:4%;top:auto}
.guestbook-cards .guestbook-card:nth-child(5){left:50%;top:2%;transform:translateX(-50%)}
.guestbook-card-category{margin-bottom:8px}
.guestbook-card h3{font-size:14px;margin:0 0 7px}
.guestbook-card p,.guestbook-card--cloud p{-webkit-line-clamp:4;color:#526159;font-size:10px;line-height:1.65;max-width:none}
.guestbook-card time{display:block;font-size:8px;margin-top:8px}

@media(max-width:1080px){
  .guestbook-canvas{padding:28px 20px 40px}
  .guestbook-wall-stage{height:auto;min-height:0}
  .guestbook-center{height:174px;margin:26px auto 30px;padding:65px 34px 32px;width:174px}
  .guestbook-center-avatar{height:96px;top:-29px;width:73px}
  .guestbook-cards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));inset:auto;min-height:0;position:relative}
  .guestbook-card,.guestbook-cards .guestbook-card:nth-child(n){bottom:auto;left:auto;min-height:128px;position:relative;right:auto;top:auto;transform:none;width:100%}
}

@media(max-width:760px){
  .guestbook-toolbar{align-items:flex-start;height:auto;min-height:66px;padding:12px 14px}
  .guestbook-toolbar>span{display:none}
  .guestbook-toolbar-actions{justify-content:space-between;margin-left:0;width:100%}
  .guestbook-zoom{height:40px}
  .guestbook-zoom button{min-width:32px}
  .guestbook-zoom-output{min-width:46px}
  .guestbook-add{padding:0 13px}
  .guestbook-canvas{padding:24px 14px 34px}
  .guestbook-center{height:164px;margin-top:30px;padding:61px 30px 30px;width:164px}
  .guestbook-cards{grid-template-columns:1fr}
}