:root {
  --font-body: "Raleway", sans-serif;
  --page-background: #fdf2ee url('images/bg.png') no-repeat center top;
  --text-color: #333;
  --footer-background: #d3c0b0;
  --social-background: #a6916b;
}
/* Eigen kleuren, lettertypen en aanvullende klantvormgeving horen hier. */
.knowledge-page { max-width: 1120px; text-align: left; padding: 46px 28px 60px; }
.knowledge-page *, .knowledge-home * { box-sizing: border-box; }
.knowledge-page section { margin-bottom: 84px; }
.knowledge-page h2 { font-size: clamp(28px, 3vw, 37px); line-height: 1.3; margin: 12px 0 24px; }
.knowledge-page p { line-height: 1.85; }
.knowledge-page [id] { scroll-margin-top: 30px; }
.knowledge-hero { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 64px; }
.knowledge-page .knowledge-hero { margin-bottom: 36px; }
.knowledge-hero h1 { font-size: clamp(34px, 3.5vw, 49px); line-height: 1.17; margin: 18px 0 24px; letter-spacing: -.7px; text-wrap: balance; }
.knowledge-hero-copy > p { font-size: 17px; letter-spacing: .3px; }
.knowledge-label { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 1.7px; text-transform: uppercase; }
.knowledge-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 22px; border: 1px solid #9b8362; border-radius: 6px; background: #d3c0b0; color: #24201c; text-decoration: none; font-weight: 600; font-size: 15px; line-height: 1.5; letter-spacing: .25px; max-width: 100%; }
.knowledge-button:hover { background: #c8ae99; }
.knowledge-button:focus-visible, .knowledge-text-link:focus-visible, .knowledge-gift-badge:focus-visible, .knowledge-faq summary:focus-visible { outline: 3px solid #65563f; outline-offset: 5px; }
.knowledge-text-link { font-size: 15px; line-height: 1.6; font-weight: 500; text-underline-offset: 5px; }
.knowledge-actions { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; }
.knowledge-hero-copy .knowledge-hero-price { margin: 19px 0 0; font-size: 14px; }
.knowledge-hero-price strong { font-weight: 600; }
.knowledge-hero-visual { position: relative; padding: 0 8px 0 0; }
.knowledge-photo-arch { border-radius: 250px 250px 18px 18px; overflow: hidden; aspect-ratio: 1; border: 7px solid #ffffff99; outline: 1px solid #d3c0b0; }
.knowledge-photo-arch .knowledge-content-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 63% center; border-radius: 0; }
.knowledge-gift-badge { position: absolute; right: -10px; top: 67%; width: 185px; padding: 17px; background: #fdf2ee; box-shadow: 0 8px 25px #6d52351a; border: 1px solid #c7b09a; border-radius: 10px; text-decoration: none; font-size: 15px; line-height: 1.5; font-weight: 500; transform: rotate(3deg); }
.knowledge-gift-badge > span { display: block; font-size: 26px; color: #75613f; }
.knowledge-photo-caption { font-size: 13px; font-style: italic; text-align: center; margin: 16px 0 0; }
.knowledge-highlights { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px 28px; list-style: none; margin: 0 0 90px; padding: 22px 0; border-top: 1px solid #d3c0b0; border-bottom: 1px solid #d3c0b0; font-size: 14px; font-weight: 500; }
.knowledge-highlights li { display: flex; gap: 12px; align-items: center; }
.knowledge-highlights li > span { color: #75613f; }
.knowledge-section-heading { text-align: center; max-width: 700px; margin: 0 auto 34px; }
.knowledge-section-heading p { font-size: 17px; }
.knowledge-browser { padding: 0; border: 1px solid #bda78f; border-radius: 16px; background: #fffaf7; box-shadow: 0 18px 55px #9b83621c; overflow: hidden; }
.knowledge-browser-bar { display: flex; align-items: center; gap: 28px; padding: 15px 22px; border-bottom: 1px solid #d3c0b0; background: #eee0d5; font-size: 13px; letter-spacing: .2px; }
.knowledge-browser-bar > span:first-child { color: #a6916b; letter-spacing: 3px; white-space: nowrap; }
.knowledge-browser-body { padding: 30px; }
.knowledge-example-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 22px; }
.knowledge-example { border: 1px solid #e1d3c6; border-radius: 10px; padding: 16px; }
.knowledge-example h3 { font-weight: 500; font-size: 18px; line-height: 1.4; letter-spacing: .2px; }
.knowledge-example p { font-size: 14px; letter-spacing: .2px; margin-bottom: 4px; }
.knowledge-example-art { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 130px; gap: 7px; background: #f1e4d9; border-radius: 6px; }
.knowledge-example:nth-child(2) .knowledge-example-art { background: #f6e9e4; }
.knowledge-example:nth-child(3) .knowledge-example-art { background: #e7e0d4; }
.knowledge-example-art > span { font-size: 32px; font-weight: 300; color: #75613f; line-height: 1; padding-bottom: 8px; }
.knowledge-example-art i { width: 48px; height: 3px; background: #bcaa91; border-radius: 2px; }
.knowledge-example-art i:last-child { width: 30px; }
.knowledge-fineprint { font-size: 13px; letter-spacing: .2px; text-align: center; max-width: 760px; margin: 24px auto 0; }
.knowledge-benefits h2 { text-align: center; }
.knowledge-benefits ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; list-style: none; padding: 0; }
.knowledge-benefits li { display: flex; align-items: flex-start; gap: 15px; padding: 22px 0; border-bottom: 1px solid #d3c0b0; line-height: 1.8; font-size: 16px; }
.knowledge-benefits li > span { display: inline-flex; flex: 0 0 28px; height: 28px; justify-content: center; align-items: center; border-radius: 50%; background: #edddd1; color: #65563f; }
.knowledge-benefits > .knowledge-text-link { display: inline-block; margin-top: 14px; }
.knowledge-offer { display: grid; grid-template-columns: 1fr 1.2fr; gap: 28px; align-items: stretch; }
.knowledge-offer section { padding: 38px; border-radius: 16px; }
.knowledge-price { background: #e4d2c2; border: 1px solid #b7a087; }
.knowledge-price h2 { font-size: 29px; }
.knowledge-amount { font-size: clamp(37px, 4vw, 48px); font-weight: 400; line-height: 1.25 !important; letter-spacing: -1px; margin: 22px 0; }
.knowledge-price .knowledge-price-note { font-size: 15px; }
.knowledge-price .knowledge-button { background: #fffaf7; }
.knowledge-price .knowledge-button:hover { background: #f3e5db; }
.knowledge-gift { position: relative; background: #ffffffa6; border: 1px solid #e0cfc0; }
.knowledge-five { position: relative; display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; border-radius: 50%; background: #a6916b; color: #fff; font-size: 42px; }
.knowledge-five > span { position: absolute; top: -14px; right: -15px; font-size: 35px; color: #75613f; }
.knowledge-gift p { font-size: 16px; }
.knowledge-steps ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; counter-reset: knowledge-step; padding: 0; list-style: none; }
.knowledge-steps li { counter-increment: knowledge-step; line-height: 1.8; font-size: 16px; border-top: 1px solid #bda78f; padding-top: 24px; }
.knowledge-steps li::before { content: '0' counter(knowledge-step); display: block; margin-bottom: 20px; color: #75613f; font-size: 32px; line-height: 1; font-weight: 300; }
.knowledge-integration { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 56px; padding: 36px; border-radius: 18px; background: #ffffff80; }
.knowledge-integration p { font-size: 15px; margin-bottom: 0; }
.knowledge-url { display: flex; flex-direction: column; gap: 6px; font-size: clamp(18px, 2.7vw, 28px); letter-spacing: .1px; padding: 20px; }
.knowledge-url > span:first-child { font-size: 13px; color: #75613f; }
.knowledge-url strong { font-weight: 500; }
.knowledge-url-line { display: block; height: 2px; background: #a6916b; width: 75%; margin-top: 18px; }
.knowledge-help { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 70px; }
.knowledge-help-visual { position: relative; }
.knowledge-help-visual .knowledge-content-image { width: 100%; height: auto; aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: 40% center; border: 7px solid #ffffff99; outline: 1px solid #d3c0b0; }
.knowledge-orbit { position: absolute; bottom: 8%; right: -8px; width: 66px; height: 66px; border-radius: 50%; background: #e4d2c2; display: flex; align-items: center; justify-content: center; font-size: 46px; color: #75613f; }
.knowledge-help p { font-size: 16px; }
.knowledge-content-image { max-width: 100%; height: auto; border-radius: 12px; }
.knowledge-faq { max-width: 820px; margin-left: auto; margin-right: auto; }
.knowledge-faq details { border-bottom: 1px solid #c7b09a; }
.knowledge-faq summary { padding: 24px 36px 24px 0; font-weight: 500; font-size: 17px; line-height: 1.6; cursor: pointer; }
.knowledge-faq details p { padding: 0 18px 14px; font-size: 16px; }
.knowledge-closing { padding: 46px 38px; background: #e4d2c2; border-radius: 150px 150px 18px 18px; text-align: center; }
.knowledge-closing-star { color: #75613f; font-size: 44px; }
.knowledge-closing p { max-width: 650px; margin: 0 auto 28px; font-size: 17px; }
.knowledge-closing .knowledge-button { background: #fffaf7; }
.knowledge-closing small { display: block; margin-top: 19px; font-size: 13px; }
.knowledge-existing { text-align: center; font-size: 14px; border-top: 1px solid #d3c0b0; padding: 22px 0 0; }
.knowledge-existing p { margin-bottom: 14px; }
.knowledge-existing a { text-underline-offset: 5px; }
.knowledge-home { display: grid; grid-template-columns: 200px 1fr; align-items: center; gap: 28px; padding: 30px; margin: 50px 0 25px; border: 1px solid #d3c0b0; border-radius: 16px; background: #ffffff99; text-align: left; }
.knowledge-home img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: 63% center; border-radius: 50%; }
.knowledge-home h2 { margin-top: 0; }
.knowledge-home p { font-size: 16px; line-height: 1.9; }
@media (max-width: 1000px) and (min-width: 769px) {
  .knowledge-hero { gap: 30px; }
  .knowledge-help { gap: 35px; }
  .knowledge-offer section { padding: 28px; }
  .knowledge-gift-badge { right: 0; width: 165px; }
}
@media (max-width: 768px) {
  .knowledge-hero, .knowledge-offer, .knowledge-benefits ul, .knowledge-steps ol, .knowledge-home, .knowledge-help, .knowledge-integration, .knowledge-example-grid { grid-template-columns: minmax(0, 1fr); }
  .knowledge-page { padding: 28px 24px 45px; }
  .knowledge-page section { margin-bottom: 56px; }
  .knowledge-hero { gap: 40px; }
  .knowledge-hero h1 { font-size: clamp(32px, 8.5vw, 43px); }
  .knowledge-hero-visual { width: min(100%, 470px); margin: 0 auto; padding: 0 8px; }
  .knowledge-photo-arch { aspect-ratio: 6 / 5; }
  .knowledge-gift-badge { right: 0; top: auto; bottom: 55px; width: 170px; font-size: 14px; padding: 12px 16px; }
  .knowledge-highlights { flex-direction: column; margin-bottom: 56px; gap: 14px; }
  .knowledge-browser-bar { gap: 15px; padding: 13px; font-size: 11px; }
  .knowledge-browser-body { padding: 18px; }
  .knowledge-example-grid { gap: 16px; }
  .knowledge-example { display: grid; grid-template-columns: 65px 1fr; gap: 0 16px; align-items: start; }
  .knowledge-example-art { grid-row: span 2; height: 85px; }
  .knowledge-example-art > span { font-size: 25px; }
  .knowledge-example-art i { width: 28px; }
  .knowledge-example-art i:last-child { width: 20px; }
  .knowledge-example h3 { margin: 0 0 6px; font-size: 16px; }
  .knowledge-example p { margin: 0; font-size: 13px; }
  .knowledge-offer { gap: 20px; margin-bottom: 56px; }
  .knowledge-offer section { padding: 28px; margin-bottom: 0; }
  .knowledge-steps ol { gap: 24px; }
  .knowledge-steps li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; }
  .knowledge-steps li::before { font-size: 27px; margin: 4px 0 0; }
  .knowledge-integration { padding: 25px; gap: 20px; }
  .knowledge-url { padding: 10px; }
  .knowledge-help { gap: 34px; }
  .knowledge-help-visual { width: min(85%, 340px); margin: 0 auto; }
  .knowledge-faq summary { font-size: 16px; padding-right: 8px; }
  .knowledge-closing { padding: 38px 24px; border-radius: 80px 80px 14px 14px; }
  .knowledge-closing h2 { font-size: 30px; }
  .knowledge-home { padding: 22px; }
  .knowledge-home img { max-width: 210px; margin: 0 auto; }
}
@media (max-width: 360px) {
  .knowledge-example { display: block; }
  .knowledge-example-art { margin-bottom: 14px; }
  .knowledge-gift-badge { width: 150px; }
}

.offer-page .knowledge-photo-arch { aspect-ratio: 1; }
.offer-page .knowledge-photo-arch img { object-position: 65% center; }
.offer-benefits ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.offer-benefits li { padding: 23px 18px; background: #ffffff80; border: 1px solid #e0cfc0; border-radius: 12px; }
.offer-benefits li p { font-size: 15px; margin-bottom: 0; }
.offer-benefit-icon { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: #edddd1; color: #75613f; font-size: 26px; }
.offer-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.offer-plan { display: flex; flex-direction: column; padding: 38px; border: 1px solid #c7b09a; border-radius: 18px; background: #fffaf7; }
.offer-plan:nth-child(2) { background: #e4d2c2; }
.offer-plan h3 { font-size: 30px; line-height: 1.3; margin: 18px 0 0; }
.offer-plan .knowledge-amount { margin: 25px 0 12px; }
.offer-plan-note { font-size: 14px; margin: 0 0 24px; }
.offer-plan ul { list-style: none; padding: 0; margin: 0 0 30px; }
.offer-plan li { display: flex; gap: 13px; align-items: flex-start; line-height: 1.8; font-size: 16px; padding: 13px 0; border-top: 1px solid #bda78f80; }
.offer-plan li > span { color: #75613f; }
.offer-plan .knowledge-button { margin-top: auto; }
.offer-plan:nth-child(2) .knowledge-button { background: #fffaf7; }
.offer-growth { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 35px; background: #ffffff80; padding: 38px; border: 1px solid #e0cfc0; border-radius: 18px; }
.offer-growth img { display: block; width: 100%; height: auto; }
.offer-growth p { font-size: 16px; }
@media (max-width: 1000px) { .offer-benefits ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  .offer-plan-grid, .offer-growth { grid-template-columns: minmax(0, 1fr); }
  .offer-plan, .offer-growth { padding: 28px; }
  .offer-benefits ul { gap: 14px; }
  .offer-benefits li { padding: 18px 14px; }
  .offer-benefits li p { font-size: 14px; letter-spacing: .25px; }
  .offer-growth img { max-width: 270px; margin: 0 auto; }
}
@media (max-width: 360px) { .offer-benefits ul { grid-template-columns: minmax(0, 1fr); } }
.home-page .knowledge-photo-arch img { object-position: 65% center; }
.home-photo-note { position: absolute; right: -6px; bottom: 65px; max-width: 185px; padding: 17px; border: 1px solid #c7b09a; border-radius: 10px; background: #fdf2ee; box-shadow: 0 8px 25px #6d52351a; font-size: 14px; line-height: 1.6; text-decoration: none; transform: rotate(3deg); }
.home-photo-note span { display: block; color: #75613f; font-size: 27px; }
.home-photo-note:focus-visible { outline: 3px solid #65563f; outline-offset: 5px; }
.home-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.home-benefit-grid article { padding: 28px; border: 1px solid #e0cfc0; border-radius: 14px; background: #ffffff80; }
.home-benefit-grid h3 { font-size: 23px; font-weight: 400; line-height: 1.4; margin: 23px 0 14px; }
.home-benefit-grid p { font-size: 16px; margin-bottom: 0; }
.home-knowledge { display: grid; grid-template-columns: 1.15fr 1fr; gap: 45px; align-items: center; background: #ffffff99; padding: 38px; border: 1px solid #d3c0b0; border-radius: 18px; }
.home-knowledge p { font-size: 16px; }
.home-knowledge-photo .knowledge-content-image { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: 63% center; border-radius: 50%; border: 6px solid #fdf2ee; }
.home-page .knowledge-closing .knowledge-actions { justify-content: center; }
@media (max-width: 768px) {
  .home-benefit-grid, .home-knowledge { grid-template-columns: minmax(0, 1fr); }
  .home-benefit-grid { gap: 18px; }
  .home-benefit-grid article, .home-knowledge { padding: 26px; }
  .home-knowledge { gap: 30px; }
  .home-knowledge-photo { grid-row: 1; width: min(100%, 300px); margin: 0 auto; }
  .home-photo-note { right: 0; bottom: 54px; max-width: 160px; font-size: 13px; padding: 13px; }
}
.offer-knowledge { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 42px; padding: 38px; border: 1px solid #c7b09a; border-radius: 20px; background: #edddd1; }
.offer-knowledge-copy > p { font-size: 16px; }
.offer-knowledge-art { display: block; width: 160px; height: auto; margin-top: -12px; }
.offer-knowledge-price { padding: 32px; border: 1px solid #d3c0b0; border-radius: 14px; background: #fffaf7; }
.offer-knowledge-price h3 { font-size: 29px; line-height: 1.3; margin: 24px 0 0; }
.offer-knowledge-tag { display: inline-block; padding: 8px 12px; border: 1px solid #c7b09a; border-radius: 30px; font-size: 12px; font-weight: 500; background: #f5eae2; }
.offer-knowledge-price .knowledge-amount { font-size: clamp(34px, 4vw, 46px); }
.offer-knowledge-price .knowledge-button { width: 100%; }
.offer-knowledge-price .knowledge-text-link { display: inline-block; margin-top: 20px; }
@media (max-width: 768px) {
  .offer-knowledge { grid-template-columns: minmax(0, 1fr); padding: 26px; gap: 20px; }
  .offer-knowledge-price { padding: 24px; }
  .offer-knowledge-art { width: 125px; }
}
@media (max-width: 360px) { .offer-knowledge { padding: 18px; } .offer-knowledge-price { padding: 18px; } }
.about-page .knowledge-hero { grid-template-columns: 1.25fr 1fr; }
.about-portrait { margin: 0; text-align: center; padding: 30px; position: relative; }
.about-portrait::before { content: ''; position: absolute; inset: 0; border: 1px solid #c7b09a; border-radius: 180px 180px 18px 18px; background: #edddd180; z-index: -1; }
.about-portrait .knowledge-content-image { display: block; width: min(100%, 360px); height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 40%; border-radius: 180px 180px 12px 12px; border: 6px solid #fffaf7; margin: 0 auto; }
.about-portrait figcaption { font-size: 13px; font-style: italic; margin-top: 24px; line-height: 1.7; }
.about-anna { display: grid; grid-template-columns: .8fr 1.3fr; gap: 55px; align-items: center; background: #ffffff80; padding: 38px; border: 1px solid #d3c0b0; border-radius: 18px; }
.about-anna p, .about-contact p, .about-personal p { font-size: 16px; }
.about-monogram { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 220px; height: 220px; border-radius: 50%; background: #edddd1; color: #75613f; font-size: 40px; letter-spacing: 8px; margin: 0 auto; }
.about-monogram span { font-size: 42px; line-height: 1.5; letter-spacing: 0; }
.about-personal { max-width: 760px; margin-left: auto; margin-right: auto; padding: 0 24px 24px; border-bottom: 1px solid #d3c0b0; }
.about-contact { display: grid; grid-template-columns: .75fr 1.3fr; gap: 55px; align-items: center; padding: 38px; background: #edddd1; border: 1px solid #c7b09a; border-radius: 18px; }
.about-chat { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 190px; height: 170px; background: #fffaf7; border: 1px solid #c7b09a; border-radius: 30px; margin: 0 auto; }
.about-chat::after { content: ''; position: absolute; left: 25px; bottom: -16px; width: 28px; height: 28px; background: #fffaf7; border-right: 1px solid #c7b09a; border-bottom: 1px solid #c7b09a; transform: skewY(-35deg); }
.about-chat span { font-size: 46px; color: #75613f; line-height: 1; }
.about-chat i { width: 70px; height: 3px; border-radius: 4px; background: #c7b09a; }
.about-chat i:last-child { width: 45px; }
.about-contact .knowledge-button { background: #fffaf7; }
.about-contact .about-phone { font-size: 14px; margin: 16px 0 0; }
@media (max-width: 768px) {
  .about-page .knowledge-hero, .about-anna, .about-contact { grid-template-columns: minmax(0, 1fr); }
  .about-portrait { width: min(100%, 320px); margin: 0 auto; padding: 24px; }
  .about-portrait .knowledge-content-image { max-width: 260px; }
  .about-anna, .about-contact { padding: 26px; gap: 30px; }
  .about-monogram { width: 155px; height: 155px; font-size: 30px; }
  .about-chat { width: 150px; height: 130px; margin: 0 auto 15px; }
  .about-personal { padding: 0 0 20px; }
}
.contact-page .knowledge-hero { grid-template-columns: 1.25fr 1fr; }
.contact-phone { font-size: 15px; margin: 18px 0 0; letter-spacing: 1.2px; }
.contact-options { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; }
.contact-options article { padding: 36px; border: 1px solid #c7b09a; border-radius: 18px; background: #fffaf7; }
.contact-options .contact-whatsapp { background: #edddd1; }
.contact-options .contact-whatsapp .knowledge-button { background: #fffaf7; }
.contact-options p { font-size: 16px; }
.contact-options h2 { font-size: 30px; }
.contact-method-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #fffaf7; color: #75613f; font-size: 31px; margin-bottom: 25px; }
.contact-instagram-icon { display: block; width: 28px; height: 28px; padding: 10px; border-radius: 50%; background: #a6916b; margin-bottom: 25px; box-sizing: content-box !important; }
.contact-topics article { display: flex; flex-direction: column; align-items: flex-start; }
.contact-topics article .knowledge-text-link { display: inline-block; margin-top: auto; padding-top: 22px; }
@media (max-width: 768px) {
  .contact-page .knowledge-hero, .contact-options { grid-template-columns: minmax(0, 1fr); }
  .contact-options article { padding: 26px; }
}
.manual-page { text-align: left; }
.manual-page h1 { text-align: center; }
.manual-page h2 { margin-top: 2.5em; }
.manual-page img { display: block; width: 100%; height: auto; margin-bottom: 2em; }
.manual-page .manual-toc { box-sizing: border-box; width: 100%; padding: 18px 22px; background: #ffffff80; border: 1px solid #d3c0b0; border-radius: 8px; }
.manual-page .manual-toc h2 { margin: 0 0 12px; font-size: 1.2em; }
.manual-toc ul { display: grid; grid-template-columns: 1fr; gap: 7px; margin: 0; padding: 0; list-style: none; }
.manual-page .manual-toc li { display: block; margin: 0; line-height: 1.5; }
.manual-page .manual-toc a { font-weight: 400; text-decoration: underline; }
.manual-page h2[id] { scroll-margin-top: 24px; }
@media (min-width: 767px) {
  .manual-toc ul { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(7, auto); grid-auto-flow: column; column-gap: 24px; }
}

:root { --surface-background: #fdf2ee; --cookie-background: var(--footer-background); --cookie-text-color: var(--text-color); --cookie-button-background: var(--surface-background); --cookie-button-text-color: var(--text-color); --cookie-border-color: var(--social-background); }