.guide-article{max-width:1120px!important;margin:auto!important;padding:48px 24px!important}
.guide-article h1{font-size:clamp(2rem,4vw,2.7rem)!important;line-height:1.2!important}
.guide-article h1:first-letter{font-family:inherit!important;font-size:inherit!important}
.guide-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}
.guide-actions a{font:500 1rem 'DM Sans',sans-serif;padding:12px 18px;border:1px solid #88672f;background:#fbf8f1;color:#715522;min-height:44px}
.guide-reader{max-width:820px;margin:38px auto;scroll-margin-top:120px;user-select:none}
.guide-stage{position:relative;display:flex;align-items:center;justify-content:center;perspective:1800px}
.guide-page{position:relative;width:100%;aspect-ratio:1241/1754;margin:0;background:#efe5d2;box-shadow:0 18px 48px rgba(61,47,27,.18);transform-style:preserve-3d}
.guide-page img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;border:1px solid #d8c9af;pointer-events:none;backface-visibility:hidden}
.guide-fullscreen{position:absolute;z-index:5;top:14px;right:14px;width:44px;height:44px;border:1px solid rgba(136,103,47,.42);border-radius:50%;background:rgba(251,248,241,.94);color:#715522;box-shadow:0 4px 14px rgba(61,47,27,.16);cursor:pointer;display:grid;place-items:center;padding:10px}
.guide-fullscreen svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.guide-close-icon{display:none}.guide-fullscreen.is-active .guide-zoom-icon{display:none}.guide-fullscreen.is-active .guide-close-icon{display:block}
.guide-current{z-index:2;transform-origin:left center}
.guide-incoming{z-index:1;transform-origin:left center}
.guide-page.book-next .guide-current{animation:book-turn-next .62s cubic-bezier(.55,.05,.32,1) forwards;box-shadow:18px 5px 28px rgba(35,27,17,.2)}
.guide-page.book-previous .guide-incoming{z-index:3;animation:book-turn-previous .62s cubic-bezier(.55,.05,.32,1) forwards}
@keyframes book-turn-next{0%{transform:rotateY(0)}55%{filter:brightness(.82)}100%{transform:rotateY(-180deg);filter:brightness(.72)}}
@keyframes book-turn-previous{0%{transform:rotateY(-180deg);filter:brightness(.72)}45%{filter:brightness(.84)}100%{transform:rotateY(0);filter:brightness(1)}}
.guide-arrow{position:absolute;z-index:2;top:50%;width:46px;height:46px;margin-top:-23px;border:1px solid rgba(136,103,47,.35);border-radius:50%;background:rgba(251,248,241,.92);color:#715522;font:400 2.2rem/1 'DM Sans',sans-serif;box-shadow:0 5px 18px rgba(61,47,27,.14);cursor:pointer;display:grid;place-items:center;padding:0}
.guide-arrow-prev{left:-23px}.guide-arrow-next{right:-23px}
.guide-arrow:disabled{opacity:0;pointer-events:none}
.guide-meta{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;color:#715522;font:500 .95rem 'DM Sans',sans-serif}
.guide-meta p{margin:0}.guide-counter{font-variant-numeric:tabular-nums}
.guide-counter{text-align:right}
.guide-reader:fullscreen{max-width:none;margin:0;padding:18px 70px;background:#211f1c;display:flex;flex-direction:column;justify-content:center}
.guide-reader:fullscreen .guide-stage{min-height:0;flex:1}
.guide-reader:fullscreen .guide-page{width:auto;height:calc(100vh - 82px);aspect-ratio:1241/1754}
.guide-reader:fullscreen .guide-page img{width:100%;height:100%;object-fit:contain}
.guide-reader:fullscreen .guide-meta{color:#f7f0e4}
.guide-reader:fullscreen .guide-fullscreen{top:18px;right:18px;background:rgba(33,31,28,.82);border-color:rgba(247,240,228,.55);color:#f7f0e4}
.guide-contact{max-width:800px;margin:48px auto;padding:30px;border:1px solid #c5a35d;background:#f6efe1;text-align:center}
.guide-contact h2{margin:0 0 10px;font-size:1.7rem}.guide-contact p{margin:0 0 22px}
.guide-contact .button{display:inline-block;padding:12px 24px;background:#88672f;color:#fff;text-decoration:none}
.guide-article a:focus-visible,.guide-article button:focus-visible{outline:3px solid #88672f;outline-offset:4px}
@media(max-width:700px){
  .guide-article{padding:28px 16px!important}
  .guide-reader{margin-top:28px}
  .guide-arrow{width:40px;height:40px;margin-top:-20px;font-size:1.9rem}
  .guide-arrow-prev{left:8px}.guide-arrow-next{right:8px}
  .guide-page{box-shadow:0 10px 28px rgba(61,47,27,.16)}
  .guide-contact{padding:24px 18px}
  .guide-fullscreen{top:10px;right:10px;width:40px;height:40px;padding:9px}
  .guide-reader:fullscreen{padding:12px 8px}.guide-reader:fullscreen .guide-page{height:auto;width:100%;aspect-ratio:1241/1754}
}
@media(prefers-reduced-motion:reduce){.guide-page.book-next .guide-current,.guide-page.book-previous .guide-incoming{animation:none}}