.grid-cascade{display:grid;grid-template-columns:subgrid;row-gap:0;grid-column:1/-1;>:not(.grid-cascade) { grid-column:2; }}.grid-two-thirds{display:grid; *{ text-align: left; } .left { grid-column: 1 / 3; } .right { grid-column: 2 / -1; }}@media(max-width:768px){.grid-two-thirds{grid-template-columns:1fr}}@media(min-width:769px){.grid-two-thirds{grid-template-columns:1fr 3fr 1fr}}body{>header { .subheading { grid-column: 1 / -1; font-size: 3.5em; line-height: 1.2; margin-left: 0; } border-width: 0; #header-nav-row { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-around; } nav :any-link { border: none; padding: 0 0.3em; } #TableOfContents { a { text-decoration: none; } } } .call-to-action { text-align: center; background-color: var(--marked); border: 1px solid var(--border); border-radius: var(--standard-border-radius); padding: 1rem; margin-top: 2rem; } >footer { :any-link { color: inherit; margin-right: 0.5em; } } .notice { :first-child { margin-top: 0; } :last-child { margin-bottom: 0; } }}details{ :is(h1, h2, h3, h4) { font-size: larger; &:first-child { display: inline; } } summary { padding-top: 1em; font-weight: normal; word-break: normal; } @media (prefers-reduced-motion: no-preference) { interpolate-size: allow-keywords; } &::details-content { opacity: 0; block-size: 0; overflow-y: clip; transition: content-visibility 0.3s allow-discrete, opacity 0.3s, block-size 0.3s; } &[open]::details-content { opacity: 1; block-size: auto; }}.example summary{>:first-child { font-weight:bold; } >:not(:first-child) { font-style:italic; }}details>summary{list-style-type:'▶  '}details[open]>summary{list-style-type:'▼  '}.metadata-item{font-size:smaller;margin-right:1em;.tag-metadata-list { display: inline; list-style: none; padding-inline-start: 0; margin-block: 0; li { display: inline; } li+li:before { content: ", "; } }}a.plain{text-decoration:none}.post-summary{ :is(h1, h2, h3, h4) { font-size: larger; }}.image{width:50%;&.frame { width: 80%; border: 3px solid var(--accent); margin: auto; padding: 15px 10px; &.smaller { width: 50%; } } &.hanging { width: inherit; float: left; padding: 0.5em 1em; }}.accent-icon{svg { height: 1em; margin: auto 0.3em; vertical-align: middle; stroke: currentColor; fill: currentColor; rect { fill: var(--accent-bg); } }}.heading-anchor svg{height:.5em}.home-icon{svg { height: 4em; width: initial; }}.title-logo{margin:1em 0 0;svg { width: 80%; stroke: var(--accent); fill: var(--accent); }}#big-cropped-icon{grid-column:1/-1;svg { vertical-align: bottom; stroke: var(--accent); fill: var(--accent); }}.inline-logo{svg { vertical-align: middle; height: 1em; stroke: currentColor; fill: currentColor; }}.drop-cap{margin-top:.5em;vertical-align:bottom;svg { height: 3em; width: initial; }}.no-top-padding{padding-top:0}.lede{font-size:1.3em;line-height:1.2}.summary{margin-top:0;li { padding-bottom: 0.5em; }}.left{float:left;margin-right:1em;vertical-align:middle}.right{float:right;margin-left:1em;vertical-align:middle}.justified{display:flex;justify-content:space-between}.smaller{font-size:smaller;font-style:italic}hr{margin:2rem 0;border:none;border-bottom:1px solid var(--border)}.accent-emphasis,.subheading{em { color: var(--accent); font-style: normal; }}.dark{--accent-bg:var(--dark-accent-bg);--accent-em:var(--dark-border);--accent-hover:var(--dark-accent-hover);--accent-text:var(--dark-accent-text);--accent:var(--dark-accent);--bg:var(--dark-bg);--border:var(--dark-border);--text-light:var(--dark-text-light);--text:var(--dark-text);background-color:var(--bg);color:var(--text)}