/* Forsidens notesbog. Afgrænset fra den fulde gæstebog. */
body[data-current-page="forside"] .guestbook-notebook {
  position: relative;
  width: min(100%, 1280px);
  padding: 34px 44px 22px;
  overflow: visible;
  border: 0;
  isolation: isolate;
  border-radius: 9px 18px 25px 13px;
  background:
    url('assets/guestbook-fieldbook-realistic.png') center / 100% 100% no-repeat;
  box-shadow: inset 0 1px 0 #fffefb,inset 1px 0 0 #ffffff80,inset -1px 0 0 #e1d7c3,0 2px 0 #ddd3bd,0 4px 0 #fffaf0,0 6px 0 #d3c8b3,0 8px 0 #fffaf0,0 10px 0 #c0b59e,0 12px 0 #f6f0e2,0 14px 0 #c4b99f,0 18px 22px #39332516,0 32px 60px #39332520;
}
body[data-current-page="forside"] .guestbook-notebook::before {
  content: ''; display: block; position: absolute;
  top: auto; right: auto; left: 7%; bottom: 12%;
  width: clamp(48px, 6vw, 82px); height: auto; aspect-ratio: 1;
  background: none;
  border: 3px solid #80512524; border-right-color: #8051250a;
  border-bottom-width: 5px; border-radius: 48% 52% 47% 53%;
  box-shadow: inset 2px 1px 3px #80512512, -1px 2px 3px #80512512;
  transform: rotate(-19deg) scaleY(.92); pointer-events: none;
}
body[data-current-page="forside"] .guestbook-notebook::after {
  content: ''; display: block; position: absolute;
  top: 0; bottom: -14px; left: calc(50% - 16px); right: auto;
  width: 32px; height: auto;
  background: linear-gradient(90deg,transparent,#6f604a09 25%,#6f604a24 48%,#fffdf85c 52%,transparent 85%);
  border: 0; border-radius: 50% / 3%; box-shadow: none;
  pointer-events: none;
}
body[data-current-page="forside"] .guestbook-notebook .testimonial-card { gap: 8px; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-meta { padding-top: 2px; }
body[data-current-page="forside"] .guestbook-notebook .guestbook-heading { position: absolute; top: 34px; left: 44px; width: calc((100% - 152px) / 2); display: block; margin: 0; text-align: center; }
body[data-current-page="forside"] .guestbook-notebook .guestbook-heading[hidden] { display: none; }
body[data-current-page="forside"] .guestbook-notebook #testimonial-heading {
  position: relative;
  display: inline-block;
  font-family: "Segoe Print", "Bradley Hand", "Chalkboard SE", cursive;
  font-size: clamp(1.8rem, 2.5vw, 2.3rem);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -.045em;
  color: #294f56;
  margin: 0 0 8px;
  padding-bottom: 10px;
  transform: rotate(-1deg);
}
body[data-current-page="forside"] .guestbook-notebook #testimonial-heading::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -22px;
  bottom: 0;
  height: 7px;
  background: #345c67;
  opacity: .8;
  clip-path: polygon(0 48%, 11% 31%, 28% 39%, 46% 17%, 66% 29%, 83% 14%, 98% 30%, 100% 44%, 83% 48%, 65% 57%, 47% 47%, 28% 66%, 11% 59%, 1% 74%);
  transform: rotate(.4deg);
  pointer-events: none;
}
.guestbook-display { position: relative; isolation: isolate; width: min(calc(100% - 32px),1280px); margin-inline: auto; }
.guestbook-volume { position: relative; isolation: isolate; }
.guestbook-volume::before {
  content: ''; position: absolute; z-index: -1; top: 12px; left: -10px; right: -10px; bottom: -30px;
  background: url('assets/guestbook-paper.svg') 0 0 / 120px 120px repeat,
    linear-gradient(90deg,#2e4435,#49614b 4%,#354c3a 47%,#21382b 50%,#4c634e 54%,#3c543f 97%,#263d2d);
  border: 1px solid #243b2b; border-radius: 7px 13px 21px 13px;
  box-shadow: inset 0 1px 0 #9ba68a70,inset 0 -3px 0 #203525,0 3px 0 #233c2a,0 12px 18px #28332130,0 28px 50px #28332120;
  pointer-events: none;
}
body[data-current-page="forside"] .guestbook-notebook {
  padding: 48px 8.5% 44px;
  min-height: 590px;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 16px 16px #26302330);
}
body[data-current-page="forside"] .guestbook-volume::before,
body[data-current-page="forside"] .guestbook-notebook::after { display: none; }
body[data-current-page="forside"] .guestbook-notebook .guestbook-heading { top: 48px; left: 8.5%; width: calc(41.5% - 32px); }
.guestbook-entry { position: relative; padding-top: 18px; }
.guestbook-entry { margin: 26px 0 0; text-align: center; }
.guestbook-entry-invitation { display: block; margin-bottom: 2px; color: #64705e; font-size: .95rem; }
.guestbook-entry .guestbook-open-button { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 4px; color: #365944; font-size: 1rem; font-weight: 550; text-decoration: underline; text-decoration-color: #36594455; text-underline-offset: 6px; }
.guestbook-entry .guestbook-open-button:hover { text-decoration-color: currentColor; }
.guestbook-entry .guestbook-open-button:focus-visible { outline: 2px solid #456653; outline-offset: 4px; border-radius: 3px; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-viewport { padding: 0; overflow: hidden; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-track { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 64px; transition: none; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-card { display: flex; flex-direction: column; width: auto; min-width: 0; min-height: 120px; padding: 10px 0 12px; gap: 6px; background: none; border: 0; border-radius: 0; box-shadow: none; transform: none; animation: notebook-ink .85s ease both; }
.notebook-page { display: flex; flex-direction: column; gap: 20px; min-width: 0; min-height: 490px; box-sizing: border-box; }
.notebook-page { position: relative; isolation: isolate; }
.notebook-page::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  opacity: .65;
  background:
    radial-gradient(ellipse 20px 8px at var(--wear-x, 8%) 92%, #69574322, transparent 90%),
    radial-gradient(ellipse 7px 3px at 91% var(--wear-y, 77%), #79512f30, transparent 85%),
    radial-gradient(circle 2px at var(--wear-x, 8%) 85%, #76533555, transparent),
    radial-gradient(circle 1px at 95% var(--wear-y, 77%), #60452c55, transparent);
}
.notebook-page[data-paper-wear="1"] { --wear-x: 84%; --wear-y: 26%; }
.notebook-page[data-paper-wear="2"] { --wear-x: 19%; --wear-y: 92%; }
.notebook-page[data-paper-wear="3"] { --wear-x: 73%; --wear-y: 59%; }
.notebook-page[data-paper-wear="4"] { --wear-x: 36%; --wear-y: 14%; }
.notebook-page--opening { padding-top: 90px; }
.notebook-page[hidden] { display: none; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-card { justify-content: flex-start; flex: 0 0 auto; height: auto; max-height: none; overflow: visible; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-card.notebook-entry-separated { position: relative; border-top: 3px solid transparent; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-card.notebook-entry-separated::before {
  content: ''; display: block; position: absolute; top: -4px; left: 0; right: 1%;
  width: auto; height: 9px; background: #637459; opacity: .85;
  clip-path: polygon(0 48%,8% 35%,21% 39%,36% 29%,54% 35%,71% 22%,87% 32%,100% 41%,99% 55%,87% 56%,71% 47%,54% 63%,36% 54%,21% 66%,8% 60%,1% 65%);
  transform: rotate(-.15deg); pointer-events: none;
}
body[data-current-page="forside"] .guestbook-notebook .testimonial-card.notebook-entry-separated[data-pen-stroke="1"]::before {
  left: 1%; right: 3%; opacity: .78; transform: rotate(.2deg);
  clip-path: polygon(0 40%,13% 32%,28% 45%,44% 36%,63% 49%,80% 37%,99% 53%,100% 68%,80% 64%,63% 72%,44% 61%,28% 66%,13% 57%,1% 61%);
}
body[data-current-page="forside"] .guestbook-notebook .testimonial-card.notebook-entry-separated[data-pen-stroke="2"]::before {
  left: 0; right: 5%; opacity: .9; transform: rotate(-.3deg);
  clip-path: polygon(0 54%,17% 38%,33% 43%,51% 29%,68% 38%,84% 31%,100% 46%,98% 64%,84% 56%,68% 64%,51% 51%,33% 70%,17% 64%,1% 74%);
}
body[data-current-page="forside"] .guestbook-notebook .testimonial-card.notebook-entry-separated[data-pen-stroke="3"]::before {
  left: 2%; right: 0; opacity: .75; transform: rotate(.12deg);
  clip-path: polygon(0 42%,11% 48%,25% 33%,40% 42%,59% 31%,76% 44%,90% 37%,100% 52%,99% 64%,90% 59%,76% 69%,59% 57%,40% 63%,25% 58%,11% 72%,1% 61%);
}
body[data-current-page="forside"] .guestbook-notebook .testimonial-card.notebook-entry-separated[data-pen-stroke="4"]::before {
  left: .5%; right: 2%; opacity: .87; transform: rotate(-.08deg);
  clip-path: polygon(0 62%,10% 41%,29% 44%,47% 34%,62% 43%,79% 28%,94% 42%,100% 35%,99% 59%,94% 63%,79% 53%,62% 69%,47% 58%,29% 70%,10% 65%,1% 76%);
}
body[data-current-page="forside"] .guestbook-notebook .testimonial-card[hidden] { display: none; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-card:not(.notebook-entry-separated)::before,
body[data-current-page="forside"] .guestbook-notebook .testimonial-card::after { display: none; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-card blockquote { font-family: Georgia, serif; font-size: clamp(1rem,1.3vw,1.12rem); font-weight: 400; line-height: 26px; color: #354339; overflow-wrap: anywhere; background: none; min-height: 26px; }
body[data-current-page="forside"] .guestbook-notebook .greeting-card[data-handwriting]:not([data-handwriting="classic"]) blockquote { font-size: 1.3rem; line-height: 26px; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-meta { margin-top: 0; padding-top: 8px; border-top: 0; gap: 12px; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-avatar { width: 42px; height: 42px; border: 1px solid #9b9f85; background: #f5efe0; box-shadow: none; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-user { color: #455b48; font-size: .88rem; font-weight: 650; }
body[data-current-page="forside"] .guestbook-notebook .testimonial-relation { color: #787c6e; font-size: .78rem; font-weight: 400; overflow-wrap: anywhere; }
.guestbook-controls { display: flex; align-items: center; justify-content: center; gap: 14px; padding-top: 22px; color: #727866; font-size: .75rem; }
.guestbook-controls button { background: transparent; color: #456653; border: 1px solid #79886b40; border-radius: 50%; min-width: 40px; min-height: 40px; cursor: pointer; font: inherit; font-size: 1.1rem; }
.guestbook-controls button:hover { background: #e9eddf; }
.guestbook-controls button:focus-visible { outline: 2px solid #456653; outline-offset: 3px; }
@keyframes notebook-ink { from { opacity: .2; } to { opacity: 1; } }
@media (max-width:640px) {
  body[data-current-page="forside"] .guestbook-notebook::after { display: none; }
  body[data-current-page="forside"] .guestbook-notebook { padding: 34px 9% 32px; min-height: 480px; background-size: 200% 100%; background-position: left center; }
  body[data-current-page="forside"] .guestbook-notebook .guestbook-heading { top: 26px; left: 22px; width: calc(100% - 44px); }
  body[data-current-page="forside"] .guestbook-notebook .testimonial-track { grid-template-columns: minmax(0,1fr); gap: 0; }
  .notebook-page { min-height: 410px; }
  .guestbook-controls { gap: 8px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { body[data-current-page="forside"] .guestbook-notebook .testimonial-card { animation: none; } }