:root{--max-page-width: 900px;--header-height: 32px;@media (pointer: coarse){--header-height: 48px}}body{margin:0}.page-all-posts{margin:16px auto;max-width:var(--max-page-width)}.components-bracket-button{--horizontal-padding: 4px;@media (pointer: coarse){--horizontal-padding: 8px}display:inline-block;height:100%;&:before{content:"["}&:after{content:"]"}.element:not(:last-child):after{content:"|"}a{text-decoration:none;color:unset}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;font-family:unset;font-size:unset}a,button,span.inert{display:inline-block;height:100%;padding-left:var(--horizontal-padding);padding-right:var(--horizontal-padding);cursor:pointer;color:#0069c2;&:hover{text-decoration:underline}}span.inert{cursor:default;color:#000;&:hover{text-decoration:none}}}.components-status-badge{box-sizing:border-box;display:inline-block;font-family:"monospace";color:#fff;font-size:12px;height:16px;line-height:16px;text-align:center;border-radius:4px;width:58px;&.size-s{width:16px}&.status-public{background-color:#1ba819}&.status-private{background-color:#a82219}&.status-url{background-color:#21b6be}&.inherit{background-color:#818181}}.components-post-table{--row-height: 32px;@media (pointer: coarse){--row-height: 48px}}.components-post-table{box-sizing:border-box;width:100%;border-top:double 2px black;border-bottom:solid 1px black;border-collapse:collapse;tr{display:grid;grid-template-columns:1fr;grid-template-rows:var(--row-height);>div:nth-child(1){display:grid;grid-template-columns:1fr 6ic}}&.is-logged-in tr{grid-template-columns:1fr calc(70px + 8ic);>div:nth-child(1){display:grid;grid-template-columns:1fr 6ic}>div:nth-child(2){display:grid;grid-template-columns:70px 8ic}}@media (max-width: 550px){&.is-logged-in tr{grid-template-columns:1fr;grid-template-rows:repeat(2,var(--row-height));>div:nth-child(1){display:grid;grid-template-columns:1fr 6ic}>div:nth-child(2){display:grid;grid-template-columns:1fr 70px 8ic;td:nth-child(1){grid-column:2/3}td:nth-child(2){grid-column:3/4}}}&.is-logged-in tr:not(:last-child){border-bottom:solid 1px black}}tr{padding-left:8px;padding-right:8px;line-height:var(--row-height)}td{padding-right:4px;padding-left:4px;text-align:center;overflow-y:hidden}thead{border-bottom:solid 1px black}thead tr{height:32px;line-height:32px;background-color:#dcf1ff}.title{text-align:left;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.title a{color:#0069c2;&:visited{color:#0069c2}}}#editor-root{width:100%;height:100%;display:grid;grid-template-rows:32px 1fr;@media (min-width: 800px){grid-template-rows:unset;grid-template-columns:repeat(2,1fr);gap:16px;height:100%}#editor-tab{margin-left:8px;@media (min-width: 800px){display:none}}#editor-main{&.hide-touch{display:none;@media (min-width: 800px){display:grid;height:100%}}display:grid;grid-template-rows:40px 1fr;input#title{outline:none;font-family:unset;font-size:unset;display:inline-block;background:#d3d3d3;border:0;border-radius:4px;margin:4px 8px;padding:8px;height:16px}textarea#input{outline:none;font-family:unset;font-size:unset;display:inline-block;background:#d3d3d3;border:0;border-radius:4px;margin:4px 8px;padding:8px;resize:none}}#editor-preview{&.hide-touch{display:none;@media (min-width: 800px){display:block;max-height:100vh;overflow-y:auto}}}#control{position:fixed;bottom:16px;right:16px;#submit{height:32px;width:6em;border-radius:8px;background:#063e74;font-weight:700;color:#fff;border:0;cursor:pointer}}}.components-post{>*{margin:16px}pre:has(code){background-color:#eee}code{background-color:#eee}details{padding-left:8px;padding-right:8px;background-color:#a3a3a333}}html:has(.pages-edit-post){height:100%}body:has(.pages-edit-post){height:100%}#root:has(.pages-edit-post){height:calc(100% - var(--header-height) - 1px)}.pages-edit-post{width:100%;height:100%}html:has(.pages-new-post){height:100%}body:has(.pages-new-post){height:100%}#root:has(.pages-new-post){height:calc(100% - var(--header-height) - 1px)}.pages-new-post{width:100%;height:100%}.pages-post{#post{max-width:var(--max-page-width);margin-right:auto;margin-left:auto;.title,.time{margin:16px}.metadata-title{h1.title{display:inline-block;line-height:40px}.c-visibility{vertical-align:super}.edit-link{display:inline-block;margin-left:8px;vertical-align:super}}}}.components-header{--edge-margin: 16px;@media (max-width: 550px){--edge-margin: 8px}--breadcrumbs-gap: 4px;@media (pointer: coarse){--breadcrumbs-gap: 8px}}.components-header{border-bottom:solid 1px black;position:sticky;top:0;left:0;background-color:#dcf1ff}.components-header .primary{display:grid;grid-template-columns:1fr max-content;max-width:var(--max-page-width);margin-right:auto;margin-left:auto;height:var(--header-height);line-height:var(--header-height);padding-left:var(--edge-margin);padding-right:var(--edge-margin);.nav{gap:16px;min-width:max-content}.nav>*{margin-left:16px}.nav.wide{display:block}.nav.narrow{display:none}@media (max-width: 550px){.nav.wide{display:none}.nav.narrow{display:block}}}.components-header .wrapped{display:none}.components-header .wrapped.show{display:none;height:var(--header-height);line-height:var(--header-height);padding-left:var(--edge-margin);padding-right:var(--edge-margin);@media (max-width: 550px){display:block}}.components-header .wrapped-breadcrumbs{border-top:solid 1px black}.components-header .wrapped-nav{text-align:right;min-width:max-content;>*{margin-left:16px}}.components-header .breadcrumbs{overflow-x:auto;white-space:nowrap;&::-webkit-scrollbar{display:none}ul{list-style:none;display:inline-block;padding:0;margin:0}li{display:inline-block;margin-right:var(--breadcrumbs-gap)}li:not(:last-child){&:after{content:"/";margin-left:var(--breadcrumbs-gap)}}li:last-child{a{text-decoration:none}}a{color:#000}}.components-header .primary-breadcrumbs{@media (max-width: 550px){&:after{content:"▼"}li:not(:last-child){display:none}cursor:pointer}}html:has(.pages-demo-editor){height:100%}body:has(.pages-demo-editor){height:100%}#root:has(.pages-demo-editor){height:calc(100% - var(--header-height) - 1px)}.pages-demo-editor{width:100%;height:100%}