.oct-list{width:var(--oct-list);flex-direction:column;flex:none;min-width:240px;margin-left:12px;padding-right:4px;transition:width .4s ease-in-out,min-width .4s ease-in-out,margin .4s ease-in-out,padding .4s ease-in-out,opacity .25s;display:flex;position:relative}html[data-list-resizing] .oct-list{transition:none}html[data-list-resizing],html[data-list-resizing] *{cursor:col-resize;-webkit-user-select:none;user-select:none}.oct-list-resize{z-index:2;cursor:col-resize;touch-action:none;outline:none;width:12px;position:absolute;top:0;bottom:0;right:-6px}.oct-list-resize:after{content:"";background:0 0;border-radius:1px;width:2px;transition:background-color .15s;position:absolute;top:12px;bottom:12px;left:5px}.oct-list-resize:hover:after,.oct-list-resize:focus-visible:after,html[data-list-resizing] .oct-list-resize:after{background:var(--oct-line)}[data-list=hidden] .oct-list-resize{display:none}[data-list=hidden] .oct-list.oct-list{opacity:0;pointer-events:none;width:0;min-width:0;margin-left:0;padding-right:0;overflow:hidden}[data-list=hidden] .oct-list+.oct-detail,[data-list=hidden] .oct-list+.oct-split-main :is(.oct-detail,[data-style=page\.card]){margin-left:6px}.oct-list-toggle[aria-pressed=false]{color:var(--oct-ink);background:var(--oct-fill)}@media (prefers-reduced-motion:reduce){.oct-list{transition:none}}.oct-list:before{content:"";background:var(--oct-line);width:1px;position:absolute;top:8px;bottom:8px;left:-10px}.oct-list-head{padding:28px 12px 8px 8px}.oct-list-title{align-items:baseline;min-height:32px;margin-bottom:12px;display:flex}.oct-list-title>:not(h1,span){align-self:center;margin-right:6px}.oct-list-title h1{font:600 22px/28px var(--oct-font);letter-spacing:normal;color:var(--oct-ink);margin:0}.oct-list-title span{font:400 13px/20px var(--oct-font);color:var(--oct-text);margin-left:8px}.oct-list-actions{justify-content:flex-end;align-items:center;gap:2px;padding-bottom:2px;display:flex}.oct-list-tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.oct-list-tab{border-radius:var(--oct-radius-sm);height:32px;font:600 13px/20px var(--oct-font);white-space:nowrap;color:var(--oct-text);cursor:pointer;background:0 0;border:0;flex:none;padding:0 12px;transition:background-color .15s}.oct-list-tab:hover{background:var(--oct-wash)}.oct-list-tab[aria-selected=true]{color:var(--oct-canvas);background:var(--oct-ink)}.oct-list-body{scrollbar-width:none;flex-direction:column;flex:1;min-height:0;padding-top:12px;display:flex;overflow-y:auto}.oct-list-body::-webkit-scrollbar{display:none}.oct-list-foot{flex:none;padding:8px 12px 12px}.oct-view-switch{gap:2px;display:inline-flex}.oct-view-switch>[aria-pressed=true]{color:var(--oct-ink);background:var(--oct-fill)}.oct-archive-switch{width:100%;height:var(--oct-row);border-radius:var(--oct-radius);font:500 13px/20px var(--oct-font);color:var(--oct-text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.oct-archive-switch:hover{background:var(--oct-press)}.oct-archive-switch[aria-pressed=true]{color:var(--oct-ink);background:var(--oct-fill)}.oct-archive-switch:focus-visible{outline:2px solid var(--oct-primary);outline-offset:2px}.oct-list-group{font:600 12px/16px var(--oct-font);color:var(--oct-text);padding:14px 20px 6px}.oct-list-card{border:1px solid #0000;border-bottom-color:var(--oct-line-soft);width:100%;min-height:136px;font:400 13px/20px var(--oct-font);text-align:left;color:var(--oct-text);cursor:pointer;background:0 0;flex:none;gap:16px;padding:20px;transition:background-color .15s ease-out,border-color .15s ease-out,border-radius .15s ease-out;display:flex}.oct-list-card:hover{background:var(--oct-paper)}div.oct-list-card{cursor:default}div.oct-list-card:hover{background:0 0}.oct-list-card[aria-pressed=true]{border-color:var(--oct-primary-edge);border-radius:var(--oct-radius-lg);background:var(--oct-paper)}.oct-list-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.oct-list-card-title{min-width:0;color:var(--oct-ink-strong);align-items:center;gap:8px;font-weight:600;display:flex}.oct-list-card-title>span:not([class]){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oct-list-card-detail{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oct-list-card-meta{align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:12px;line-height:16px;display:flex}.oct-list-card-meta>span:last-child:not(.oct-chip){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oct-list-card-meta>span:not(.oct-chip)+span:before{content:"·";margin-right:6px}.oct-list-card-meta>.oct-chip{flex:none}.oct-list-card-thumb{border-radius:var(--oct-radius-xs);background:var(--oct-wash);flex:none;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.oct-detail{border-radius:var(--oct-radius);min-width:0;font-family:var(--oct-font);color:var(--oct-ink);background:var(--oct-paper);box-shadow:var(--oct-shadow-card);flex-direction:column;flex:1;margin:6px 6px 6px 4px;display:flex;position:relative;overflow:hidden}.oct-list[data-kind=nav]{width:288px;min-width:240px}html[data-list-width] .oct-list[data-kind=nav]{width:var(--oct-list)}.oct-list[data-kind] .oct-list-title{align-items:center;gap:4px}.oct-list[data-kind] .oct-list-title h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oct-list-nav{padding:0 8px 12px 4px}.oct-list-nav,.oct-list-nav *{font:400 13px/1.5 var(--oct-font)}.oct-detail-head{min-height:56px;font:400 13px/20px var(--oct-font);color:var(--oct-text);flex:none;align-items:center;gap:12px;padding:12px 16px 16px;display:flex}.oct-detail-head nav{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.oct-detail-head nav>svg{color:var(--oct-faint);flex:none}.oct-detail-head h1{font:inherit;color:var(--oct-ink);margin:0}.oct-detail-body{scrollbar-width:none;flex:1;min-height:0;padding:8px 48px 32px;overflow-y:auto}.oct-detail-body::-webkit-scrollbar{display:none}.oct-detail-foot{border-top:1px solid var(--oct-line);height:40px;font:400 13px/20px var(--oct-font);color:var(--oct-text);flex:none;align-items:center;gap:8px;padding:6px 16px 6px 12px;display:flex}.oct-doc h2{font:600 28px/36px var(--oct-font);color:var(--oct-ink-strong);margin:0}.oct-doc h3{font:600 15px/24px var(--oct-font);color:var(--oct-ink-strong);margin:28px 0 8px}.oct-doc p,.oct-doc li{font:400 14px/22px var(--oct-font);color:var(--oct-ink-soft)}.oct-doc ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.oct-doc li{gap:8px;display:flex}.oct-doc li>svg{color:var(--oct-leaf-text);flex:none;margin-top:3px}@media (width<=860px){.oct-list-toggle,.oct-list-resize{display:none}.oct-split:has(>.oct-list[data-kind=nav]){flex-direction:column}.oct-split>.oct-list.oct-list[data-kind=nav]{opacity:1;pointer-events:auto;flex:none;width:auto;min-width:0;margin:0;padding:8px 12px 0;display:flex;overflow:visible}.oct-list[data-kind=nav]:before,.oct-list[data-kind=nav] :is(.oct-list-head,.rail-label){display:none}.oct-list[data-kind=nav] .oct-list-nav{flex-direction:row;gap:6px;padding:0;overflow-x:auto}.oct-list[data-kind=nav] .oct-list-nav :is(.rail-group,.rail-list){flex-direction:row;flex:none;gap:6px;width:auto;margin:0;padding:0}.oct-list[data-kind=nav] .oct-list-nav .rail-row{border-radius:var(--oct-radius-pill);background:var(--oct-fill);width:auto;padding-inline:12px}.oct-list[data-kind=nav] .oct-list-nav .rail-row[aria-current=page]{color:var(--oct-paper);background:var(--oct-ink-strong)}.oct-list[data-kind=nav] .oct-list-nav .rail-row[aria-current=page] :is(.rail-mark,svg){color:inherit}.oct-list{flex:1;width:auto}.oct-list+.oct-detail,[data-open]>.oct-list{display:none}[data-open]>.oct-list+.oct-detail{display:flex}}.oct-thread{border-left:1px solid var(--oct-line);flex-direction:column;flex:none;width:420px;max-width:45%;min-height:0;display:flex}.oct-thread-head{border-bottom:1px solid var(--oct-line-soft);flex:none;align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex}.oct-thread-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}@media (width<=860px){.oct-thread{z-index:5;background:var(--oct-paper);border-left:0;width:auto;max-width:none;position:absolute;inset:0}}