.energy-ribbon{position:relative;isolation:isolate;margin:38px 0;padding:0 0 14px;border:1px solid #57635d;border-radius:18px;background:linear-gradient(145deg,#34413b,#141d1b 32%,#0b1110 80%);color:#ecf0e9;box-shadow:0 1px 0 #fff8 inset,0 -2px 0 #000 inset,0 5px 0 #1d2822,0 6px 0 #606b60,0 20px 34px -18px #0009;overflow:hidden}.ribbon-top{padding:18px 24px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.ribbon-wordmark{display:flex;align-items:center;gap:12px}.ribbon-wordmark>span{font-size:12px;font-weight:800;letter-spacing:.14em;max-width:58px;line-height:1.2}.ribbon-wordmark h2{font-size:32px;font-weight:850;line-height:1;letter-spacing:.04em;margin:0;color:#ffae6b;text-shadow:0 1px 0 #000}.ribbon-controls{display:flex;align-items:center;gap:20px}.ribbon-controls>span{font:12px monospace;letter-spacing:.06em;color:#bac6ba}.ribbon-controls button{background:#16201b;border:1px solid #63715f;border-radius:20px;color:#dbe5d7;padding:8px 12px;font-size:12px;cursor:pointer}.ribbon-controls button[hidden]{display:none}.ribbon-channel{overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);border-top:1px solid #5c68524d;border-bottom:1px solid #020504;background:linear-gradient(180deg,#0007,#0000 18%,#0000 82%,#0005);padding:12px 0 15px;overscroll-behavior-x:contain}.ribbon-channel::-webkit-scrollbar{display:none}.ribbon-belt,.ribbon-group{display:flex;width:max-content}.ribbon-group{gap:12px;padding-right:12px}.ribbon-tile{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 370px;box-sizing:border-box;width:370px;min-height:156px;padding:18px 22px;border:1px solid #73836a55;border-radius:10px;background:linear-gradient(140deg,#334436aa,#14241cb0 60%,#101c16);box-shadow:0 1px 0 #d8edd226 inset,0 8px 15px -9px #000;text-decoration:none;color:#eff2e9;transition:border-color .2s,background .2s,box-shadow .2s;transform:perspective(1000px) rotateY(-2deg)}.ribbon-tile:hover{border-color:#e7924f;background:linear-gradient(140deg,#4b4c32,#192e21);box-shadow:0 1px 0 #ffce9e66 inset,0 8px 22px -8px #000}.ribbon-meta,.ribbon-source{display:flex;justify-content:space-between;gap:16px;font:12px/1.4 monospace}.ribbon-meta{color:#f3aa70}.ribbon-meta>span{text-transform:uppercase}.ribbon-meta time{white-space:nowrap;color:#c1cbbb}.ribbon-headline{font-size:20px;font-weight:650;letter-spacing:-.02em;line-height:1.25;display:block;margin:13px 0}.ribbon-source{color:#adbca8}.ribbon-source>span{white-space:nowrap;color:#e3eacb}.ribbon-history{background:linear-gradient(135deg,#5c4127a8,#251e15);border-color:#a5784255}.ribbon-footer{display:flex;justify-content:space-between;gap:15px;padding:14px 24px 0;font:11px/1.5 monospace;color:#aebba7}.energy-ribbon :focus-visible{outline:2px solid #ffbd82;outline-offset:-3px}.ribbon-dialog{box-sizing:border-box;width:min(600px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #66705a;border-radius:16px;padding:30px;background:linear-gradient(145deg,#28362b,#101a14);color:#f0f2e8;box-shadow:0 30px 100px #0009}.ribbon-dialog::backdrop{background:#07110dcc;backdrop-filter:blur(8px)}.ribbon-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.1em;color:#f3aa70}.ribbon-dialog-top button{font:inherit;letter-spacing:0;background:none;color:#ebf0e6;border:1px solid #77836b;border-radius:20px;padding:10px 16px;cursor:pointer}.ribbon-dialog-meta{font:12px/1.7 monospace;color:#b6c4ac;margin-top:30px}.ribbon-dialog h2{font-size:clamp(25px,4vw,38px);line-height:1.1;letter-spacing:-.035em;margin:16px 0 22px}.ribbon-dialog-summary{font-size:17px;line-height:1.7;color:#d1dbc8}.ribbon-dialog-source{display:block;color:#ffc48d;text-underline-offset:5px;font-size:16px;padding:16px 0}.ribbon-dialog-credit{color:#b6c4ac;font-size:12px}.ribbon-dialog-credit[hidden]{display:none}@media(max-width:640px){.energy-ribbon{margin:28px 0;border-radius:14px}.ribbon-top{padding:16px;gap:12px}.ribbon-controls{gap:0}.ribbon-controls>span{display:none}.ribbon-wordmark h2{font-size:27px}.ribbon-wordmark>span{font-size:11px}.ribbon-tile{width:300px;flex-basis:300px;min-height:163px;padding:16px 18px}.ribbon-headline{font-size:19px}.ribbon-footer{padding:12px 16px 0;font-size:11px;gap:10px}.ribbon-dialog{padding:24px}}@media(prefers-reduced-motion:reduce){.ribbon-tile{transition:none;transform:none}}