@charset "utf-8";
@font-face {
  font-family: '';
  src: url('/wp-content/themes//css/icons/.eot?aw9n05');
  src: url('/wp-content/themes//css/icons/.eot?aw9n05#iefix') format('embedded-opentype'), url('/wp-content/themes//css/icons/.ttf?aw9n05') format('truetype'), url('/wp-content/themes//css/icons/.woff?aw9n05') format('woff'), url('/wp-content/themes//css/icons/.svg?aw9n05#') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
/* CSS Custom Properties Around Colors */
:root {
  --white: #fff;
  --fog: #f7f7f7;
  --smog: #ececec;
  --gray-light: #8c8c8c;
  --gray: #4c4c4c;
  --black: #1f1f1f;
  --rich-black: #000;
  --red: #e50012;
  --rouge: #b01e24;
  --orange: #f7b52c;
  --deep-orange: #ff9500;
  --yellow: #faed00;
  --lime: #8dc21f;
  --green: #00913a;
  --sky: #2ca6e0;
  --blue: #036eb7;
  --navy: #003666;
  --purple: #5f1985;
  --pink: #e3007f;
  --greasy: #976068;
  --blue-light: #f2f8fc;
  --accent-color: #b01e24;
  --accent-bright: #e50012;
  --alert-color: #b01e24;
  --alert-bright: #e50012;
  --notion-color: #f7b52c;
  --notion-bright: #faed00;
  --gradient-dawn: rgba(154, 198, 212, 0.65) -10%, rgba(255, 197, 156, 0.65) 120%;
  --gradient-dawn-full: rgba(154, 198, 212, 0.65) 0%, rgba(255, 197, 156, 0.65) 100%;
  --gradient-morning: rgba(154, 198, 212, 0.65) 0%, rgba(154, 198, 212, 0.65) 50%, rgba(255, 197, 156, 0.65) 120%;
  --gradient-morning-full: rgba(154, 198, 212, 0.65) 0%, rgba(154, 198, 212, 0.65) 50%, rgba(255, 197, 156, 0.65) 100%;
  --gradient-noon: rgba(154, 184, 212, 0.65) -30%, rgba(255, 219, 156, 0.65) 150%;
  --gradient-noon-full: rgba(154, 184, 212, 0.65) 0%, rgba(255, 219, 156, 0.65) 100%;
  --gradient-set: rgba(154, 205, 205, 0.5) -10%, rgba(232, 191, 176, 0.5) 130%;
  --gradient-set-full: rgba(154, 205, 205, 0.5) 0%, rgba(232, 191, 176, 0.5) 100%;
  --gradient-dusk: #003666 -10%, #976068 130%;
  --gradient-dusk-full: #003666 0%, #976068 100%;
  --gradient-rise: rgba(152, 182, 210, 0.65) -10%, rgba(255, 217, 154, 0.65) 130%;
  --gradient-rise-full: rgba(152, 182, 210, 0.65) 0%, rgba(255, 217, 154, 0.65) 100%;
  --gradient-night: #5c307d -40%, #024e7b 110%;
  --gradient-night-full: #5c307d 0%, #024e7b 100%;
  --gradient-red: #890f23 0%, #4c1222 100%;
  --gradient-lime: #5c871d 0%, #00981e 100%;
  --gradient-hill: #00833a 0%, #036ea9 100%;
  --gradient-violet: #8e007f 0%, #024e7b 100%;
  --gradient-pink: #c73a89 0%, #851075 100%;
  --title: var(--black);
  --text: var(--black);
  --link: var(--black);
  --visited: var(--link);
  --hover: var(--blue);
  --text-strong: var(--rich-black);
  --text-discreet: var(--gray);
  --text-border: var(--gray);
  --marker: var(--notion-color);
  --shadow: rgba(0, 0, 0, 0.05);
  --error: var(--alert-color);
  /* phone setting
	============================================== */
}
:root ::-moz-selection {
  color: var(--black);
  background-color: var(--notion-color);
}
:root ::selection {
  color: var(--black);
  background-color: var(--notion-color);
}
:root {
  font-size: 62.5% !important;
  /* CSS Custom Properties without Colors
	// --------------------------------------------*/
  --main-width: 1500px;
  --base-fs: min(0.066vw, 0.1rem);
  --root-bg: transparent;
  --root-color: var(--text);
  --root-fs: min(1vw, 1.5rem);
  --root-fw: 400;
  --root-fst: normal;
  --root-lh: 1.75;
  --root-ls: 0;
  --root-align: left;
  --root-transition: 0.3s 0s ease;
  --g: min(10vw, 200px);
  --m: min(1vw, 15px);
  --mb: min(1.75vw, 30px);
  --mi: min(1vw, 30px);
  --header-height: min(7.65vw, 153px);
  --logo-width: min(10.5vw, 210px);
  --logo-aspect-ratio: 240 / 61.774;
  --wrap-padding-min: 4.5vw;
  --out-wrap-margin: calc((100vmax - var(--main-width)) / 2);
  --out-wrap-margin-max: max(var(--out-wrap-margin, 0px), 0px);
}
@media screen and (max-width: 1500px) {
  :root {
    --out-wrap-margin: 0px;
  }
}
html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
  scroll-margin-top: var(--header-height, 0px);
}
img.logo-standard {
  aspect-ratio: var(--logo-aspect-ratio);
}
img.logo-white {
  aspect-ratio: 194.2565 / 50;
}
img.logo-logitech {
  aspect-ratio: 98.2568 / 22;
}
img.logo-camcom {
  aspect-ratio: 580 / 68.3158;
}
body {
  --bg: var(--root-bg);
  --color: var(--root-color);
  --fs: var(--root-fs);
  --fw: var(--root-fw);
  --fst: var(--root-fst);
  --lh: var(--root-lh);
  --ls: var(--root-ls);
  --align: var(--root-align);
  --transition: var(--root-transition);
  font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */ 'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */ 'Segoe UI', /* Windowsの欧文 */ YuGothicM, /* Windows8.1以上は游ゴシック */ YuGothic, /* Macの游ゴシック */ Meiryo, /* 游ゴシックが入っていないWindows */ sans-serif;
  /* Windows */
  font-size: var(--fs);
  font-weight: var(--fw);
  font-style: var(--fst);
  line-height: var(--lh);
  letter-spacing: var(--ls);
  text-align: var(--align);
  color: var(--color);
  background-color: var(--bg);
  padding: 0;
  margin: 0;
  position: relative;
}
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'), /* Windowsでは游ゴシックが細くかすれてしまうので、Mediumを明示的に指定 */ local('Yu Gothic Medium'), /* Chrome用 */ local('YuGothic-Regular');
  /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */ local('Yu Gothic');
  /* Chrome用 */
}
.wf-active body {
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
}
img[src*="logo-journal"] {
  display: block;
  width: calc(273 / var(--v));
  aspect-ratio: 273 / 43;
}
img[src*="logo-logipalette"] {
  display: block;
  aspect-ratio: 143.7524 / 37;
}
img[src*="logo-logitech-mini"] {
  display: block;
  aspect-ratio: 213 / 43;
}
* {
  box-sizing: border-box;
}
br[sp] {
  display: none;
}
br[pc],
br[pc][sp] {
  display: inline;
}
*::before,
*::after {
  content: "";
  display: none;
}
img,
video,
iframe {
  height: auto;
  vertical-align: top;
}
img,
video {
  width: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
iframe {
  width: 100%;
  aspect-ratio: 560 / 315;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  /* normalize reset */
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  margin: 0;
}
p,
figure {
  margin-inline: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  /* custom */
}
p:not(:last-child),
figure:not(:last-child) {
  margin-bottom: calc(var(--m) * 4);
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p:not(:last-child),
ul:not(:last-child),
li:not(:last-child) {
  margin-bottom: 0.5lh;
}
li :where(ul, ol) {
  margin-top: 0.5lh;
}
p:empty {
  display: none;
}
img {
  width: auto;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
a,
a:link,
a:visited {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  background: inherit;
}
@media (hover: hover) {
  a {
    transition: var(--transition);
  }
  a:hover {
    color: var(--gray04);
  }
}
a.disabled {
  pointer-events: none;
  color: var(--light04) !important;
}
.logo > a,
a.logo,
a:has(img.logo) {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.logo > a img,
a.logo img,
a:has(img.logo) img {
  display: block;
}
.btn:is(a, button) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: content-box;
  padding-block: 0.5lh;
  padding-inline: 6ic;
  background: var(--black);
  border-radius: 1lh;
  margin-inline: auto;
  display: flex;
  align-items: center;
  font-size: inherit;
  font-weight: 700;
  color: var(--white);
  position: relative;
}
.btn:is(a, button)::after {
  display: block;
  --size: calc(1lh / var(--lh) / 2.5);
  width: var(--size);
  height: var(--size);
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  position: absolute;
  right: 1lh;
  top: 50%;
  transform: rotate(45deg) translate(0, calc(-50% - 1px));
}
@media (hover: hover) {
  .btn:is(a, button) {
    transition: var(--transition);
  }
  .btn:is(a, button):hover {
    background: var(--dark01);
  }
}
.nav-youtube-channel {
  display: flex;
}
.nav-youtube-channel::before {
  --size: calc(1lh / var(--lh));
  display: block;
  translate: 0 calc((1lh - var(--size)) / 2);
  margin-right: 0.3ic;
  height: var(--size);
  aspect-ratio: 21.429 / 15;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.429 15'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff;%7D.e%7Bfill:red;%7D%3C/style%3E%3C/defs%3E%3Cg id='c'%3E%3Cpath class='e' d='M20.981,2.342c-.246-.922-.973-1.648-1.895-1.895-1.671-.448-8.372-.448-8.372-.448,0,0-6.701,0-8.372.448-.922.246-1.648.973-1.895,1.895-.448,1.671-.448,5.158-.448,5.158,0,0,0,3.487.448,5.158.246.922.973,1.648,1.895,1.895,1.671.448,8.372.448,8.372.448,0,0,6.701,0,8.372-.448.922-.246,1.648-.973,1.895-1.895.448-1.671.448-5.158.448-5.158,0,0,0-3.487-.448-5.158Z'/%3E%3Cpolygon class='d' points='8.571 10.714 14.138 7.5 8.571 4.286 8.571 10.714'/%3E%3C/g%3E%3C/svg%3E");
}
.wrap {
  width: auto;
  max-width: var(--wrap-width);
  box-sizing: content-box;
  padding-inline: var(--wrap-padding-inline);
  margin-inline: auto;
}
:where(main.content) > section {
  padding-block: calc(var(--m) * 4);
}
:where(main.content) > section .wrap .btn {
  margin-top: calc(var(--m) * 6);
}
:is(.label, .title, .headline, .subline) {
  line-height: 1.5;
}
.headings {
  margin-bottom: calc(var(--m) * 3);
}
.headings .subline {
  margin-left: -1em;
  font-family: "Lexend Giga", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: calc(var(--base-fs) * 36);
}
.headings .label {
  display: flex;
  align-items: center;
  gap: 2.5ic;
  font-size: calc(var(--base-fs) * 21);
  font-weight: 400;
}
.headings .label::after {
  display: block;
  flex: 1 0 auto;
  height: 1px;
  background: currentColor;
}
.container:has(> .card) {
  display: flex;
  flex-flow: row wrap;
  --row-gap: var(--card-row-gap);
  --column-gap: calc(var(--m) * 2);
  row-gap: var(--row-gap);
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
}
.card {
  background: var(--white);
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .card a .image {
    transition: var(--transition);
  }
  .card a:hover .image,
  .card:has(.title a:hover, .link a:hover) .image {
    opacity: 0.8;
  }
  .card:has(.image:hover) :is(.title a, .link a) {
    color: var(--gray04);
  }
}
.card a:has(.image) {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
}
.card img.image {
  height: 100%;
  aspect-ratio: 8 / 5;
}
.card .text {
  flex-grow: 1;
  flex-shrink: 0;
  padding-top: var(--m);
  display: flex;
  flex-direction: column;
}
.card .title {
  margin-block: 0.5lh 1lh;
  font-size: calc(var(--base-fs) * 21);
  font-weight: 700;
  line-height: 1.5;
}
.card .title br {
  display: none;
}
.card.type-row {
  flex-direction: row;
}
.card.type-row a:has(.image) {
  flex-grow: 0;
  width: calc(240 / var(--v));
}
.card.type-row .text {
  flex-shrink: 1;
  padding-block: var(--m);
  padding-inline: calc(var(--m) * 2);
}
.card.type-row .title {
  margin-block: 0.5lh;
}
.card.type-linkcard {
  margin-block: calc(var(--m) * 6);
  padding: calc(var(--m) * 2);
  box-shadow: inset 0 0 0 1px var(--black);
  background: var(--white);
  flex-flow: row nowrap;
  gap: calc(var(--m) * 2);
  transition: 0.3s 0s ease;
}
@media (hover: hover) {
  .card.type-linkcard:hover {
    padding: calc(var(--m) * 2);
    background: var(--light01);
  }
}
.card.type-linkcard a:has(.image) {
  width: 25%;
}
.card.type-linkcard .image {
  aspect-ratio: 4 / 3;
  border: 1px solid transparent;
  transition: 0.3s 0.1s ease;
}
.card.type-linkcard .text {
  padding-top: 0;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}
.card.type-linkcard .title {
  margin-top: 0;
  padding-bottom: 0.75lh;
  border-bottom: 1px solid var(--black);
  margin-bottom: 0.75lh;
}
.card.type-linkcard .excerpt {
  font-size: calc(var(--base-fs) * 16);
  margin-bottom: 0.5lh;
}
.card.type-linkcard .link {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--blue);
}
.card.type-linkcard img.favicon {
  --size: calc(1lh / var(--lh));
  margin-top: calc((1lh - var(--size)) / 2);
  width: auto;
  height: var(--size);
  aspect-ratio: 1 / 1;
}
.indicators {
  margin-top: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 0.25lh 2ic;
}
.indicators .tag-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1ic;
}
.indicators .tag-categories .tag {
  display: block;
}
.indicators .tag-categories .omit {
  cursor: pointer;
  position: relative;
}
.indicators .tag-categories .omit::before {
  content: var(--max);
  display: block;
  padding-inline: 0.5em;
  box-sizing: border-box;
  box-shadow: inset 0 0 1px 0 currentColor;
  border-radius: 3px;
  text-align: center;
  opacity: 0.5;
  transition: var(--transition);
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(1)) {
  --max: "+1";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(2)) {
  --max: "+2";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(3)) {
  --max: "+3";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(4)) {
  --max: "+4";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(5)) {
  --max: "+5";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(6)) {
  --max: "+6";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(7)) {
  --max: "+7";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(8)) {
  --max: "+8";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(9)) {
  --max: "+9";
}
.indicators .tag-categories .omit:has(.omit-container > :nth-child(10)) {
  --max: "+10";
}
.indicators .tag-categories .omit .omit-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-block: 0.25lh;
  padding-inline: 1ic;
  background: var(--white);
  border-radius: 3px;
  border: 1px solid var(--light04);
  color: var(--black);
  position: absolute;
  right: 0;
  top: 100%;
  pointer-events: none;
  opacity: 0;
  transition: var(--transition);
}
@media (hover: hover) {
  .indicators .tag-categories .omit:hover::before {
    opacity: 1;
    background: rgb( from var(--gray01) r g b / 0.2);
  }
  .indicators .tag-categories .omit:hover .omit-container {
    pointer-events: all;
    opacity: 1;
  }
}
.type-genba-interview {
  --type-color: var(--colorbar-red);
}
.type-event-report {
  --type-color: var(--colorbar-sky);
}
.type-10-minute-commentary {
  --type-color: var(--colorbar-yellow);
}
.tag-series a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.tag-series a::before {
  display: block;
  width: 30px;
  height: 6px;
  border-radius: 2px;
  background: linear-gradient(to right, var(--type-color));
  margin-right: 0.5ic;
}
@media (hover: hover) {
  :is(.tag-series, .tag-categories, .tag-category) a {
    position: relative;
    z-index: 0;
  }
  :is(.tag-series, .tag-categories, .tag-category) a:hover {
    color: inherit;
  }
  :is(.tag-series, .tag-categories, .tag-category) a::after {
    pointer-events: none;
    display: block;
    width: 100%;
    box-sizing: content-box;
    padding-inline: 0.5ic;
    height: 100%;
    background: var(--light03);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    z-index: -1;
    opacity: 0;
    transition: var(--transition);
  }
  :is(.tag-series, .tag-categories, .tag-category) a:hover::after {
    opacity: 1;
  }
}
.tag::before {
  content: "#";
  display: inline;
  color: var(--gray02);
  font-weight: 700;
  margin-right: 0.25ic;
}
.article-container {
  font-size: calc(var(--base-fs) * 18);
}
.article-container figure + h2,
.article-container img + h2,
.article-container a + h2,
.article-container p + h2,
.article-container ul + h2,
.article-container ol + h2,
.article-container div + h2 {
  margin-top: calc(var(--m) * 10);
}
.article-container figure + h3,
.article-container img + h3,
.article-container a + h3,
.article-container p + h3,
.article-container ul + h3,
.article-container ol + h3,
.article-container div + h3,
.article-container figure + h4,
.article-container img + h4,
.article-container a + h4,
.article-container p + h4,
.article-container ul + h4,
.article-container ol + h4,
.article-container div + h4,
.article-container figure + h5,
.article-container img + h5,
.article-container a + h5,
.article-container p + h5,
.article-container ul + h5,
.article-container ol + h5,
.article-container div + h5,
.article-container figure + h6,
.article-container img + h6,
.article-container a + h6,
.article-container p + h6,
.article-container ul + h6,
.article-container ol + h6,
.article-container div + h6 {
  margin-top: calc(var(--m) * 6);
}
.article-container figure + ul,
.article-container img + ul,
.article-container a + ul,
.article-container p + ul,
.article-container ul + ul,
.article-container ol + ul,
.article-container div + ul,
.article-container figure + ol,
.article-container img + ol,
.article-container a + ol,
.article-container p + ol,
.article-container ul + ol,
.article-container ol + ol,
.article-container div + ol {
  margin-block: calc(var(--m) * 6);
}
.article-container h2:not(.headline, .subline, .title),
.article-container h3:not(.headline, .subline, .title),
.article-container h4:not(.headline, .subline, .title),
.article-container h5:not(.headline, .subline, .title),
.article-container h6:not(.headline, .subline, .title) {
  display: block;
  font-weight: 700;
}
.article-container h2,
.article-container h3 {
  padding-bottom: 0.5lh;
  border-bottom: 2px solid var(--color);
  margin-bottom: 0.75lh;
}
.article-container h2:not(.headline, .subline, .title) {
  margin-bottom: calc(var(--m) * 3);
  font-size: calc(var(--base-fs) * 36);
}
.article-container h3:not(.headline, .subline, .title) {
  font-size: calc(var(--base-fs) * 27);
}
.article-container h4:not(.headline, .subline, .title),
.article-container h5:not(.headline, .subline, .title),
.article-container h6:not(.headline, .subline, .title) {
  font-size: calc(var(--base-fs) * 21);
  margin-bottom: calc(var(--m) * 2);
}
.article-container ul {
  list-style-type: disc;
  -webkit-padding-start: 2em;
          padding-inline-start: 2em;
}
.article-container ul + p,
.article-container ul + ul {
  margin-top: calc(var(--m) * 1.5);
}
.article-container p,
.article-container li {
  font-weight: 400;
}
.article-container p:not(:last-child),
.article-container li:not(:last-child) {
  margin-bottom: calc(var(--m) * 1);
}
.article-container a {
  --link: var(--blue);
  --visited: var(--link);
  --hover: var(--white);
  --hover-bg: var(--black);
}
.article-container a:hover {
  text-decoration: none;
}
.article-container table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--base-fs) * 16.5);
}
.article-container table tr {
  border-bottom: 1px solid var(--gray);
}
.article-container table tr:first-of-type {
  border-top: 1px solid var(--gray);
}
.article-container table tr:nth-of-type(even) {
  background: var(--fog);
}
.article-container table th,
.article-container table td {
  padding: calc(var(--m) * 1.5) calc(var(--m) * 2);
  border-right: 1px solid var(--smog);
  text-align: left;
}
.article-container table th:first-of-type,
.article-container table td:first-of-type {
  border-left: 1px solid var(--smog);
}
.article-container table th {
  vertical-align: top;
  font-weight: 500;
}
.article-container figure:not([class]) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.article-container img {
  width: 100%;
  aspect-ratio: 3 / 2;
}
.article-container p img {
  margin-top: calc(var(--m) * 3);
  margin-bottom: calc(var(--m) * 3);
}
.article-container p + figure,
.article-container p + img {
  margin-top: calc(var(--m) * 6);
  margin-bottom: calc(var(--m) * 6);
}
.article-container .wp-element-caption {
  margin-top: var(--m);
  display: block;
  color: var(--gray04);
  font-style: italic;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: rgba(255, 255, 255, 0.95);
  position: relative;
  z-index: 1;
}
label.select {
  display: block;
  position: relative;
  color: var(--black);
}
label.select::after {
  --size: calc(1lh / var(--lh) / 2);
  display: block;
  width: var(--size);
  height: var(--size);
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  position: absolute;
  top: 50%;
  right: 0.75ic;
  translate: 0 -75%;
  rotate: 45deg;
  pointer-events: none;
}
label.select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-block: 0.5lh;
  padding-inline: 0.75ic 3ic;
  font-size: inherit;
  border: 1px solid var(--black);
  border-radius: 3px;
  cursor: pointer;
}
.pagination {
  --parent-bg: var(--white);
  --parent-color: var(--black);
  --bg: var(--parent-bg);
  --color: var(--parent-color);
  --gap: calc(var(--m) * 1.5) calc(var(--m) * 2);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: calc(var(--m) * 2);
  margin: 60px auto 0;
  background-color: var(--bg);
  position: relative;
  z-index: 11;
}
.pagination .page-num {
  display: none;
}
.pagination .pagers,
.pagination .pager-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap);
}
.pagination a.pager {
  color: var(--white);
  background: var(--black);
  border-radius: 1lh;
}
.pagination span.pager {
  color: inherit;
}
.pagination .pager {
  --size: calc(var(--m) * 3);
  --bg: var(--parent-color);
  display: block;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  text-align: center;
  letter-spacing: 0;
}
.pagination .pager.current {
  --bg: var(--white);
  --color: var(--parent-color);
  --hover: var(--parent-bg);
  --hover-bg: var(--parent-color);
  box-shadow: inset 0 0 0 1px var(--color);
}
.pagination .pager.prev,
.pagination .pager.next {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 1ic;
  background: transparent;
  font-size: inherit;
  font-weight: 700;
  color: var(--black);
}
div#ez-toc-container {
  padding-block: calc(var(--m) * 2);
  padding-inline: calc(var(--m) * 3);
  background: var(--white);
  border-radius: 0;
}
div#ez-toc-container .ez-toc-title-container {
  padding-bottom: calc(var(--m) * 2);
  border-bottom: 1px solid currentColor;
  margin-bottom: calc(var(--m) * 2);
}
div#ez-toc-container .ez-toc-title-container .ez-toc-title {
  font-size: calc(var(--base-fs) * 21);
  font-weight: 700;
}
div#ez-toc-container ul li {
  font-size: inherit;
  font-weight: inherit;
}
div#ez-toc-container ul a {
  font-size: calc(var(--base-fs) * 15);
}
div#ez-toc-container a + ul,
div#ez-toc-container ul li + li {
  margin-top: 0.5lh;
}
section.form {
  margin-block: calc(var(--m) * 6);
  background: var(--light01);
}
section.form .wrap {
  padding: calc(var(--m) * 4) calc(var(--m) * 3);
  max-width: unset;
  margin-inline: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  --row-gap: var(--m);
  --column-gap: var(--m);
}
section.form .headline {
  font-size: calc(var(--base-fs) * 30);
  font-weight: 600;
  text-align: center;
  margin-bottom: calc(var(--m) * 5);
}
section.form :is(.mw_wp_form, .form-container) {
  width: 100%;
}
section.form .group {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  --column-gap: calc(var(--m) * 1.5);
  gap: var(--row-gap) var(--column-gap);
}
section.form .group .container {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: var(--row-gap) var(--column-gap);
}
section.form .block {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  --column-gap: calc(var(--m) * 2);
  gap: var(--row-gap) var(--column-gap);
  position: relative;
}
section.form .block.message,
section.form .block.agreement {
  width: 100%;
}
section.form .block.agreement {
  flex-direction: row;
}
section.form .block.agreement .input {
  align-self: center;
}
section.form .block.agreement .mwform-checkbox-field-text,
section.form .block.agreement .checkbox-field-text {
  --font-size: calc(var(--base-fs) * 15);
}
.mw_wp_form_confirm section.form .block.agreement {
  flex-direction: column;
  align-self: center;
  gap: 0;
}
.mw_wp_form_confirm section.form .block.agreement .title::after {
  height: auto;
  align-self: stretch;
}
.mw_wp_form_confirm section.form .block.agreement .input {
  --font-size: calc(var(--base-fs) * 15);
  align-self: unset;
}
section.form .title {
  flex: 1 1 auto;
  min-height: calc(18px * 1.15 + var(--mb) * 0.75 * 2 + 4px);
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  font-size: calc(var(--base-fs) * 18);
  text-align: right;
}
section.form .group .block .title {
  width: 25%;
  box-sizing: border-box;
}
section.form .block.must .title {
  position: relative;
}
section.form .block.must .title::after {
  content: "＊";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 0 calc(var(--m) * 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--alert-color);
  font-size: calc(var(--base-fs) * 15);
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}
section.form .input {
  width: 70%;
  min-height: calc(calc(var(--base-fs) * 18) * 1.15);
  box-sizing: border-box;
}
section.form .notice {
  width: 100%;
  box-sizing: border-box;
  padding-left: calc(28% + var(--column-gap));
}
section.form a[href*="privacy"],
section.form a[href*="policy"] {
  display: inline-block;
  margin-left: calc(var(--m) * 0.5);
}
section.form a[href*="privacy"]:link,
section.form a[href*="policy"]:link,
section.form a[href*="privacy"]:visited,
section.form a[href*="policy"]:visited {
  text-decoration: underline;
}
section.form a[href*="privacy"]:hover,
section.form a[href*="policy"]:hover {
  --hover: var(--notion-bright);
}
section.form .mw_wp_form_confirm .input {
  --font-size: calc(var(--base-fs) * 18);
  min-height: calc(var(--font-size) * 1.15 + var(--m) * 0.75 * 2);
  padding: calc(var(--m) * 0.75) var(--m);
  font-size: var(--font-size);
  line-height: 1.15;
  border: 1px solid var(--gray);
}
section.form .block.btns {
  margin-top: calc(var(--m) * 6);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
section.form :is(.back input, .submit button) {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: content-box;
  padding-block: 1lh;
  padding-inline: 2ic;
  border-radius: 3px;
  color: var(--white);
  text-align: center;
  font-size: inherit;
  line-height: 1.5;
}
section.form .back {
  position: absolute;
  left: 0;
  top: 50%;
  translate: -50% -50%;
}
section.form .back input {
  background: var(--dark01);
}
section.form .back input:empty {
  display: none;
}
section.form .submit button {
  background: var(--blue);
}
section.form :is(.mwform-checkbox-field, .checkbox-field).horizontal-item:not(:last-of-type) {
  margin-right: calc(var(--m) * 2);
}
section.form input[type="text"],
section.form input[type="email"],
section.form input[type="password"],
section.form select,
section.form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: calc(var(--m) * 0.75) var(--m);
  border: 1px solid var(--gray03);
  border-radius: 2px;
  background: var(--white);
}
section.form input[type="text"]:focus,
section.form input[type="email"]:focus,
section.form input[type="password"]:focus,
section.form select:focus,
section.form textarea:focus {
  outline: 2px solid var(--notion-bright);
}
section.form input[type="text"],
section.form input[type="email"],
section.form input[type="password"],
section.form textarea,
section.form .mwform-checkbox-field-text,
section.form .checkbox-field-text {
  font-size: calc(var(--base-fs) * 18);
}
section.form textarea {
  resize: vertical;
}
section.form input[type="checkbox"],
section.form input[type="radio"] {
  margin-right: 5px;
}
section.form input[name="submitBack"],
section.form input[name="submitConfirm"],
section.form input[type="submit"],
section.form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border: 0;
  cursor: pointer;
}
section.form .error {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 3px calc(var(--m) * 0.5);
  background-color: var(--alert-color);
  font-size: calc(var(--base-fs) * 15);
  color: var(--white);
  position: absolute;
  top: calc((var(--fs) + var(--m) * 0.5) / 2);
  left: calc(100% + 9px);
}
section.form .error::before {
  display: block;
  width: 0;
  height: 0;
  border: 0.35vw solid transparent;
  border-right: 0.44vw solid var(--alert-color);
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  transform: translate(0, -50%);
}
.ez-toc-section {
  scroll-margin-top: calc(var(--header-height) + calc(var(--m) * 2));
}
body.journal {
  --light01: #F8F9FA;
  --light02: #F5F6F7;
  --light03: #EEEFF0;
  --light04: #E1E2E3;
  --gray01: #B1B2B5;
  --gray02: #7D7F84;
  --gray03: #7D7F84;
  --gray04: #717379;
  --dark01: #4D5057;
  --dark02: #414345;
  --dark03: #303233;
  --dark04: #12161F;
  --black: var(--dark04);
  --chart-color-mono: var(--light03), var(--light03) 45%, var(--gray01) 45%, var(--gray01) 78%, var(--dark01) 78%;
  --colorbar-red: var(--red), var(--red) 45%, var(--orange) 45%, var(--orange) 78%, var(--yellow) 78%;
  --colorbar-sky: var(--sky), var(--sky) 45%, var(--blue) 45%, var(--blue) 78%, var(--purple) 78%;
  --colorbar-yellow: var(--yellow), var(--yellow) 45%, var(--lime) 45%, var(--lime) 78%, var(--green) 78%;
  --b: 1500;
  --v: var(--b) * 100vw;
  --wrap-width: 1500px;
  --wrap-padding-inline: calc(var(--m) * 2);
  --header-height: calc(100 / var(--v));
  --card-row-gap: calc(var(--m) * 6);
  --transition: 0.2s 0s ease;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--black);
  overflow-x: clip;
}
main.content {
  padding-top: var(--header-height);
}
.header {
  width: 100%;
  height: var(--header-height);
  background: var(--white);
  box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 0.2);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.header .wrap {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logo {
  flex-shrink: 0;
  width: calc(273 / var(--v));
}
.header .switch {
  display: none;
}
.header .header-nav {
  font-size: calc(var(--base-fs) * 16.5);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 2ic;
}
section.youtube-channel {
  padding-block: calc(var(--m) * 6);
  position: relative;
  z-index: 1;
  color: var(--white);
}
section.youtube-channel .container {
  --column-gap: calc(20 / var(--v));
}
section.youtube-channel .card {
  width: calc((100% - var(--column-gap) * 3) / 4);
  background: transparent;
}
section.youtube-channel img.image {
  aspect-ratio: 16 / 9;
}
section.youtube-channel .title {
  margin-bottom: 0;
}
section.youtube-channel a.nav-youtube-channel {
  margin-top: calc(var(--m) * 3);
  background: var(--white);
  color: var(--black);
}
section.youtube-channel a.nav-youtube-channel::before {
  translate: none;
}
section.youtube-channel img.background {
  width: 100%;
  max-width: unset;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.sticky-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: var(--m);
  position: -webkit-sticky;
  position: sticky;
  bottom: var(--m);
  z-index: 2;
  opacity: 1;
  transition: 1s 0.5s ease;
}
body.is_scroll .sticky-group {
  opacity: 0.2;
  transition: 0.5s 0s ease;
}
a.nav-page-top {
  --hover: var(--white);
  --hover-bg: var(--black);
  width: min(calc(98 / var(--v)), 98px);
  height: min(calc(72 / var(--v)), 72px);
  background: var(--dark01);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--white);
}
a.nav-page-top::before {
  display: block;
  width: 9px;
  height: 9px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  rotate: -45deg;
}
a.nav-whitepaper {
  display: block;
  box-sizing: border-box;
  width: min(5.33vw, 80px);
  height: min(18.93vw, 284px);
  position: fixed;
  top: min(17.6vw, 264px);
  right: 0;
  z-index: 100;
}
a.nav-whitepaper::before {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (hover: hover) {
  a.nav-whitepaper img {
    transition: var(--transition);
  }
  a.nav-whitepaper:hover img {
    opacity: 0.5;
  }
}
.footer-journal {
  padding-block: calc(var(--m) * 2);
  background: var(--white);
}
.footer-journal a.logo {
  margin-bottom: calc(var(--m) * 3);
}
.footer-journal nav {
  padding-block: calc(var(--m) * 2);
  font-size: calc(var(--base-fs) * 18);
  font-weight: 700;
}
.footer-journal nav .label {
  color: var(--gray01);
  margin-bottom: 0.5lh;
}
.footer-journal nav .container {
  display: flex;
  flex-wrap: wrap;
}
.footer-journal nav.nav-series {
  border-bottom: 1px solid currentColor;
}
.footer-journal nav.nav-series .container {
  gap: 0.5lh 3ic;
}
.footer-journal a.nav-youtube-channel {
  margin-left: auto;
}
.footer-journal nav.nav-categories .container {
  gap: 0.5lh 2ic;
}
.footer-logipalette {
  padding-block: calc(var(--m) * 3);
  background: var(--gray03);
  color: var(--white);
}
.footer-logipalette .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: calc(var(--m) * 4);
}
.footer-logipalette .container + .container {
  margin-top: calc(var(--m) * 3);
}
.footer-logipalette .logos {
  flex: 0 0 auto;
  display: flex;
  gap: var(--m);
}
.footer-logipalette .logos .logo-logipalette {
  height: calc(37 / var(--v));
}
.footer-logipalette .logos .parent {
  font-size: calc(var(--base-fs) * 10);
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer-logipalette .logos .logo-logitech-mini {
  display: block;
  height: calc(21 / var(--v));
}
.footer-logipalette .links {
  display: flex;
  gap: var(--m);
}
.footer-logipalette .links a.nav-external {
  height: calc(37 / var(--v));
}
.footer-logipalette .links a.nav-external img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.hero,
body.journal-post main.content {
  position: relative;
  z-index: 0;
}
section.hero > .background,
body.journal-post main.content > .background {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
body.journal-top section.hero .wrap {
  position: relative;
}
body.journal-top section.hero .headings {
  position: absolute;
  top: 0;
  z-index: 10;
}
body.journal-top section.hero .subline {
  color: var(--white);
  text-shadow: 1px 1px calc(var(--m) * 2) rgb( from var(--black) r g b / 0.5);
  translate: 0 -50%;
}
body.journal-top section.hero .container {
  min-height: calc(516 / var(--v));
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 53.33% 1fr;
  row-gap: var(--m);
  -moz-column-gap: calc(var(--m) * 2);
       column-gap: calc(var(--m) * 2);
}
body.journal-top section.hero .card {
  background: var(--light01);
}
body.journal-top section.hero .card:first-child {
  grid-row: 1 / 4;
  grid-column: 1 / 2;
  flex-direction: column;
  position: relative;
}
body.journal-top section.hero .card:first-child a:has(.image) {
  flex-grow: 1;
  width: 100%;
  position: relative;
  z-index: 0;
}
body.journal-top section.hero .card:first-child a:has(.image)::before {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 50%, var(--black) 73%);
  opacity: 0.7;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
body.journal-top section.hero .card:first-child .image {
  height: 100%;
}
@media (hover: hover) {
  body.journal-top section.hero .card:first-child:has(.image:hover) :is(.title a, .link a) {
    color: inherit;
  }
}
body.journal-top section.hero .card:first-child .text {
  pointer-events: none;
  flex-grow: 0;
  width: 100%;
  padding-bottom: var(--m);
  padding-inline: calc(var(--m) * 3);
  display: flex;
  flex-flow: row wrap;
  color: var(--white);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
body.journal-top section.hero .card:first-child .text > * {
  pointer-events: all;
}
body.journal-top section.hero .card:first-child .text::before {
  content: "注目記事";
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 0.125lh;
  padding-inline: 1ic;
  background: var(--white);
  border-radius: 2px;
  margin-right: var(--m);
  align-self: center;
  color: var(--black);
  font-size: calc(var(--base-fs) * 12);
}
@media (hover: hover) {
  body.journal-top section.hero .card:first-child :is(.tag-series, .tag-categories, .tag-category) a::after {
    background: rgb( from var(--gray03) r g b / 0.5 );
  }
}
body.journal-top section.hero .card:first-child .title {
  margin-block: 0.5lh 1lh;
  font-size: calc(var(--base-fs) * 27);
  color: var(--light01);
}
@media (hover: hover) {
  body.journal-top section.hero .card:first-child .title a:hover {
    color: var(--white);
  }
}
body.journal-top section.hero .card:first-child :is(.title, .indicators) {
  flex: 0 0 100%;
}
body.journal-top section.hero .card:nth-child(2) {
  grid-row: 1 / 2;
}
body.journal-top section.hero .card:nth-child(3) {
  grid-row: 2 /3;
}
body.journal-top section.hero .card:nth-child(4) {
  grid-row: 3 / 4;
}
body.journal-top section.hero .card:not(:first-child) {
  grid-column: 2 / 3;
}
body.journal-top section.hero .background {
  height: calc(520 / var(--v));
}
body.journal-top section.latest .card {
  width: calc((100% - var(--column-gap) * 2) / 3);
}
body.journal-top section.series-orders {
  background: var(--light01);
  position: relative;
  z-index: 0;
}
body.journal-top section.series-orders .background {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
body.journal-top section.order {
  padding-bottom: calc(var(--m) * 8);
}
body.journal-top section.order .headings {
  padding: 5px;
  border-radius: 9px;
  background: var(--white);
  display: flex;
  align-items: center;
  gap: calc(var(--m) * 2);
}
body.journal-top section.order .headline {
  display: flex;
  align-items: center;
  font-size: calc(var(--base-fs) * 27);
}
body.journal-top section.order .headline::before {
  display: block;
  width: 12px;
  height: 2lh;
  border-radius: 4px;
  background: linear-gradient(to bottom, var(--type-color));
  margin-right: 1.5ic;
}
body.journal-top section.order .container {
  --row-gap: calc(var(--m) * 3);
  --column-gap: calc(var(--m) * 3);
}
body.journal-top section.order .card {
  width: calc((100% - var(--column-gap)) / 2);
}
body.journal-top section.order .text {
  -webkit-padding-end: var(--m);
          padding-inline-end: var(--m);
}
body.journal-top section.order .title {
  margin-top: 0;
}
body:is(.journal-archive, .journal-tax) section.hero .wrap {
  position: relative;
}
body:is(.journal-archive, .journal-tax) section.hero .headings {
  color: var(--white);
}
body:is(.journal-archive, .journal-tax) section.hero .subline {
  font-size: calc(var(--base-fs) * 15);
}
body:is(.journal-archive, .journal-tax) section.hero .tagline {
  padding: 5px;
  margin-block: var(--m) calc(var(--m) * 2);
  display: flex;
  align-items: center;
  font-size: calc(var(--base-fs) * 36);
  line-height: 1.5;
}
body:is(.journal-archive, .journal-tax) section.hero .tagline span {
  align-self: flex-end;
  margin-left: 0.5ic;
  font-size: calc(var(--base-fs) * 18);
}
body:is(.journal-archive, .journal-tax) section.hero .tagline::before {
  display: block;
  width: 12px;
  height: 1lh;
  border-radius: 4px;
  background: linear-gradient(to bottom, var(--type-color, var(--chart-color-mono)));
  margin-right: 0.5ic;
}
body:is(.journal-archive, .journal-tax) section.hero .background {
  height: 100%;
}
body:is(.journal-archive, .journal-tax) section.list {
  padding-bottom: calc(var(--m) * 12);
}
body:is(.journal-archive, .journal-tax) section.list .card {
  width: calc((100% - var(--column-gap) * 2) / 3);
}
body.journal-post main.content > .background {
  height: calc(240 / var(--v));
  top: var(--header-height);
}
body.journal-post main.content > .wrap {
  display: flex;
  flex-wrap: wrap;
  --wrap-column-gap: calc(var(--m) * 4);
  -moz-column-gap: var(--wrap-column-gap);
       column-gap: var(--wrap-column-gap);
}
body.journal-post .breadcrumbs {
  flex: 0 0 100%;
  height: calc(var(--m) * 4);
  display: flex;
  align-items: center;
  overflow-x: scroll;
  overflow-y: clip;
}
body.journal-post .breadcrumbs br {
  display: none;
}
body.journal-post .breadcrumbs .container {
  color: var(--white);
  white-space: nowrap;
}
body.journal-post .breadcrumbs span[typeof="ListItem"] {
  margin-right: 0.5ic;
}
body.journal-post .breadcrumbs span[typeof="ListItem"]:not(:first-child) {
  margin-left: 0.5ic;
}
body.journal-post .breadcrumbs a {
  text-decoration: underline;
}
body.journal-post article {
  flex: 1 1 auto;
  max-width: calc(100% - (360 / var(--v)) - var(--wrap-column-gap));
}
body.journal-post article img.billboard {
  width: 100%;
}
body.journal-post article .headings {
  margin-block: calc(var(--m) * 4) calc(var(--m) * 6);
}
body.journal-post article .headings .tagline {
  margin-block: calc(var(--m) * 2);
  font-size: calc(var(--base-fs) * 39);
}
body.journal-post article .headings .date {
  flex: 0 0 100%;
}
body.journal-post article div#ez-toc-container {
  display: none;
}
body.journal-post article .article-container {
  padding-bottom: calc(var(--m) * 8);
}
body.journal-post article .article-container img {
  -o-object-fit: contain;
     object-fit: contain;
}
body.journal-post article .nav-series {
  margin-bottom: calc(var(--m) * 8);
}
body.journal-post .related-posts {
  padding-block: calc(var(--m) * 4) calc(var(--m) * 8);
}
body.journal-post .related-posts .label {
  padding-bottom: 0.5lh;
  border-bottom: 1px solid currentColor;
  margin-bottom: 0.5lh;
  font-size: calc(var(--base-fs) * 21);
  font-weight: 700;
}
body.journal-post .related-posts .container {
  --row-gap: calc(var(--m) * 3);
}
body.journal-post .related-posts .card {
  width: calc((100% - var(--column-gap) * 2) / 3);
}
body.journal-post aside {
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(360 / var(--v));
  padding-bottom: calc(var(--m) * 6);
}
body.journal-post aside div#ez-toc-container {
  display: block;
}
body.journal-post aside > section {
  padding-block: calc(var(--m) * 2);
}
body.journal-post aside > section .label {
  padding-bottom: calc(var(--m) * 2);
  border-bottom: 1px solid currentColor;
  margin-bottom: calc(var(--m) * 2);
  font-size: calc(var(--base-fs) * 21);
  font-weight: 700;
}
body.journal-post .featured {
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
}
body.journal-post .featured .card + .card {
  margin-top: calc(var(--m) * 2);
}
body.journal-post .featured a:has(.image) {
  width: calc(120 / var(--v));
}
body.journal-post .featured .text {
  padding-block: 0;
  padding-inline: var(--m) 0;
}
body.journal-post .featured .title {
  font-size: calc(var(--base-fs) * 15);
}