@layer components{.editorial-shell{padding-block:40px var(--space-12);min-height:100%}.editorial-page{max-width:var(--page-max);padding-inline:var(--page-inline);margin:0 auto}.editorial-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-text);flex-wrap:wrap;display:flex}.editorial-heading-copy{min-width:0}.editorial-heading-copy h1{letter-spacing:-.045em;align-items:baseline;gap:.35em;margin:0;font-size:clamp(2.5rem,5vw,3.75rem);line-height:1;display:flex}.editorial-heading-copy h1 b{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:-.02em;font-size:.5em;font-weight:600}.editorial-heading-copy p{max-width:44rem;margin:var(--space-4) 0 0;color:var(--color-neutral-700);font-size:1.0625rem;line-height:1.65}.editorial-heading-action{flex:none}.editorial-primary-action{border:1px solid var(--color-text);border-radius:var(--radius-control);background:var(--color-text);min-height:48px;color:var(--color-bg);letter-spacing:-.01em;transition:background-color var(--meokko-duration-fast) var(--meokko-ease-standard), border-color var(--meokko-duration-fast) var(--meokko-ease-standard), transform var(--meokko-duration-fast) var(--meokko-ease-standard);justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.editorial-primary-action:hover{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.editorial-primary-action:active{transform:translateY(1px)}.editorial-secondary-action{border:1px solid var(--color-text);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:0 0;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.editorial-secondary-action:hover{border-color:var(--color-accent);color:var(--color-accent-700)}.editorial-toolbar{justify-content:space-between;align-items:center;gap:0 var(--space-8);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;min-height:56px;display:flex}.editorial-toolbar>.editorial-search,.editorial-toolbar>form{flex:0 320px;margin-left:auto}.editorial-filter-group{align-items:center;gap:0 var(--space-5);flex-wrap:wrap;min-width:0;display:flex}.editorial-filter{min-height:56px;color:var(--color-neutral-600);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:inline-flex;position:relative}.editorial-filter:after{content:"";background:var(--color-text);height:2px;transition:transform var(--meokko-duration-base) var(--meokko-ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.editorial-filter:hover{color:var(--color-text)}.editorial-filter.active{color:var(--color-text);font-weight:700}.editorial-filter.active:after{transform:scaleX(1)}.editorial-filter>span{color:var(--color-neutral-500);font-family:var(--font-mono);font-size:12px;font-weight:500}.editorial-filter.active>span{color:var(--color-accent)}.editorial-filter .link-pending{position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.editorial-search,.editorial-search form,form.editorial-search{gap:0;margin:0;display:flex}.editorial-search input[type=search],.editorial-search input[type=text]{border:0;border-bottom:1px solid var(--color-neutral-400);min-width:0;min-height:44px;color:var(--color-text);box-shadow:none;transition:border-color var(--meokko-duration-fast) var(--meokko-ease-standard);background:0 0;border-radius:0;flex:1;padding:0 4px;font-size:15px}.editorial-search input::placeholder{color:var(--color-neutral-500)}.editorial-search input:focus-visible{border-bottom-color:var(--color-text);outline:none}.editorial-search input[type=search]::-webkit-search-cancel-button{appearance:none}.editorial-search button{border:0;border-bottom:1px solid var(--color-neutral-400);min-height:44px;color:var(--color-text);font-family:var(--font-mono);cursor:pointer;box-shadow:none;background:0 0;border-radius:0;padding:0 6px 0 10px;font-size:13px;font-weight:600}.editorial-search button:hover{color:var(--color-accent-700)}.editorial-list-region{min-width:0}.editorial-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.editorial-footer-separator{color:var(--color-neutral-400)}@media (max-width:900px){.editorial-toolbar{border-bottom:0;grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.editorial-filter-group{overscroll-behavior-x:contain;touch-action:pan-x;border-bottom:1px solid var(--color-divider);scrollbar-width:none;flex-wrap:nowrap;overflow:auto hidden}.editorial-filter-group .editorial-filter--extra:not(.active){display:inline-flex}.editorial-filter-group .editorial-filter--more{display:none}.editorial-filter-group::-webkit-scrollbar{display:none}.editorial-filter{min-height:48px}.editorial-search{padding-block:8px 4px}}@media (max-width:600px){.editorial-shell{padding-block:28px var(--space-10)}.editorial-heading{gap:var(--space-4);padding-bottom:var(--space-4)}.editorial-heading-copy p{font-size:15px}}.editorial-post-engagement{color:var(--color-neutral-600);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:12px;font-weight:500;display:inline-flex}.editorial-post-engagement__item{align-items:center;gap:4px;display:inline-flex}.editorial-post-engagement__item svg{width:13px;height:13px;color:var(--color-neutral-500);display:block}.meokko-content-author{align-items:center;gap:7px;min-width:0;display:inline-flex}.meokko-content-author-avatar{border:1px solid var(--color-text);background:var(--color-bg);width:22px;height:22px;color:var(--color-text);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid;overflow:hidden}.meokko-content-author-avatar img{object-fit:cover;width:100%;height:100%}.editorial-filter-toggle{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editorial-filter--more{cursor:pointer;color:var(--color-neutral-600)}.editorial-filter--more b{color:var(--color-accent);font-family:var(--font-mono);font-size:12px;font-weight:500}.editorial-filter-more__close{display:none}.editorial-filter-group:has(.editorial-filter-toggle:checked) .editorial-filter-more__open{display:none}.editorial-filter-group:has(.editorial-filter-toggle:checked) .editorial-filter-more__close{display:inline}.editorial-filter--extra:not(.active){display:none}.editorial-filter-group:has(.editorial-filter-toggle:checked) .editorial-filter--extra{display:inline-flex}.editorial-filter-toggle:focus-visible+.editorial-filter--more{outline:2px solid var(--color-accent);outline-offset:2px}.status-mark{color:var(--color-neutral-600);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.status-mark b{border:1.5px solid var(--color-text);border-radius:var(--radius-control);width:22px;height:22px;color:var(--color-text);place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid}.status-mark[data-solved=true] b{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.status-mark[data-solved=true]{color:var(--color-accent-700)}.status-mark--lg b{border-width:2px;width:40px;height:40px;font-size:24px}.status-mark--lg{gap:10px;font-size:13px}.home-button:active,.editorial-primary-action:active,.editorial-secondary-action:active,.meokko-content-row:active,.home-track:active,.home-question:active,.home-note:active,.home-rank__entry:active,.editorial-filter:active,.loved-ranking__who a:active,.meokko-comment-submit:active,.meokko-content-action:active{transform:translateY(1px)}}.editorial-filter>span,.editorial-filter--more{color:var(--color-neutral-600)}
.posts-shell{--posts-ink:var(--meokko-foreground);--posts-muted:var(--meokko-muted-foreground);--posts-subtle:var(--meokko-subtle-foreground);--posts-line:var(--meokko-border-subtle);--posts-accent:var(--meokko-accent);--posts-soft:var(--meokko-accent-surface);--posts-paper:var(--meokko-background);min-height:100%;color:var(--posts-ink);background:var(--posts-paper);font-family:var(--meokko-font-sans)}.posts-shell *{box-sizing:border-box}.compose-page{height:calc(100dvh - var(--meokko-shell-header-height));flex-direction:column;padding-top:20px;padding-bottom:20px;display:flex}.compose-main{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.post-form{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.post-form>[role=alert]{margin:0}.post-form-meta{flex-direction:column;gap:16px;display:flex}.post-form-head{grid-template-columns:13rem minmax(0,1fr);align-items:end;gap:12px;display:grid}.post-form-head[data-without-category=true]{grid-template-columns:minmax(0,1fr)}.post-form-field{flex-direction:column;gap:6px;min-width:0;display:flex}.post-form-field>label{color:var(--posts-muted);letter-spacing:.01em;font-size:12px;font-weight:800}.post-form .post-form-title-input{letter-spacing:-.02em;border-radius:10px;height:46px;padding-inline:14px;font-size:18px;font-weight:650}.post-form input,.post-form select{border-color:var(--meokko-border);background:var(--meokko-background);appearance:none}.post-form input:focus-visible,.post-form select:focus-visible{outline:2px solid var(--meokko-focus-ring);outline-offset:2px;border-color:var(--posts-accent)}.post-form-select{position:relative}.post-form select{border:1px solid var(--meokko-border);border-radius:10px;width:100%;height:46px;padding-inline:12px 34px;font-size:14px}.post-form-select-chevron{color:var(--posts-subtle);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.post-form-actions{justify-content:flex-end;gap:10px;display:flex}.post-form-field--summary>input{height:var(--meokko-tap-target);font-size:14px}.post-form-body{flex-direction:column;flex:1;min-height:0;display:flex}.post-form-body-field{flex:1;gap:6px;min-height:0}.post-form-body-field>label{color:var(--posts-muted);font-size:12px;font-weight:800}.post-form .text-sm.text-muted-foreground{color:var(--posts-subtle);font-size:12px;line-height:1.6}.post-editor{flex-direction:column;gap:10px;display:flex}.post-editor-format-row{border-bottom:1px solid var(--posts-line);flex-wrap:wrap;align-items:center;gap:1px;padding-block:2px;display:flex}@media (max-width:700px){.post-editor-format-row{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.post-editor-format-row::-webkit-scrollbar{display:none}.post-editor-format-button,.post-editor-format-divider{flex:none}}.post-editor-format-divider{background:var(--meokko-border);width:1px;height:16px;margin-inline:7px}.post-editor-format-button{width:var(--meokko-tap-target);height:var(--meokko-tap-target);color:var(--posts-muted);cursor:pointer;transition:color var(--meokko-duration-fast) var(--meokko-ease-standard), background-color var(--meokko-duration-fast) var(--meokko-ease-standard);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.post-editor-format-text{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:12px;font-weight:800}.post-editor-format-button:hover:not(:disabled){color:var(--posts-accent);background:var(--posts-soft)}.post-editor-format-button:disabled{cursor:progress;opacity:.45}.post-editor-format-button:focus-visible{outline:2px solid var(--meokko-focus-ring);outline-offset:2px}.post-editor-error{color:var(--meokko-danger);margin:0;font-size:12px}.post-editor-textarea{resize:vertical;min-height:420px;color:var(--posts-ink);background:var(--meokko-background);border:1px solid var(--meokko-border);border-radius:14px;outline:none;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.8}.post-editor-textarea:focus-visible{border-color:var(--posts-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--posts-accent) 18%, transparent)}.post-editor-textarea::placeholder{color:var(--posts-subtle)}.post-editor-textarea[data-dragging=true]{border-color:var(--posts-accent);background:var(--posts-soft)}.post-studio{background:var(--meokko-background);border:1px solid var(--meokko-border);border-radius:14px;flex:1;grid-template-columns:1fr 1fr;min-height:22rem;display:grid;overflow:hidden}.post-studio-pane-tabs{display:none}.post-studio-write{border-right:1px solid var(--posts-line);flex-direction:column;min-height:0;padding:12px;display:flex}.post-studio-write .post-editor{flex:1;min-height:0}.post-studio-write .post-editor-textarea{resize:none;border-radius:10px;flex:1;min-height:0}.post-studio-preview{background:var(--meokko-surface);min-height:0;overflow-y:auto}.post-studio-preview-scroll{padding:24px 28px 40px}.post-studio-preview-label{color:var(--posts-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:800}.post-studio-preview-badge{height:24px;color:var(--posts-accent);background:var(--posts-soft);border-radius:999px;align-items:center;margin-bottom:10px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.post-studio-preview-title{color:var(--posts-ink);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 20px;font-size:26px;font-weight:750;line-height:1.35}.post-preview-empty{color:var(--posts-subtle);margin:0;font-size:14px;line-height:1.7}.post-preview-prose{font-size:15px}.post-preview-pre{color:#dff5e8;background:#17231c;border-radius:10px;margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.7;overflow-x:auto}.post-preview-pre code{background:0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.post-preview-code-block pre{border-radius:10px;margin:16px 0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.post-preview-inline-code{color:var(--posts-ink);background:var(--posts-soft);border-radius:5px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}@media (max-width:900px){.post-studio{flex-direction:column;min-height:20rem;display:flex}.post-studio-pane-tabs{border-bottom:1px solid var(--posts-line);gap:4px;padding:6px;display:flex}.post-studio-pane-tab{height:var(--meokko-tap-target);color:var(--posts-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.post-studio-pane-tab[aria-selected=true]{color:var(--posts-accent);background:var(--posts-soft)}.post-studio-write{border-right:0;flex:1;min-height:0}.post-studio-preview{flex:1;min-height:0}.post-studio[data-pane=write] .post-studio-preview,.post-studio[data-pane=preview] .post-studio-write{display:none}}@media (max-width:640px){.compose-page{padding-top:24px}.post-form-head{grid-template-columns:minmax(0,1fr)}.post-form-actions{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--meokko-surface);border-top:1px solid var(--posts-line);position:fixed;inset:auto 0 0}.post-form-actions>*{flex:1}.compose-page{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.post-form .post-form-title-input{height:46px;font-size:17px}.post-editor-textarea{min-height:340px;padding:14px;font-size:12px}}.post-detail-layout{align-items:start;width:100%;display:block}.post-detail-article{width:100%;min-width:0}.post-detail-heading{flex-direction:column;align-items:flex-start;display:flex}.post-detail-context-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem 1rem;width:100%;display:flex}.post-detail-context{min-width:0;color:var(--color-neutral-600);font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:.55rem;font-size:12.5px;font-weight:500;display:flex}.post-detail-context-link,.post-detail-context-category,a.post-detail-meta-author{min-height:var(--meokko-tap-target);margin-block:calc((var(--meokko-tap-target) - 1.3em) / -2);align-items:center;display:inline-flex}.post-detail-context-link{color:var(--meokko-muted-foreground);text-decoration:none}.post-detail-context-link:hover{color:var(--meokko-accent)}.post-detail-context-separator{color:var(--meokko-border-subtle);font-weight:400}.post-detail-context-category{color:var(--meokko-accent);font-weight:800;text-decoration:none}.post-detail-meta{min-width:0;color:var(--color-neutral-600);font-family:var(--font-mono);text-align:right;justify-content:flex-end;align-items:center;gap:.55rem;margin-left:auto;font-size:12.5px;font-weight:500;line-height:1.4;display:inline-flex}.post-detail-author{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.post-detail-author-avatar{box-sizing:border-box;border:1px solid var(--meokko-border-subtle);width:1.5rem;height:1.5rem;color:var(--meokko-accent-on-surface);background:var(--meokko-accent-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;line-height:1;display:none;overflow:hidden}.post-detail-meta-author,.post-detail-meta-date{overflow-wrap:anywhere;min-width:0}.post-detail-meta-separator{color:var(--meokko-border-subtle);flex:none}.post-detail-title{letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;max-width:24ch;margin:1.1rem 0 0;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:800;line-height:1.08}.post-detail-body{max-width:none;margin-top:2.75rem}.post-detail-after-body{border-top:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:2.5rem;padding-top:1.25rem;display:flex}.post-detail-last-modified{color:var(--meokko-muted-foreground);flex-wrap:wrap;gap:.35rem;margin:0;display:inline-flex}.post-detail-actions{border-top:0;flex:none;margin-top:0;padding-top:0}.post-detail-actions .meokko-content-action{color:var(--meokko-foreground);background:var(--meokko-background);border-color:var(--meokko-border-subtle)}.post-detail-actions .meokko-content-action:hover{color:var(--meokko-accent);background:var(--meokko-accent-surface);border-color:var(--meokko-accent)}.post-detail-actions .meokko-content-action--danger,.post-detail-actions .meokko-content-action--danger:hover{color:var(--meokko-danger);border-color:var(--meokko-danger);background:var(--meokko-background)}.post-detail-actions .meokko-content-action[data-active=true]{color:var(--meokko-accent-foreground);background:var(--meokko-accent);border-color:var(--meokko-accent)}.post-detail-comments{margin-top:4.5rem}.post-detail-rail{flex-direction:column;gap:2.5rem;display:flex}.post-detail-rail--split{display:flex}.post-detail-rail>*{min-width:0}.post-detail-rail .article-toc-body{max-width:none}.post-detail-rail .article-toc-title{color:var(--meokko-muted-foreground)}.post-detail-rail>*+*{border-top:1px solid var(--meokko-border-subtle);padding-top:2rem}.post-detail-rail>section>h2{color:var(--meokko-muted-foreground);margin:0}.post-detail-rail>section>ul{flex-direction:column;gap:0;margin:.75rem 0 0;display:flex}.post-detail-rail>section>ul>li{border-bottom:1px solid var(--meokko-border-subtle);min-width:0;padding-block:.75rem}.post-detail-rail>section>ul>li>a{min-height:3.5rem}@media (min-width:1024px){.post-detail-author-avatar{display:inline-flex}.post-detail-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem;display:grid}.post-detail-article{grid-column:span 8}.post-detail-rail{border-left:1px solid var(--meokko-border-subtle);grid-column:span 4;max-height:calc(100vh - 7rem);padding-left:2rem;position:sticky;top:5rem;overflow-y:auto}}@media (max-width:1023px){.post-detail-layout{display:block}.post-detail-rail,.post-detail-rail--split{border-top:1px solid var(--meokko-border-subtle);border-left:0;grid-template-columns:minmax(0,1fr);gap:2rem;max-height:none;margin-top:0;padding-top:2rem;padding-left:0;display:grid;position:static;overflow:visible}.post-detail-rail>section>ul{grid-template-columns:minmax(0,1fr);gap:0}.post-detail-rail>*+*{border-top:0;padding-top:0}.post-detail-rail--toc-only{display:none}}@media (max-width:700px){.post-detail-context-row{align-items:flex-start;gap:.6rem .8rem}.post-detail-meta{text-align:left;flex:100%;justify-content:flex-start;margin-left:0}.post-detail-title{max-width:none;font-size:2rem;line-height:1.22}.post-detail-body{margin-top:2.25rem}.post-detail-after-body{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:3rem;padding-top:0}.post-detail-actions{width:100%}.post-detail-actions .meokko-content-actions__owner{margin-left:auto}.post-detail-comments{margin-top:3.5rem}}@layer components{.question-row__status{border:1px solid var(--color-neutral-400);border-radius:var(--radius-control);color:var(--color-neutral-700);font-family:var(--font-mono);letter-spacing:.02em;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.question-row__status[data-solved=true]{border-color:var(--color-accent);color:var(--color-accent-700)}.post-form{gap:22px}.post-form-head{grid-template-columns:240px minmax(0,1fr);align-items:stretch;gap:17.6px}.post-form-field{gap:8.8px}.post-form-field>label,.post-form-body-field>label{color:var(--color-neutral-800);letter-spacing:0;font-size:13.5px;font-weight:800}.post-form input,.post-form select{border:1px solid var(--color-divider);background:var(--color-neutral-100);color:var(--color-text)}.post-form .post-form-title-input{border-radius:var(--radius-md);letter-spacing:0;height:56px;padding-inline:22px;font-size:18px;font-weight:700}.post-form select{border-radius:var(--radius-md);height:56px;padding-inline:20px 44px;font-size:16px;font-weight:700}.post-form-select-chevron{color:var(--color-neutral-800);right:20px}.post-form-field--summary>input{border-radius:var(--radius-md);height:52px;padding-inline:22px;font-size:15.5px}.post-form input:focus-visible,.post-form select:focus-visible,.post-form textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.post-studio{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-neutral-100);min-height:520px;overflow:hidden}.post-studio-write{border-right:1px solid var(--color-divider);padding:17.6px}.post-studio-write .post-editor-textarea{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-bg);padding:17.6px;font-size:15.5px;line-height:1.8}.post-studio-preview{background:var(--color-surface);padding:26.4px 30px}.post-studio-preview-label{color:var(--color-neutral-600);letter-spacing:.02em;text-transform:uppercase;font-size:12.5px;font-weight:800}.post-studio-preview-title{font-family:var(--font-heading);margin:17.6px 0 0;font-size:32px;font-weight:700;line-height:1.2}.post-form-actions{align-items:center;gap:11px}.post-form-actions button,.post-form-actions a{border-radius:var(--radius-control);min-height:52px;padding-inline:30px;font-size:16px;font-weight:700}@media (max-width:900px){.post-form-head{grid-template-columns:minmax(0,1fr)}.post-studio-write{border-right:0;border-bottom:1px solid var(--color-divider)}}.note-detail-tags{color:var(--color-neutral-600);flex-wrap:wrap;align-items:center;gap:0 4px;margin:18px 0 0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.note-detail-tags a{color:var(--color-accent-700)}.note-detail-tags a:hover{text-decoration:underline}.note-detail-tags li:not(:last-child):after{content:",";color:var(--color-neutral-500)}.post-detail-meta-views{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.post-detail-meta-views svg{color:var(--color-neutral-500);display:block}.post-detail-status{margin-top:1.25rem}}.note-detail-tags li a{min-height:var(--meokko-tap-target);align-items:center;margin-block:-.7rem;display:inline-flex}.post-studio-pane-tabs button{color:var(--color-neutral-600);background:0 0;border-radius:0;box-shadow:inset 0 -2px #0000}.post-studio-pane-tabs button[aria-selected=true]{color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent);background:0 0}
.article-toc{--article-toc-ink:var(--meokko-foreground);--article-toc-muted:var(--meokko-muted-foreground);--article-toc-subtle:var(--meokko-subtle-foreground);--article-toc-track:var(--meokko-border-subtle);--article-toc-accent:var(--meokko-accent);--article-toc-surface:var(--meokko-background)}.article-toc-title{color:var(--article-toc-subtle);font-size:var(--meokko-text-caption);letter-spacing:.02em;margin:0;font-weight:800}.article-toc-body{margin-top:14px;position:relative}.article-toc-rail{top:var(--article-toc-rail-top,.72rem);width:1px;height:var(--article-toc-rail-height,calc(100% - 2rem));background:var(--article-toc-track);pointer-events:none;position:absolute;bottom:auto;left:5.5px}.article-toc-rail-progress{background:var(--article-toc-accent);width:2px;height:100%;transform:scaleY(var(--article-toc-progress,0));transform-origin:top;transition:transform var(--meokko-duration-base) var(--meokko-ease-out);border-radius:999px;display:block}.article-toc-list{z-index:1;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:relative}.article-toc-item{min-height:28px;padding-block:2px;padding-inline-start:1.25rem;position:relative}.article-toc-item:before{content:"";background:var(--article-toc-surface);border:1px solid var(--article-toc-track);width:7px;height:7px;transition:background var(--meokko-duration-base) var(--meokko-ease-out), border-color var(--meokko-duration-base) var(--meokko-ease-out), box-shadow var(--meokko-duration-base) var(--meokko-ease-out);border-radius:50%;position:absolute;top:.72rem;left:3px;transform:translateY(-50%)}.article-toc-item.is-passed:before{background:var(--meokko-accent-surface);border-color:var(--article-toc-accent)}.article-toc-item.is-active:before{background:var(--article-toc-accent);border-color:var(--article-toc-accent);box-shadow:0 0 0 3px var(--meokko-accent-surface)}.article-toc-link{min-height:var(--meokko-tap-target);color:var(--article-toc-muted);transition:color var(--meokko-duration-fast) var(--meokko-ease-standard), font-weight var(--meokko-duration-fast) var(--meokko-ease-standard);align-items:center;padding-block:3px;font-size:13px;line-height:1.5;text-decoration:none;display:flex}.article-toc-item.is-passed .article-toc-link{color:var(--article-toc-ink)}.article-toc-item.is-active .article-toc-link,.article-toc-link:hover{color:var(--article-toc-accent)}.article-toc-item.is-active .article-toc-link{font-weight:700}.article-toc-link:focus-visible{outline:2px solid var(--meokko-focus-ring);outline-offset:3px;border-radius:var(--meokko-radius-sm)}.prose-post .prose-heading{scroll-margin-top:5.5rem}@media (max-width:1023px){.article-toc-body{max-width:44rem}.article-toc{display:none}}@media (prefers-reduced-motion:reduce){.article-toc-rail-progress,.article-toc-item:before,.article-toc-link{transition:none}}.article-toc-rail,.article-toc-item:before{display:none}.article-toc-item{padding-inline-start:0}.article-toc-link{transition:color var(--meokko-duration-fast) var(--meokko-ease-standard);padding-inline-start:10px;box-shadow:inset 2px 0 #0000}.article-toc-item.is-active .article-toc-link{box-shadow:inset 2px 0 0 var(--article-toc-accent)}
@layer components{.meokko-skeleton{background:var(--color-neutral-200)}.meokko-content-row .meokko-skeleton,.question-row .meokko-skeleton,.loved-ranking__row .meokko-skeleton,.meokko-comment-form .meokko-skeleton{background:var(--color-neutral-300)}.learn-skeleton{min-height:calc(100dvh - var(--meokko-shell-header-height));color:var(--meokko-foreground);background:var(--meokko-background);overflow:visible}.learn-skeleton-track-bar{top:var(--meokko-shell-header-height);z-index:1;background:var(--meokko-surface);border-bottom:1px solid var(--meokko-border-subtle);scrollbar-width:none;align-items:center;gap:4px;height:44px;padding:0 24px;display:flex;position:sticky;overflow:auto hidden}.learn-skeleton-track-bar::-webkit-scrollbar{display:none}.learn-skeleton-mobile-bar{display:none}.learn-skeleton-workspace{height:calc(100vh - var(--meokko-shell-header-height) - 44px);background:var(--meokko-background);grid-template-columns:240px minmax(430px,.92fr) minmax(540px,1.08fr);align-items:stretch;min-height:560px;display:grid;overflow:hidden}.learn-skeleton-sidebar{background:var(--meokko-surface);border-right:1px solid var(--meokko-border-subtle);flex-direction:column;min-height:0;display:flex;overflow:hidden}.learn-skeleton-sidebar-scroll{flex:auto;min-height:0;padding:24px 16px 12px;overflow:hidden}.learn-skeleton-sidebar-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 8px 18px;display:flex}.learn-skeleton-lesson-list{gap:10px;padding:8px;display:grid}.learn-skeleton-progress{background:var(--meokko-surface-elevated);border:1px solid var(--meokko-border-subtle);border-radius:var(--meokko-radius-lg);flex:none;margin:12px 18px 16px;padding:15px}.learn-skeleton-content{background:var(--meokko-background);border-right:1px solid var(--meokko-border-subtle);flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:38px clamp(34px,4vw,60px) 48px;display:flex;overflow:hidden}.learn-skeleton-lab{background:var(--meokko-neutral-950);grid-template-rows:52px 1fr 42%;gap:10px;min-width:0;min-height:0;padding:10px;display:grid;overflow:hidden}.learn-skeleton-lab-block{background:var(--meokko-neutral-800);min-height:0}@media (max-width:1199px){.learn-skeleton-track-bar{padding:0 10px}.learn-skeleton-mobile-bar{top:calc(var(--meokko-shell-header-height) + 44px);z-index:1;background:var(--meokko-background);border-bottom:1px solid var(--meokko-border-subtle);justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 14px;display:flex;position:sticky}.learn-skeleton-workspace{height:auto;min-height:0;display:block;overflow:visible}.learn-skeleton-sidebar{display:none}.learn-skeleton-content{border-right:0;min-height:244px;padding:34px 20px 42px}.learn-skeleton-lab{height:760px;min-height:0;padding:10px}}}