/*! /commentary/a-tale-of-two-indices/style.scss Compiled: Sat Feb 14 2026 09:50:47 GMT-0800 (Pacific Standard Time) */
@charset "UTF-8";body#_{--pct1:var(--pct);--pct2:calc(var(--pct) * var(--pct));--pct4:calc(calc(var(--pct) * var(--pct)) * calc(var(--pct) * var(--pct)));--pct8:calc(calc(var(--pct2) * var(--pct2)) * calc(var(--pct2) * var(--pct2)));--inv8:calc(1 - calc(var(--pct4) * var(--pct4)));--pct16:calc(calc(var(--pct4) * var(--pct4)) * calc(var(--pct4) * var(--pct4)));--inv16:calc(1 - calc(var(--pct8) * var(--pct8)));}
.feed{clear:both;}
.feed > header > h1 > a{color:inherit;}
.feed > header > a{font-family:heading, "Trebuchet MS", Tahoma, sans-serif;letter-spacing:0.1ex;font-size:0.9em;background:#f7f8f9;color:white;text-transform:uppercase;border-radius:2px;border:none;text-shadow:-1px -1px 2px rgb(232.4285714286, 235.25, 238.0714285714), -1px 1px 2px rgb(232.4285714286, 235.25, 238.0714285714), 1px -1px 2px rgb(232.4285714286, 235.25, 238.0714285714), 1px 1px 2px rgb(232.4285714286, 235.25, 238.0714285714);text-decoration:none;}
.feed > header > a:hover{color:white;cursor:pointer;background-color:white;}
.feed > header > a[disabled]{opacity:0.5;}
.feed > article{background:#f7f8f9;color:rgb(104, 104, 91);background-image:radial-gradient(circle at 5% 95%, rgba(255, 255, 255, 0.05) 10px, rgba(255, 255, 255, 0) 150px), radial-gradient(circle at 105% 125%, rgba(103.2857142857, 120.5, 137.7142857143, 0.1) 5px, rgba(103.2857142857, 120.5, 137.7142857143, 0) 50%);display:-ms-grid;display:grid;-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr;-ms-grid-rows:min-content min-content min-content min-content;grid-template-rows:repeat(4, min-content);}
.feed > article::after{content:"";height:15px;}
.feed > article > *,.feed > article::after{-ms-grid-column:1;grid-column:1;}
.feed > article > *:not(figure):not(a),.feed > article::after{margin-left:15px;margin-right:15px;}
@media screen and (min-width: 1200px){.feed > article > *:not(figure):not(a),.feed > article::after{margin-left:20px;margin-right:20px;}
}
.feed > article > figure{-ms-grid-column:2;grid-column:2;-ms-grid-row-span:10;grid-row:1/10;margin:0;background:rgba(255, 255, 255, 0.1);}
.feed > article > *:first-child:not(figure),.feed > article > figure + *{margin-top:10px;}
@media screen and (min-width: 1200px){.feed > article > *:first-child:not(figure),.feed > article > figure + *{margin-top:15px;}
}
.feed > article > header{-ms-grid-row:1;}
.feed > article > p{-ms-grid-row:2;}
.feed > article > header{color:#5f708e;}
.feed > article > header > *{color:#5f708e;}
.feed > article > p{color:rgb(104, 104, 91);font-size:0.9rem;line-height:1.3em;}
@media screen{.feed > article:not(.span){-ms-grid-columns:auto;grid-template-columns:auto;width:calc((100% - 10px) / 2);}
}
@media screen and (min-width: 550px) and (max-width: 960px){.feed > article:not(.span){width:calc((100% - 10px) / 2);}
}
@media screen and (max-width: 550px){.feed > article:not(.span){width:calc((100% - 0px) / 1);margin-right:0 !important;}
}
@media screen{.feed > article:not(.span) > figure{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:auto;overflow:hidden;height:150px;}
}
@media screen and (min-width: 1200px){.feed > article:not(.span) > figure{height:200px;}
}
@media screen{.feed > article:not(.span) > figure + header{width:100%;box-sizing:border-box;margin:0;text-shadow:-1px -1px 2px #f7f8f9, -1px 1px 2px #f7f8f9, 1px -1px 2px #f7f8f9, 1px 1px 2px #f7f8f9;padding-top:10px;padding-right:15px;padding-left:15px;border-top:1px solid rgb(188.7142857143, 197, 205.2857142857);}
}
@media screen and (min-width: 1200px){.feed > article:not(.span) > figure + header{padding-top:15px;padding-right:20px;padding-left:20px;}
}
@media screen{.feed > article:not(.span) > figure ~ p{margin-top:0px;}
.feed > article:not(.span) > header *{line-height:1em;}
.feed > article:not(.span) > p{margin-left:0 !important;margin-right:0 !important;padding-right:15px !important;padding-left:15px !important;}
}
@media screen and (min-width: 1200px){.feed > article:not(.span) > p{padding-right:20px !important;padding-left:20px !important;}
}
@media screen{.feed > article:not(.span) > p > audio{width:100%;height:20px;margin-top:5px;}
.feed > article:not(.span) > figure + header > :first-child:not(h1){position:absolute;top:0;left:0;padding:0 5px;margin-top:calc(-10px);line-height:0.2em;border:10px solid;-webkit-border-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjEwLjUiPjxwYXRoIGQ9Im0wLDEwIGwxMCwtMTAgaDEwIGwxMCwxMCIgZmlsbD0iI2Y3ZjhmOSIgc3Ryb2tlPSJyZ2IoMTg4LjcxNDI4NTcxNDMsIDE5NywgMjA1LjI4NTcxNDI4NTcpIiBzdHJva2Utd2lkdGg9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNSwuNSkiLz48L3N2Zz4=') 10.5 11 0 11 stretch;-moz-border-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjEwLjUiPjxwYXRoIGQ9Im0wLDEwIGwxMCwtMTAgaDEwIGwxMCwxMCIgZmlsbD0iI2Y3ZjhmOSIgc3Ryb2tlPSJyZ2IoMTg4LjcxNDI4NTcxNDMsIDE5NywgMjA1LjI4NTcxNDI4NTcpIiBzdHJva2Utd2lkdGg9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNSwuNSkiLz48L3N2Zz4=') 10.5 11 0 11 stretch;-o-border-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjEwLjUiPjxwYXRoIGQ9Im0wLDEwIGwxMCwtMTAgaDEwIGwxMCwxMCIgZmlsbD0iI2Y3ZjhmOSIgc3Ryb2tlPSJyZ2IoMTg4LjcxNDI4NTcxNDMsIDE5NywgMjA1LjI4NTcxNDI4NTcpIiBzdHJva2Utd2lkdGg9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNSwuNSkiLz48L3N2Zz4=') 10.5 11 0 11 stretch;border-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjEwLjUiPjxwYXRoIGQ9Im0wLDEwIGwxMCwtMTAgaDEwIGwxMCwxMCIgZmlsbD0iI2Y3ZjhmOSIgc3Ryb2tlPSJyZ2IoMTg4LjcxNDI4NTcxNDMsIDE5NywgMjA1LjI4NTcxNDI4NTcpIiBzdHJva2Utd2lkdGg9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNSwuNSkiLz48L3N2Zz4=') 10.5 11 0 11 stretch;}
}
@media screen and (min-width: 1200px){.feed > article:not(.span) > figure + header > :first-child:not(h1){padding:0 10px;line-height:0.5em;}
}
@media screen and (min-width: 550px) and (max-width: 960px){.feed > article:not(.span) > figure + header > :first-child:not(h1){font-size:11px;}
}
@media screen and (max-width: 550px){.feed > article:not(.span) > figure + header > :first-child:not(h1){font-size:12px;}
}
@media screen{.feed{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;}
.feed > h1,.feed > header{width:100%;margin:0;}
.feed.clamped > article{grid-template-rows:min-content 1fr min-content !important;max-height:6in;}
.feed.clamped > article.clampedold{grid-template-rows:auto repeat(3, min-content);}
.feed.clamped > article.clampedone{grid-template-rows:min-content min-content 1fr auto;}
.feed.clamped > article.clampedone figure{height:auto;}
.feed.clamped > article.clampedone p{transition:max-height 500ms 150ms;overflow:hidden;}
.feed.clamped > article.clampedone p .excess{opacity:0;transition:opacity 500ms 150ms;}
.feed.clamped > article.clampedone::after{content:"...";color:black;font-weight:bolder;text-align:right;line-height:0.2em;}
.feed.clamped > article.clampedone:hover p{max-height:12em !important;}
.feed.clamped > article.clampedone:hover p .excess{opacity:1;}
.feed.clamped > article.clampedone:hover::after{content:"";}
.feed.clamped > article.has-image{grid-template-rows:min-content min-content 1fr min-content !important;}
}
@media screen and (min-width: 1200px){.feed.clamped > article{max-height:4in;}
}
@media screen{.feed.clamped > article > p{overflow:hidden;transition:max-height 500ms, height 500ms;}
.feed.clamped > article.clampedx > p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden !important;}
.feed.clamped > article.clamped{background-image:none;padding-bottom:15px;}
.feed.clamped > article.clamped.has-image{grid-template-rows:minmax(10px, 1fr) min-content min-content min-content !important;}
.feed.clamped > article.clamped > p,.feed.clamped > article.clamped > header{background-color:inherit;}
.feed.clamped > article.clamped::after{content:"•••";color:inherit;line-height:2ex;text-align:right;transition:opacity 300ms;position:absolute;left:0;bottom:0;width:100%;margin:0;padding-top:50px;z-index:2;padding-right:20px;padding:15px 20px 15px;box-sizing:border-box;pointer-events:none;}
.feed.clamped > article.clamped:hover{box-shadow:0 0 3px rgba(0, 0, 0, 0.7);}
.feed.clamped > article.clamped:hover p{transition-delay:0;}
.feed.clamped > article.clamped:hover::after{opacity:0;}
}
.feed article header{margin-bottom:0.3em;line-height:1em;}
.feed article header *{display:inline;font-size:1.25rem;}
.feed article header h1 span,.feed article header h1 i{display:none;}
.feed article header > strong::before{content:" – ";}
.feed ~ blockquote{border:1px solid rgb(204, 202, 191);border-radius:5px;background:white;padding:0.6em 0.8em;color:rgb(76.8, 76.8, 67.2);border-radius:2px;border-radius:0.5ex;background-image:radial-gradient(circle at 50px 50%, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0) 300px);background-color:#f0f0f5;margin:0;font-size:1.3em;padding:1em 1ex;background:#f0f0f5 url(/ui/watermarks.svg#rose) left bottom no-repeat;background-size:auto 200%;color:#5f708e;margin-top:1em;}
.feed ~ blockquote h2:first-child,.feed ~ blockquote section h1:first-child,.feed ~ blockquote h1:first-child{margin-top:0;}
.feed ~ blockquote h1{margin-top:0;}
ul.questions{font-style:italic;}
table.comparison{width:100%;border-collapse:collapse;border-spacing:0;border:0;margin:0;color:#555;font-family:condensed;font-size:0.95em;}
table.comparison + table{margin-top:1em;}
table.comparison > thead tr:not(:last-child) [colspan]::after{content:"";display:block;width:100%;height:1px;border-bottom:1px solid !important;}
table.comparison > thead tr > *{vertical-align:bottom;}
table.comparison > thead tr:last-child{border-bottom:1px solid #555;}
table.comparison > thead tr:last-child,table.comparison > tbody:last-of-type tr:last-child{border-bottom:1px solid #555;}
table.comparison tr > *{padding:0.5ex;line-height:1em;}
table.comparison tr > :first-child{padding:0.5ex 1ex;white-space:nowrap;text-align:left;}
table.comparison tr > td:not(:first-child){text-align:center;}
table.comparison tbody{background:#fcfcfc;}
table.comparison tbody + tbody{border-top:1em solid #fcfcfc;}
table.comparison tbody.group [colspan]{font-weight:bolder;font-size:0.93em;}
table.comparison tbody.group tr:not(:first-child) > *:first-child{padding-left:1.5em;}
@media screen and (min-width: 960px){.related{position:absolute;margin:4.4em 0 0;}
.related > a{width:100%;}
}
@media screen and (min-width: 960px) and (max-width: 1200px){.related{left:calc(100% + 15px);width:250px;}
}
@media screen and (min-width: 1200px){.related{left:calc(100% + 35px);width:280px;}
}
section.fixable{border:1px solid rgb(204, 202, 191);border-radius:5px;background:white;padding:0.6em 0.8em;color:rgb(76.8, 76.8, 67.2);border-radius:2px;border-radius:0.5ex;background-image:radial-gradient(circle at 50px 50%, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0) 300px);}
section.fixable h2:first-child,section.fixable section h1:first-child,section.fixable h1:first-child{margin-top:0;}
section.fixable h1{margin-top:0;}