@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:wght@400;700&display=swap";
:root{--si-primary:#1a1a1a;--si-accent:burlywood;--si-accent-hover:#ea8068;--si-bg:#fafaf0;--info-base-200:#deded5;--si-shadow-sm:0 2px 8px #0f0f0f0f;--si-shadow-md:0 4px 20px #0f0f0f14;--si-shadow-lg:0 8px 30px #0f0f0f1f;--si-font-heading:"Playfair Display", Georgia, serif;--si-font-body:"Manrope", system-ui, -apple-system, sans-serif}.selectable-info{width:100%;font-family:var(--si-font-body);background:var(--si-bg);color:var(--si-primary);padding:3rem 2rem}.selectable-info__header{text-align:center;margin-bottom:3.5rem;position:relative}.selectable-info__header h2{font-family:var(--si-font-heading);color:var(--si-primary);letter-spacing:.5px;margin:0 0 1.25rem;padding-bottom:1.5rem;font-size:2.75rem;font-weight:700;position:relative}.selectable-info__header h2:after{content:"";background:linear-gradient(90deg, var(--si-accent), var(--si-accent-hover));border-radius:3px;width:120px;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.selectable-info__header p{font-family:var(--si-font-body);color:#666;letter-spacing:.3px;margin:0;font-size:1.15rem;font-weight:500}.selectable-info__content{font-family:var(--si-font-body);background:var(--info-base-200);box-shadow:var(--si-shadow-md);border-radius:16px;grid-template-columns:2fr 3fr;gap:3.5rem;max-width:1400px;margin:0 auto;padding:3rem;display:grid;position:relative;overflow:hidden}.selectable-info__content:before{content:"";background:linear-gradient(90deg, var(--si-accent), var(--si-accent-hover), var(--si-accent));background-size:200% 100%;height:4px;animation:3s infinite gradientFlow;position:absolute;top:0;left:0;right:0}@keyframes gradientFlow{0%,to{background-position:0 0}50%{background-position:100% 0}}.selectable-info__list{counter-reset:item-counter;flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.selectable-info__item{background:var(--si-bg);box-shadow:var(--si-shadow-sm);counter-increment:item-counter;border-left:4px solid #0000;border-radius:12px;flex-direction:column;gap:.625rem;padding:1.5rem 1.75rem 1.5rem 4rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.selectable-info__item:before{content:counter(item-counter);width:2rem;height:2rem;color:var(--si-accent);background:linear-gradient(135deg,#deb88733,#ea806826);border:2px solid #deb8874d;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .35s;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.selectable-info__item .icon{color:var(--si-primary);margin-bottom:.25rem;font-size:1.5rem;transition:color .3s,transform .3s}.selectable-info__item .label{color:var(--si-primary);letter-spacing:.3px;font-size:1.15rem;font-weight:700;line-height:1.4;transition:color .3s}.selectable-info__item .summary{color:#666;font-size:.95rem;font-weight:500;line-height:1.6;transition:color .3s}.selectable-info__item.clickable{cursor:pointer}.selectable-info__item.clickable:hover{border-left-color:var(--si-accent);box-shadow:var(--si-shadow-md);background:#fff;transform:translate(8px)}.selectable-info__item.clickable:hover:before{background:linear-gradient(135deg, var(--si-accent), var(--si-accent-hover));color:#fff;border-color:var(--si-accent);transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #deb88766}.selectable-info__item.clickable:hover .icon{color:var(--si-accent-hover);transform:scale(1.15)rotate(5deg)}.selectable-info__item.clickable:hover .label{color:var(--si-accent-hover)}.selectable-info__item.clickable:hover .summary{color:#444}.selectable-info__item.active{border-left-color:var(--si-accent);background:linear-gradient(90deg,#deb8872e,#ea806814);transform:translate(4px);box-shadow:0 6px 18px #deb88740}.selectable-info__item.active:before{background:linear-gradient(135deg, var(--si-accent), var(--si-accent-hover));color:#fff;border-color:var(--si-accent-hover);font-weight:800;transform:translateY(-50%)scale(1.15);box-shadow:0 4px 12px #deb88780}.selectable-info__item.active .label{color:var(--si-accent-hover);font-weight:800}.selectable-info__item.active .icon{color:var(--si-accent-hover);transform:scale(1.2)}.selectable-info__item.active .summary{color:#444;font-weight:600}.selectable-info__item.highlight.active{background:linear-gradient(90deg,#ea806833,#deb8871f);border-left-width:5px}.selectable-info__detail{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #0000000f;border-radius:14px;align-items:flex-start;min-height:350px;padding:2.5rem;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0000000a}.selectable-info__detail:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#deb88714 50%);width:120px;height:120px;position:absolute;top:0;right:0}.selectable-info__detail p{font-family:var(--si-font-body);color:#333;z-index:1;text-align:justify;margin:0;font-size:1.1rem;font-weight:500;line-height:2;position:relative}.selectable-info__detail .placeholder{color:#aaa;text-align:center;align-self:center;width:100%;font-size:1.05rem;font-style:italic;font-weight:400}@media (max-width:1024px){.selectable-info{padding:2.5rem 1.5rem}.selectable-info__content{grid-template-columns:1fr;gap:3rem;padding:2.5rem}.selectable-info__header h2{font-size:2.25rem}.selectable-info__header p{font-size:1.05rem}.selectable-info__item{padding:1.35rem 1.5rem 1.35rem 3.75rem}.selectable-info__item:before{width:1.85rem;height:1.85rem;font-size:.85rem;left:1.15rem}.selectable-info__detail{min-height:280px;padding:2.25rem}}@media (max-width:768px){.selectable-info{padding:2rem 1rem}.selectable-info__header{margin-bottom:2.5rem}.selectable-info__header h2{padding-bottom:1.25rem;font-size:1.85rem}.selectable-info__header h2:after{width:100px;height:3px}.selectable-info__header p{font-size:1rem}.selectable-info__content{border-radius:14px;gap:2.5rem;padding:2rem 1.5rem}.selectable-info__content:before{height:3px}.selectable-info__list{gap:.75rem}.selectable-info__item{border-radius:10px;padding:1.25rem 1.25rem 1.25rem 3.5rem}.selectable-info__item:before{width:1.75rem;height:1.75rem;font-size:.8rem;left:1rem}.selectable-info__item .label{font-size:1.05rem}.selectable-info__item .summary{font-size:.9rem}.selectable-info__item.clickable:hover{transform:translate(5px)}.selectable-info__detail{min-height:240px;padding:2rem}.selectable-info__detail:after{width:80px;height:80px}.selectable-info__detail p{text-align:left;font-size:1rem;line-height:1.85}}@media (max-width:480px){.selectable-info__header h2{font-size:1.65rem}.selectable-info__content{padding:1.75rem 1.25rem}.selectable-info__item{padding:1.15rem 1rem 1.15rem 3.25rem}.selectable-info__item:before{width:1.65rem;height:1.65rem;font-size:.75rem;left:.85rem}.selectable-info__detail{padding:1.75rem}}