@layer pages{.joe_archives-title{height:40px;color:var(--text-primary);border-bottom:1px solid var(--border-lighter);align-items:center;gap:6px;margin-bottom:20px;line-height:40px;display:flex;& i{color:var(--text-secondary)}& em{color:var(--text-secondary);font-style:normal}}.joe_archives__filing{background:var(--bg-page);box-shadow:var(--shadow);border-radius:var(--radius-wrap);& .title{height:45px;color:var(--text-title);user-select:none;justify-content:space-between;align-items:center;padding:0 12px;font-weight:700;display:flex;& .name{font:inherit}& .period{align-items:center;gap:4px;display:inline-flex;& a{color:var(--text-secondary);font-weight:400;&:hover{color:var(--theme-text)}}& i{color:var(--text-placeholder);font-size:14px}}& .total{color:var(--text-secondary);font-size:13px;font-weight:400;& em{color:var(--text-regular);font-style:normal;font-weight:600}}}& .content{padding:15px;overflow:hidden}}.joe_archives__category{margin-bottom:20px;& .joe_category-list{flex-wrap:wrap;gap:8px;max-height:400px;display:flex;overflow:auto;& .item a{height:28px;color:var(--text-regular);background:var(--fill-base);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex;& span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}& em{color:var(--text-secondary);font-size:12px;font-style:normal}&:hover{color:var(--theme-text);background:var(--tint);& em{color:inherit}}}}}.joe_archives__wrapper{animation-delay:.2s;& .joe_archives-list{& .item{background:var(--fill-base);border-radius:4px;justify-content:space-between;align-items:center;height:40px;margin-bottom:10px;padding:10px 14px;display:flex;position:relative;& a{text-overflow:ellipsis;white-space:nowrap;color:var(--text-regular);flex:1;margin-right:20px;display:block;overflow:hidden}& span{color:var(--text-secondary)}& .joe-font{fill:var(--text-secondary);transition:transform var(--dur-base) var(--ease-out);transform:rotate(0)}&:hover{& a{color:var(--theme)}}}}& .joe_archives-timelist{& .item{position:relative;&:last-child{& .wrapper{padding-bottom:0}}&:before{content:"";background:var(--border-lighter);border-radius:50%;width:13px;height:13px;position:absolute;top:14px}&:after{content:"";background:var(--border-lighter);width:1px;height:100%;position:absolute;top:22px;left:6px}& .wrapper{transition:height var(--dur-base) var(--ease-out);padding-bottom:15px;padding-left:30px;overflow:hidden;& .panel{color:var(--text-title);cursor:pointer;background:var(--fill-base);border-radius:var(--radius-inner);justify-content:space-between;align-items:center;gap:8px;height:40px;padding:10px 12px;font-weight:600;display:flex;position:relative;& .when{flex:1}& .num{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400}& .joe-font{color:var(--text-secondary);transition:transform var(--dur-base) var(--ease-out);transform:rotate(0)}&:hover .when{color:var(--theme-text)}&.in{& .joe-font{transform:rotate(180deg)}&+.panel-body{opacity:1}}&:before{content:"";border-right:8px solid var(--fill-base);border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}}& .panel-body{opacity:0;transition:opacity var(--dur-base) var(--ease-out);padding:6px 0 0;& .row{border-radius:var(--radius-inner);color:var(--text-regular);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:baseline;gap:14px;padding:8px 12px;display:flex;& time{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:none;font-size:13px}& span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}&:hover{color:var(--theme-text);background:var(--fill-base)}}}}&.load{padding-top:15px;& .head{background:var(--theme);top:25px}& .button{background:var(--theme-solid);color:#fff;border-radius:var(--radius-inner);border:none;height:34px;margin-left:30px;padding:0 12px;font-size:13px;position:relative;&:before{content:"";border-right:8px solid var(--theme);border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}}}}}}.joe_heatmap{margin-bottom:20px;& .summary{color:var(--text-secondary);margin:0 0 10px;font-size:13px;& em{color:var(--text-regular);font-style:normal;font-weight:600}}& .grid{flex-direction:column;gap:4px;display:flex;overflow-x:auto}& .row{grid-template-columns:44px repeat(12,minmax(14px,1fr));align-items:center;gap:4px;display:grid}& .year,& .m{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:11px}& .m{text-align:center}& .cell{border-radius:3px;height:16px;display:block}& a.cell{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);&:hover{box-shadow:0 0 0 2px var(--bg-page), 0 0 0 3px var(--theme);transform:scale(1.15)}}& .lv-0{background:var(--fill-base)}& .lv-1{background:color-mix(in srgb, var(--theme) 25%, var(--bg-page))}& .lv-2{background:color-mix(in srgb, var(--theme) 50%, var(--bg-page))}& .lv-3{background:color-mix(in srgb, var(--theme) 75%, var(--bg-page))}& .lv-4{background:var(--theme)}& .legend{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:3px;margin:8px 0 0;font-size:11px;display:flex;& .cell{width:12px;height:12px}}}}