@layer sections{:root{--record-line:16rem;--record-gap:clamp(2rem, calc(2rem + (100vw - 64rem) * .019231), 2.5rem);--cell-pad:.75rem;--line-size:clamp(.75rem, calc(.75rem + (100vw - 64rem) * .0078125), .875rem);--line-lead:clamp(1.125rem, calc(1.125rem + (100vw - 64rem) * .0234375), 1.5rem);--cell-gap:clamp(.5rem, calc(.5rem + (100vw - 64rem) * .03125), 1rem);--deck-y:clamp(.5rem, calc(.5rem + (100vw - 64rem) * .015625), .75rem);--blog-step:clamp(2.5rem, calc(2.5rem + (100vw - 24.375rem) * .021164), 3rem);--pager-air:3rem}@media (width>=48rem){:root{--cell-pad:.625rem .75rem}}@media (width>=64rem){:root{--blog-step:clamp(3rem, calc(3rem + (100vw - 64rem) * .0625), 4rem);--record-line:clamp(13rem, calc(13rem + (100vw - 64rem) * .423077), 24rem);--cell-pad:clamp(.5rem, calc(.5rem + (100vw - 64rem) * .03125), 1rem) clamp(.625rem, calc(.625rem + (100vw - 64rem) * .0234375), 1rem)}}.blog{padding-top:calc(var(--blog-air) + var(--header-top));padding-bottom:var(--page-foot)}.blog__themes{margin-top:var(--blog-step);grid-area:3/content}.blog__themes-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.blog__themes-label{border-bottom:1px solid var(--hairline);margin-bottom:1.5rem;padding-bottom:.5rem;display:block}@media (width>=80rem){.theme{--large:1}}.blog__columns{margin-top:var(--blog-step);grid-row:2;grid-template-columns:var(--record-line) 1fr auto;column-gap:var(--record-gap);border-bottom:1px solid var(--hairline);padding-bottom:.5rem;display:grid}.blog__count{justify-self:end}.blog__columns--bare{grid-template-columns:1fr}.record{--plate-quiet:var(--quiet);--cell-w:var(--record-line);gap:var(--record-gap);border-bottom:1px solid var(--hairline);color:var(--ink);align-items:stretch;padding:2rem 0;display:flex}.record--last{border-bottom:0;padding-bottom:0}.record__evidence{width:var(--cell-w);box-sizing:border-box;justify-content:space-between;align-items:stretch;gap:var(--cell-gap);padding:var(--cell-pad);border:1px solid var(--ink);color:var(--ink);flex-direction:column;flex:none;display:flex;position:relative}.record__line{font-family:var(--mono);font-size:var(--line-size);line-height:var(--line-lead)}.record__line--person{font-family:var(--sans);font-size:1rem}.record__stamp{font:var(--label-font);letter-spacing:.02em;color:var(--plate-quiet);flex:none;align-self:flex-end;line-height:1.125rem}.record__said{flex:1;min-width:0;display:block}.record__head,.record__mark{font-size:var(--h3-size);line-height:var(--h3-leading);letter-spacing:-.01em;font-weight:400;display:inline}.record__mark{margin-left:-.36em}.record__deck{--deck-lines:2;--edge-zone:96px;--edge-step:32px;max-height:calc(var(--deck-lines) * 1.5rem);text-indent:0;margin-top:var(--deck-y);color:var(--body);font-size:1rem;line-height:1.5rem;display:block;overflow:hidden}.record__deck--cut{height:calc(var(--deck-lines) * 1.5rem);mask-image:linear-gradient(#000, #000), linear-gradient(#000, #000), conic-gradient(#000 0 270deg, transparent 270deg 360deg), linear-gradient(#000, #000), conic-gradient(#000 0 180deg, transparent 180deg 360deg), linear-gradient(#000, #000), conic-gradient(#000 0 90deg, transparent 90deg 360deg), linear-gradient(#000, #000);mask-size:100% calc(100% - 1.5rem), calc(100% - var(--edge-zone)) 1.5rem, 4px 4px, var(--edge-step) 1.5rem, 4px 4px, var(--edge-step) 1.5rem, 4px 4px, var(--edge-step) 1.5rem;mask-position:left top, left bottom, right bottom, right calc(var(--edge-step) * 2) bottom 0, right bottom, right var(--edge-step) bottom 0, right bottom, right bottom;display:block;mask-repeat:no-repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat;mask-composite:add,add,intersect,add,intersect,add,intersect,add}@property --inked{syntax:"<number>";inherits:true;initial-value:0}.record__ink{--plate-quiet:var(--quiet-inverse);box-sizing:border-box;justify-content:space-between;gap:var(--cell-gap);padding:var(--cell-pad);background:var(--ink);color:var(--ground);--front:calc(var(--glass-x,0px) - 64px + round(down, var(--inked) * (var(--ink-w,24rem) + 80px), 16px));mask-image:linear-gradient(#000,#000),url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2748%27%20height%3D%2716%27%20shape-rendering%3D%27crispEdges%27%3E%3Cpath%20d%3D%27M0%200h2v2h-2zM4%200h2v2h-2zM8%200h2v2h-2zM12%200h2v2h-2zM0%204h2v2h-2zM4%204h2v2h-2zM8%204h2v2h-2zM12%204h2v2h-2zM0%208h2v2h-2zM4%208h2v2h-2zM8%208h2v2h-2zM12%208h2v2h-2zM0%2012h2v2h-2zM4%2012h2v2h-2zM8%2012h2v2h-2zM12%2012h2v2h-2zM16%200h4v4h-4zM24%200h4v4h-4zM16%208h4v4h-4zM24%208h4v4h-4zM32%200h8v8h-8z%27%2F%3E%3C%2Fsvg%3E);mask-size:max(0px, var(--front)) 100%, 48px 16px;mask-position:0 0, var(--front) var(--glass-y,0px);pointer-events:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0;mask-repeat:no-repeat,repeat-y}.record{--inked:0;transition:--inked .5s cubic-bezier(.35,0,.15,1)}@media (hover:hover){.record:hover{--draw:100%;--inked:1}}.record:focus-visible{--draw:100%;--inked:1}[data-scrolling] .record:hover{--draw:0%;--inked:0}@media (prefers-reduced-motion:reduce){.record{transition:none}}.record:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pager{margin-top:var(--pager-air);flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pager__steps{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pager__step:after{content:"";position:absolute;inset:-.625rem -.5rem}.pager__gap{box-sizing:border-box;border:1px dashed var(--ink-soft);width:1.125rem;height:1.5rem}.pager__where{font:var(--label-font);color:var(--quiet);line-height:1.5rem}.blog__faces{grid-row:4}.blog__records{display:block}.blog__face{display:none}.blog__face:target,[data-all]{display:block}.blog:has([data-face]:target) [data-all]{display:none}.blog__face{scroll-margin-top:100vh}.blog:has([data-face]:target) [data-theme=all] [data-fill] i{clip-path:inset(0);transition:clip-path .5s cubic-bezier(.35,0,.15,1)}.blog:has([data-face]:target) [data-theme=all] [data-fill] b{clip-path:inset(0 100% 0 0);transition:clip-path .5s cubic-bezier(.35,0,.15,1)}@media (prefers-reduced-motion:reduce){.blog:has([data-face]:target) [data-theme=all] [data-fill] i,.blog:has([data-face]:target) [data-theme=all] [data-fill] b{transition:none}}.blog:has([data-topic=search-console]:target) [data-theme=search-console] [data-fill] i,.blog:has([data-topic=ai-search]:target) [data-theme=ai-search] [data-fill] i,.blog:has([data-topic=security]:target) [data-theme=security] [data-fill] i,.blog:has([data-topic=speed]:target) [data-theme=speed] [data-fill] i,.blog:has([data-topic=traffic-rankings]:target) [data-theme=traffic-rankings] [data-fill] i,.blog:has([data-topic=platforms-hosting]:target) [data-theme=platforms-hosting] [data-fill] i,.blog:has([data-topic=general]:target) [data-theme=general] [data-fill] i{clip-path:inset(0 0 0 100%)}.blog:has([data-topic=search-console]:target) [data-theme=search-console] [data-fill] b,.blog:has([data-topic=ai-search]:target) [data-theme=ai-search] [data-fill] b,.blog:has([data-topic=security]:target) [data-theme=security] [data-fill] b,.blog:has([data-topic=speed]:target) [data-theme=speed] [data-fill] b,.blog:has([data-topic=traffic-rankings]:target) [data-theme=traffic-rankings] [data-fill] b,.blog:has([data-topic=platforms-hosting]:target) [data-theme=platforms-hosting] [data-fill] b,.blog:has([data-topic=general]:target) [data-theme=general] [data-fill] b{clip-path:inset(0)}.blog__empty{margin-top:1.5rem}.blog__empty-line{box-sizing:border-box;border:1px dashed var(--ink-soft);font:var(--label-font);color:var(--quiet);margin:0;padding:2rem 1.5rem;line-height:1.125rem}.blog__empty-said{max-width:52ch;color:var(--body);margin:1.5rem 0 0;font-size:1rem;line-height:1.5rem}@media (width>=64rem){.record__said{max-width:var(--said-max,44rem)}.blog__themes{margin-top:var(--blog-step);top:calc(var(--passage-solid) + var(--passage-ramp));margin-bottom:var(--pager-room,0rem);grid-area:4/rail;align-self:start;position:sticky}.blog:not(:has([data-face]:target)):has([data-all] [data-pager]),.blog:has([data-face]:target [data-pager]){--pager-room:calc(var(--pager-air) + 1.5rem)}}@media (width<=47.999rem){.blog__columns{grid-template-columns:1fr;justify-items:end}.blog__col{display:none}.record{--cell-w:auto;flex-direction:column;gap:.5rem;padding:1.5rem 0}.record__evidence{margin-bottom:.5rem}.record__head{text-underline-offset:4px}.record__deck{--deck-lines:3;--edge-zone:72px;--edge-step:24px}}}
