@layer components{.editorial-shell{padding-block:36px 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);flex-wrap:wrap;display:flex}.editorial-heading-copy{min-width:0}.editorial-heading-copy h1{letter-spacing:-.035em;align-items:baseline;gap:.4em;margin:0;font-size:clamp(2rem,3.6vw,2.75rem);line-height:1.1;display:flex}.editorial-heading-copy h1 b{color:var(--color-neutral-500);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.42em;font-weight:500}.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-accent-600);border-radius:var(--radius-control);background:var(--color-accent-600);color:#fff;letter-spacing:-.01em;min-height:46px;box-shadow:var(--shadow-sm);transition:background-color var(--meokko-duration-fast) var(--meokko-ease-standard), border-color var(--meokko-duration-fast) var(--meokko-ease-standard), box-shadow var(--meokko-duration-fast) var(--meokko-ease-standard), transform var(--meokko-duration-fast) var(--meokko-ease-standard);justify-content:center;align-items:center;gap:.4rem;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.editorial-primary-action:before{content:"+";font-family:var(--font-mono);font-size:17px;font-weight:600;line-height:1}@media (hover:hover){.editorial-primary-action:hover{border-color:var(--color-accent-700);background:var(--color-accent-700);color:#fff;box-shadow:var(--shadow-md)}}.editorial-secondary-action{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-panel);min-height:44px;color:var(--color-text);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}@media (hover:hover){.editorial-secondary-action:hover{border-color:var(--color-rule);color:var(--color-text)}}.editorial-toolbar{justify-content:space-between;align-items:center;gap:10px var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap;min-height:44px;display:flex}.editorial-toolbar>.editorial-search,.editorial-toolbar>form{flex:0 320px;margin-left:auto}.editorial-filter-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.editorial-filter{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-panel);min-height:36px;color:var(--color-neutral-700);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--shadow-sm);transition:color var(--meokko-duration-fast) var(--meokko-ease-standard), border-color var(--meokko-duration-fast) var(--meokko-ease-standard), background-color var(--meokko-duration-fast) var(--meokko-ease-standard);align-items:center;gap:6px;padding:0 11px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}@media (hover:hover){.editorial-filter:hover{border-color:var(--color-rule);color:var(--color-text)}}.editorial-filter.active{border-color:var(--color-accent-200);background:var(--color-accent-100);color:var(--color-accent-600);box-shadow:none;font-weight:700}.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-600)}.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{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-panel);box-shadow:var(--shadow-sm);transition:border-color var(--meokko-duration-fast) var(--meokko-ease-standard), box-shadow var(--meokko-duration-fast) var(--meokko-ease-standard);align-items:center;position:relative}.editorial-search:before{content:"";width:15px;height:15px;color:var(--color-neutral-500);background:currentColor;flex:none;margin-left:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.editorial-search:focus-within{border-color:var(--color-accent-500);box-shadow:var(--shadow-accent)}.editorial-search input[type=search],.editorial-search input[type=text]{min-width:0;min-height:42px;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0 10px;font-size:14.5px}.editorial-search input::placeholder{color:var(--color-neutral-500)}.editorial-search input:focus-visible{outline:none}.editorial-search input[type=search]::-webkit-search-cancel-button{appearance:none}.editorial-search button{border:1px solid var(--color-divider);background:var(--color-sunken);min-height:34px;color:var(--color-neutral-700);cursor:pointer;box-shadow:none;border-radius:6px;margin:4px;padding:0 12px;font-size:13px;font-weight:700}@media (hover:hover){.editorial-search button:hover{border-color:var(--color-rule);color:var(--color-text)}}.editorial-list-region{min-width:0}.editorial-list{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-sm);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.editorial-footer-separator{color:var(--color-neutral-400)}@media (max-width:900px){.editorial-toolbar{gap:10px;min-height:0}.editorial-filter-group{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;flex:100%;padding-block:2px;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-toolbar>.editorial-search,.editorial-toolbar>form{flex-basis:100%;margin-left:0}}@media (max-width:600px){.editorial-shell{padding-block:24px var(--space-10)}.editorial-heading{gap:var(--space-4);padding-bottom:var(--space-4)}.editorial-heading-copy p{font-size:15px}.editorial-heading-action,.editorial-heading-action .editorial-primary-action{width:100%}}@media (max-width:640px){.editorial-filter-group{margin-inline:calc(-1 * var(--page-inline));padding-inline:var(--page-inline);scroll-padding-inline:var(--page-inline)}.editorial-filter{min-height:44px}.editorial-list{margin-inline:calc(-1 * var(--page-inline));border-inline:0;border-radius:0}}.editorial-post-engagement{color:var(--color-neutral-500);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:12.5px;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-divider);background:var(--color-sunken);width:22px;height:22px;color:var(--color-neutral-700);border-radius:50%;flex:none;place-items:center;font-size:11.5px;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-700)}.editorial-filter.editorial-filter--more>span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.editorial-filter--more b{color:var(--color-accent-600);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-500);outline-offset:2px}.status-mark{color:var(--color-neutral-700);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.status-mark b{border:1.5px solid var(--color-accent-500);width:22px;height:22px;color:var(--color-accent-600);font-family:var(--font-mono);border-radius:6px;place-items:center;font-size:13px;font-weight:700;line-height:1;display:grid}.status-mark[data-solved=true] b{border-color:var(--color-success);background:var(--color-success);color:#fff}.status-mark[data-solved=true]{color:var(--color-success)}.status-mark--lg b{border-width:2px;border-radius:9px;width:36px;height:36px;font-size:20px}.status-mark--lg{gap:10px;font-size:13.5px;font-weight:700}.editorial-primary-action:active,.editorial-secondary-action:active,.editorial-filter:active,.loved-ranking__who a:active,.meokko-comment-submit:active,.meokko-content-action:active{transform:translateY(1px)}}
.posts-shell{--posts-ink:var(--color-text);--posts-muted:var(--color-neutral-700);--posts-subtle:var(--color-neutral-500);--posts-line:var(--color-divider);--posts-accent:var(--color-accent-600);--posts-soft:var(--color-accent-100);--posts-paper:var(--color-bg);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:22px;padding-bottom:22px;display:flex}.compose-title{color:var(--color-text);letter-spacing:-.035em;align-items:center;gap:10px;margin:0 0 16px;font-size:22px;font-weight:800;line-height:1.3;display:flex}.compose-title:before{content:"";background:var(--color-accent-500);border-radius:2px;width:8px;height:8px}.compose-main{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.post-form{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.post-form>[role=alert]{margin:0}.post-form-meta{flex-direction:column;gap:14px;display:flex}.post-form-head{grid-template-columns:220px minmax(0,1fr);align-items:end;gap:14px;display:grid}.post-form-head[data-without-category=true]{grid-template-columns:minmax(0,1fr)}.post-form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.post-form-field>label,.post-form-body-field>label{color:var(--posts-muted);letter-spacing:0;font-size:13px;font-weight:700}.post-form input,.post-form select{border:1px solid var(--color-divider);background:var(--color-panel);color:var(--color-text);box-shadow:var(--shadow-sm);appearance:none;transition:border-color var(--meokko-duration-fast) var(--meokko-ease-standard), box-shadow var(--meokko-duration-fast) var(--meokko-ease-standard)}.post-form .post-form-title-input{border-radius:var(--radius-control);letter-spacing:-.02em;height:52px;padding-inline:16px;font-size:18px;font-weight:700}.post-form input:focus-visible,.post-form select:focus-visible,.post-form textarea:focus-visible{border-color:var(--color-accent-500);box-shadow:var(--shadow-accent);outline:none}.post-form-select{position:relative}.post-form select{border-radius:var(--radius-control);width:100%;height:52px;padding-inline:14px 40px;font-size:15px;font-weight:600}.post-form-select-chevron{color:var(--posts-subtle);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.post-form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.post-form-actions button,.post-form-actions a{border-radius:var(--radius-control);min-height:46px;padding-inline:24px;font-size:15px;font-weight:700}.post-form-field--summary>input{border-radius:var(--radius-control);height:46px;padding-inline:16px;font-size:14.5px}.post-form-body{flex-direction:column;flex:1;min-height:0;display:flex}.post-form-body-field{flex:1;gap:7px;min-height:0}.post-form .text-sm.text-muted-foreground{color:var(--posts-subtle);font-size:13px;line-height:1.6}.post-editor{flex-direction:column;gap:0;display:flex}.post-editor-format-row{border-bottom:1px solid var(--posts-line);background:var(--color-bg);scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:2px;padding:6px 8px;display:flex;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(--color-divider);width:1px;height:18px;margin-inline:6px}.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), border-color var(--meokko-duration-fast) var(--meokko-ease-standard);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.post-editor-format-button{width:34px;height:34px}}.post-editor-format-text{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:12.5px;font-weight:600}@media (hover:hover){.post-editor-format-button:hover:not(:disabled){color:var(--color-text);background:var(--color-panel);border-color:var(--color-divider)}}.post-editor-format-button:disabled{cursor:progress;opacity:.45}.post-editor-format-button:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.post-editor-error{color:var(--color-danger);margin:0;padding:8px 12px 0;font-size:13px}.post-editor-textarea{resize:vertical;min-height:420px;color:var(--posts-ink);background:var(--color-panel);font-family:var(--font-body);border:0;border-radius:0;outline:none;padding:18px;font-size:15.5px;line-height:1.8}.post-editor-textarea:focus-visible{box-shadow:none}.post-editor-textarea::placeholder{color:var(--posts-subtle)}.post-editor-textarea[data-dragging=true]{background:var(--posts-soft)}.post-studio{background:var(--color-panel);border:1px solid var(--color-divider);border-radius:var(--radius-lg);min-height:520px;box-shadow:var(--shadow-sm);transition:border-color var(--meokko-duration-fast) var(--meokko-ease-standard), box-shadow var(--meokko-duration-fast) var(--meokko-ease-standard);flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.post-studio:focus-within{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent)}.post-studio-pane-tabs{display:none}.post-studio-write{border-right:1px solid var(--posts-line);flex-direction:column;min-height:0;padding:0;display:flex}.post-studio-write .post-editor{flex:1;min-height:0}.post-studio-write .post-editor-textarea{resize:none;flex:1;min-height:0}.post-studio-preview{background:var(--color-bg);min-height:0;overflow-y:auto}.post-studio-preview-scroll{padding:22px 28px 40px}.post-studio-preview-label{color:var(--posts-subtle);align-items:center;gap:6px;margin:0 0 16px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.post-studio-preview-badge{height:24px;color:var(--color-accent-600);background:var(--posts-soft);border-radius:6px;align-items:center;margin-bottom:10px;padding:0 9px;font-size:12.5px;font-weight:700;display:inline-flex}.post-studio-preview-title{color:var(--posts-ink);font-family:var(--font-heading);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 20px;font-size:28px;font-weight:800;line-height:1.22}.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:var(--color-term-text);background:var(--color-term);border:1px solid var(--color-term-line);border-radius:var(--radius-md);margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.7;overflow-x:auto}.post-preview-pre code{font-family:var(--font-mono);background:0 0}.post-preview-code-block pre{border:1px solid var(--color-term-line);border-radius:var(--radius-md);font-family:var(--font-mono);margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.7;overflow-x:auto}.post-preview-inline-code{color:var(--posts-ink);border:1px solid var(--color-divider);background:var(--color-sunken);font-family:var(--font-mono);border-radius:5px;padding:.12em .4em;font-size:.88em}@media (max-width:900px){.post-form-head{grid-template-columns:minmax(0,1fr)}.post-studio{flex-direction:column;min-height:20rem;display:flex}.post-studio-pane-tabs{border-bottom:1px solid var(--posts-line);background:var(--color-bg);gap:4px;padding:6px;display:flex}.post-studio-pane-tab{height:40px;color:var(--posts-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.post-studio-pane-tab[aria-selected=true]{color:var(--color-text);background:var(--color-panel);border-color:var(--color-divider);box-shadow:var(--shadow-sm)}.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}}.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-700);align-items:center;gap:.5rem;font-size:13.5px;font-weight:600;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(--color-neutral-700);text-decoration:none}@media (hover:hover){.post-detail-context-link:hover{color:var(--color-accent-600)}}.post-detail-context-separator{color:var(--color-rule);font-weight:400}.post-detail-context-category{color:var(--color-accent-600);font-weight:600;text-decoration:none}@media (hover:hover){a.post-detail-context-category:hover{text-underline-offset:.25em;text-decoration:underline}}.post-detail-meta{min-width:0;color:var(--color-neutral-700);text-align:right;justify-content:flex-end;align-items:center;gap:.55rem;margin-left:auto;font-size:13.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(--color-divider);width:1.5rem;height:1.5rem;color:var(--color-neutral-700);background:var(--color-sunken);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-author{color:var(--color-text);font-weight:700}.post-detail-meta-date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px}.post-detail-meta-separator{color:var(--color-rule);flex:none}.post-detail-title{letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;max-width:30ch;margin:1rem 0 0;font-size:clamp(1.875rem,3.2vw,2.625rem);font-weight:800;line-height:1.16}.post-detail-body{max-width:none;margin-top:2.5rem}.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(--color-neutral-500);flex-wrap:wrap;gap:.35rem;margin:0;font-size:13px;display:inline-flex}.post-detail-last-modified time{font-family:var(--font-mono);font-size:12.5px}.post-detail-actions{border-top:0;flex:none;margin-top:0;padding-top:0}.post-detail-comments{margin-top:3.5rem}.post-detail-rail{flex-direction:column;gap:2rem;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>*+*{border-top:1px solid var(--color-divider);padding-top:1.75rem}.post-detail-rail__title,.post-detail-rail>section>h2{color:var(--color-text);margin:0;font-size:14px;font-weight:700;line-height:1.2}.post-detail-rail>section>ul{flex-direction:column;gap:0;margin:.5rem 0 0;display:flex}.post-detail-rail>section>ul>li{border-bottom:1px solid var(--color-divider);min-width:0;padding-block:.65rem}.post-detail-rail>section>ul>li:last-child{border-bottom:0}.post-detail-rail>section>ul>li>a{min-height:3rem}.post-detail-rail__link{min-height:3rem;text-decoration:none;display:block}.post-detail-rail__item-title{color:var(--color-text);transition:color var(--meokko-duration-fast) var(--meokko-ease-standard);margin:0;font-size:14px;font-weight:600;line-height:1.5}@media (hover:hover){.post-detail-rail__link:hover .post-detail-rail__item-title{color:var(--color-accent-600)}}.post-detail-rail__item-meta{color:var(--color-neutral-500);margin:.2rem 0 0;font-size:12.5px}.post-detail-report{max-width:46rem;margin-top:1rem}.post-detail-report__done{color:var(--color-neutral-700);margin:.5rem 0 0;font-size:13.5px}@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(--color-divider);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(--color-divider);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:1.75rem;line-height:1.22}.post-detail-body{margin-top:2rem}.post-detail-after-body{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:2.5rem}.post-detail-actions{width:100%}.post-detail-actions .meokko-content-actions__owner{margin-left:auto}.post-detail-comments{margin-top:3rem}}@layer components{.note-detail-tags{flex-wrap:wrap;align-items:center;gap:0 14px;margin:14px 0 0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.note-detail-tags li,.note-detail-tags li a{color:var(--color-neutral-500);align-items:center;display:inline-flex}.note-detail-tags li a{min-height:var(--meokko-tap-target);margin-block:-10px;text-decoration:none}@media (hover:hover){.note-detail-tags li a:hover{color:var(--color-accent-600);text-underline-offset:.25em;text-decoration:underline}}.post-detail-meta-views{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.post-detail-meta-views svg{color:var(--color-neutral-500);display:block}.post-detail-status{margin-top:1.1rem}}.post-studio-pane-tabs button{color:var(--color-neutral-700)}@media (max-width:640px){.compose-page{padding-top:14px;padding-inline:0}.post-form{gap:12px}.post-form>[role=alert]{margin-inline:16px}.compose-title{margin-bottom:10px;padding-inline:16px;font-size:20px}.post-form-meta,.post-form-head{gap:12px}.post-form-field>label,.post-form-body-field>label{padding-inline:16px}.post-form .post-form-title-input,.post-form-field--summary>input,.post-form select{background:var(--color-panel);height:50px;box-shadow:none;border-inline:0;border-radius:0;padding-inline:16px;font-size:16px}.post-form .post-form-title-input{font-size:18px}.post-form select{padding-right:44px}.post-form-select-chevron{right:16px}.post-form .post-form-title-input:focus-visible,.post-form .post-form-field--summary>input:focus-visible,.post-form select:focus-visible{border-color:var(--color-divider);box-shadow:inset 3px 0 0 var(--color-accent-500);outline:none}.post-studio{min-height:60dvh;box-shadow:none;border-inline:0;border-radius:0}.post-studio:focus-within{box-shadow:none;border-color:var(--color-divider)}.post-studio-pane-tabs{padding:6px 8px}.post-studio-write{border-bottom:0;padding:0}.post-editor-format-row{padding-inline:8px}.post-studio-write .post-editor-textarea{padding:16px;font-size:16px;line-height:1.75}.post-form .post-studio-write .post-editor-textarea:focus-visible{box-shadow:inset 3px 0 0 var(--color-accent-500)}.post-studio-preview{padding:0}.post-studio-preview-scroll{padding:16px 16px 32px}.post-form-actions{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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))}}
.article-toc{--article-toc-ink:var(--color-text);--article-toc-muted:var(--color-neutral-700);--article-toc-subtle:var(--color-neutral-500);--article-toc-track:var(--color-divider);--article-toc-accent:var(--color-accent-600);--article-toc-surface:var(--color-panel)}.article-toc-title{color:var(--article-toc-ink);margin:0;font-size:14px;font-weight:700;line-height:1.2}.article-toc-body{margin-top:12px;position:relative}.article-toc-rail{background:var(--article-toc-track);pointer-events:none;z-index:2;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:0}.article-toc-rail-progress{background:var(--article-toc-accent);width:2px;height:100%;transform:scaleY(var(--article-toc-progress,0));transform-origin:top;border-radius:2px;display:block}.article-toc-list{z-index:1;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.article-toc-item{min-height:0;padding:0;position:relative}.article-toc-item:before{display:none}.article-toc-link{min-height:var(--meokko-tap-target);color:var(--article-toc-muted);border-radius:0 6px 6px 0;align-items:center;padding:4px 10px 4px 14px;font-size:13.5px;line-height:1.45;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{color:var(--article-toc-accent)}@media (hover:hover){.article-toc-link:hover{color:var(--article-toc-accent);text-underline-offset:3px;text-decoration:underline}}.article-toc-link:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px;border-radius:6px}.prose-post .prose-heading{scroll-margin-top:5.5rem}@media (hover:hover) and (pointer:fine){.article-toc-link{min-height:34px}}@media (max-width:1023px){.article-toc{display:none}}
@layer components{.meokko-skeleton{background:var(--color-sunken)}.meokko-content-row .meokko-skeleton,.loved-ranking__row .meokko-skeleton,.meokko-comment-form .meokko-skeleton{background:var(--color-divider)}.learn-skeleton{min-height:calc(100dvh - var(--meokko-shell-header-height));color:var(--color-text);background:var(--color-bg);overflow:visible}.learn-skeleton-track-bar{top:var(--meokko-shell-header-height);z-index:1;height:56px;padding:0 var(--page-inline);background:var(--color-panel);border-bottom:1px solid var(--color-divider);scrollbar-width:none;align-items:center;gap:6px;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) - 56px);background:var(--color-bg);grid-template-columns:264px minmax(430px,.92fr) minmax(540px,1.08fr);align-items:stretch;min-height:560px;display:grid;overflow:hidden}.learn-skeleton-sidebar{background:var(--color-panel);border-right:1px solid var(--color-divider);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(--color-panel);border-top:1px solid var(--color-divider);flex:none;margin:0;padding:14px 18px 18px}.learn-skeleton-content{background:var(--color-bg);border-right:1px solid var(--color-divider);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(--color-term);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(--color-term-raised);border-radius:8px;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) + 56px);z-index:1;background:var(--color-bg);border-bottom:1px solid var(--color-divider);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}}}