:root{--ool-primary-color:#436f4d;--ool-accent-color:#c23;--ool-text-dark:#333;--ool-text-medium:#555;--ool-text-light:#666;--ool-border-color:#436f4d;--ool-bg-white:#fff;--ool-bg-light:#f1f1f1;--ool-shadow-light:#0000001a;--ool-shadow-dark:#000000e6;--ool-overlay-bg:#0009;--ool-image-size:167px;--ool-gap-small:5px;--ool-gap-medium:10px;--ool-gap-large:20px;--ool-border-radius:4px;--ool-transition-fast:.2s ease;--ool-transition-medium:.3s ease;--ool-transition-slow:.5s ease}.ool-page *{box-sizing:border-box}.ool-page{margin:0 auto}.ool-page-header{margin-bottom:20px}.ool-page-title{color:var(--ool-text-dark);margin:0 0 20px;font-size:28px}.ool-description-section{margin-bottom:25px}.ool-description-header{background:var(--ool-primary-color);-webkit-user-select:none;user-select:none;margin:0;position:relative}.ool-description-toggle{text-align:left;cursor:pointer;width:100%;color:var(--ool-bg-white);background:0 0;border:none;padding:5px 12px;font-family:inherit;font-size:16px;display:block;position:relative}.ool-description-toggle:before{content:"▼";transform-origin:50%;width:20px;height:20px;color:var(--ool-bg-white);justify-content:center;align-items:center;font-size:16px;transition:transform .3s;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)rotate(90deg)}.ool-description-header.collapsed .ool-description-toggle:before{transform:translateY(-50%)rotate(-90deg)}.ool-description-content{border:2px solid var(--ool-border-color);padding:var(--ool-gap-medium);border-top:none;display:block}.ool-description-content.hidden{display:none}.ool-description-text{color:var(--ool-text-medium);margin:0;font-size:14px;line-height:1.6}.ool-container{position:relative}.ool-controls{justify-content:center;gap:var(--ool-gap-large);z-index:var(--z-content);margin-top:1rem;margin-bottom:2rem;display:flex;position:absolute;top:10px;right:15px}.ool-control-btn{background-color:var(--ool-bg-white);color:#000;cursor:pointer;width:40px;height:40px;transition:background-color var(--ool-transition-medium);border:2px solid var(--ool-bg-white);border-radius:3px;outline:2px solid #000;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.ool-control-btn:hover{opacity:.9;background-color:#f0f0f0}.ool-gallery-container{scrollbar-width:thin;scrollbar-color:#888 var(--ool-bg-light);width:100%;padding-bottom:1rem;padding-left:3px;position:relative;overflow-x:auto}.ool-gallery-container::-webkit-scrollbar{height:8px}.ool-gallery-container::-webkit-scrollbar-track{background:var(--ool-bg-light);border-radius:var(--ool-border-radius)}.ool-gallery-container::-webkit-scrollbar-thumb{border-radius:var(--ool-border-radius);background:#888}.ool-gallery-container::-webkit-scrollbar-thumb:hover{background:var(--ool-text-medium)}.ool-gallery{gap:var(--ool-gap-small);width:max-content;padding:10px 0;display:flex}.ool-column{gap:var(--ool-gap-small);width:var(--ool-image-size);flex-direction:column;display:flex}.ool-image-container{height:var(--ool-image-size);border-radius:var(--ool-border-radius);cursor:pointer;transition:transform var(--ool-transition-fast);border:2px solid var(--ool-bg-white);position:relative;overflow:hidden}.ool-image-container:hover{box-shadow:0 10px 20px var(--ool-shadow-light);transform:translateY(-5px)}.ool-card-button{z-index:var(--z-content);cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.ool-image-container.ool-active{outline:3px solid var(--ool-accent-color)}.ool-image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--ool-transition-medium)}.ool-image-container:hover img{transform:scale(1.05)}.ool-overlay-text{background:var(--ool-overlay-bg);color:var(--ool-bg-white);text-align:center;opacity:0;transition:transform var(--ool-transition-medium), opacity var(--ool-transition-medium);width:var(--ool-image-size);height:var(--ool-image-size);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.ool-image-container:hover .ool-overlay-text{opacity:1;transform:translateY(0)}.ool-overlay-text h3{color:var(--ool-bg-white);line-height:26px;font-family:var(--font-roboto-condensed), Arial, sans-serif;margin:0 0 10px;padding:0 10px;font-size:20px}.ool-overlay-text p{line-height:17px;font-family:var(--font-roboto-condensed), Arial, sans-serif;margin:0;padding:0 10px}.ool-info-container{color:var(--ool-accent-color);text-align:center;margin-top:22px;font-size:24px}.ool-details-container{background-color:var(--ool-bg-white);box-shadow:0 4px 12px var(--ool-shadow-light);animation:fadeIn var(--ool-transition-slow);border-radius:8px;margin-top:2rem;padding:2rem;display:none;position:relative}.ool-details-container.ool-show{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ool-close-details{cursor:pointer;color:#383838;transition:color var(--ool-transition-fast);background:0 0;border:none;padding:5px 10px;font-size:1.6rem;position:absolute;top:8px;right:15px}.ool-close-details:hover{color:var(--ool-text-dark)}.ool-details-header{align-items:center;margin-bottom:1.5rem;display:flex}.ool-details-thumbnail{border-radius:var(--ool-border-radius);cursor:pointer;flex-shrink:0;width:120px;height:120px;margin-right:1.5rem;overflow:hidden}.ool-details-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ool-details-title-area{flex:1}.ool-details-title{color:var(--ool-text-dark);margin:0 0 5px;font-size:20px}.ool-details-subtitle{color:var(--ool-text-light);margin:0;font-size:18px}.ool-details-content{color:#444;line-height:1.7}.ool-details-content p{margin-bottom:1rem}.ool-details-content h2,.ool-details-content h3,.ool-details-content h4,.ool-details-content h5,.ool-details-content h6{color:var(--ool-primary-color);margin-top:1.5rem;margin-bottom:1rem}.ool-details-content blockquote{border-left:3px solid var(--ool-primary-color);background-color:#f9f9f9;margin:1rem 0;padding:10px 10px 10px 20px;font-family:Courier New,Courier,monospace;font-size:16px}.ool-details-content blockquote p{margin-bottom:9px;font-family:inherit;line-height:1.5em}.ool-error-section{margin-top:40px}.ool-error-header{background:var(--ool-primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 12px;position:relative}.ool-error-header:before{content:"▼";width:20px;height:20px;color:var(--ool-bg-white);font-size:16px;transition:transform .3s;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ool-error-header.collapsed:before{transform:translateY(-50%)rotate(-90deg)}.ool-error-header h3{color:var(--ool-bg-white);margin:0;padding:5px 0;font-size:16px}.ool-error-content{border:2px solid var(--ool-border-color);padding:var(--ool-gap-medium);border-top:none;display:none}.ool-error-content.ool-show{display:block}@media (max-width:992px){.ool-page{padding:15px}.ool-controls{margin-bottom:15px;position:static}.ool-details-header{flex-direction:column;align-items:flex-start}.ool-details-thumbnail{margin-bottom:1rem;margin-right:0}}@media (max-width:767px){.ool-page{padding:10px}.ool-page-title{font-size:24px}.ool-gallery{width:auto;display:block}.ool-column{float:left;width:50%;display:block}.ool-image-container{aspect-ratio:1;height:auto;margin:3px}.ool-overlay-text{width:100%;height:100%}.ool-overlay-text p{padding-left:3px;padding-right:3px;font-size:14px}.ool-overlay-text h3{font-size:16px;line-height:20px}.ool-controls,.ool-info-container{display:none}.ool-details-container.mobile-popup{background-color:var(--ool-bg-white);width:85%;height:82%;max-height:82vh;box-shadow:0 4px 42px var(--ool-shadow-dark);z-index:var(--z-sticky);margin-top:0;padding:16px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.ool-details-header{flex-direction:row;align-items:center}.ool-details-thumbnail{width:80px;height:80px;margin-bottom:0;margin-right:1rem}.ool-details-title{font-size:18px}.ool-details-subtitle{font-size:16px}.ool-close-details{font-size:2rem;top:5px;right:10px}}.clearfix:after{content:"";clear:both;display:table}