/* Fonts: QTES Inter = Inter matched to iA Sans (OFL), QTES Mono = iA Writer Mono (OFL), iA Serif replaced by Inter as well. Accent: #F7941D */
@font-face { font-family: "QTES Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/qtes-inter-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "QTES Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/qtes-inter-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "QTES Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/qtes-inter-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "QTES Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/qtes-inter-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "QTES Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/qtes-inter-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "QTES Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/qtes-inter-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "QTES Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/qtes-inter-500-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "QTES Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/qtes-inter-ext-500-italic.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "QTES Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/qtes-inter-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "QTES Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/qtes-inter-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "QTES Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/qtes-inter-700-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "QTES Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/qtes-inter-ext-700-italic.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "QTES Mono"; font-weight: 400; font-display: swap; src: url("/fonts/ia-writer-mono-400.woff2") format("woff2"); }
@font-face { font-family: "QTES Mono"; font-weight: 700; font-display: swap; src: url("/fonts/ia-writer-mono-700.woff2") format("woff2"); }
html { line-height: 1.5; text-size-adjust: 100%; }
body { margin: 0px; overflow-x: hidden; }
main { display: block; }
h1 { margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
a { background-color: transparent; text-underline-offset: 0.1em; }
b, strong { font-weight: bold; }
sup { font-variant-position: super; line-height: 0; position: relative; vertical-align: baseline; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: "QTES Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 100%; line-height: 1.5; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
[hidden] { display: none; }
:root { --link-dark: #000000; --link-light: #ffffff; --link-lighter: rgb(247, 148, 29); --link-blue-dark: rgb(229, 129, 8); --link-blue-light: rgb(247, 148, 29); }
@media (color-gamut: p3) { :root { --link-dark: color(display-p3 0 0 0); --link-light: color(display-p3 1 1 1); --link-lighter: color(display-p3 0 1 1); --link-blue-dark: rgb(229, 129, 8); --link-blue-light: rgb(247, 148, 29); } }
body { font-feature-settings: "dlig"; font-variant-ligatures: normal; }
.text, code, pre, sup { font-size: 1.05rem; }
.text, code, pre, sup { font-size: 16.8px; line-height: 155%; }
@media screen and (min-width: 560px) { .text, code, pre, sup { font-size: calc(13.9818px + 0.880682vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text, code, pre, sup { font-size: 23px; line-height: 165%; } }
.text__level--quote, table, code { font-size: 1.05rem; }
.text__level--quote, table, code { font-size: 14.7px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--quote, table, code { font-size: calc(11.9727px + 0.852273vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--quote, table, code { font-size: 20.7px; line-height: 165%; } }
* { box-sizing: border-box; }
::selection { background-color: rgba(247, 148, 29, 0.25); }
html { font-size: 16px; line-height: 155%; }
@media screen and (min-width: 560px) { html { font-size: calc(13.2727px + 0.852273vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { html { font-size: 22px; line-height: 165%; } }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
body { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; background-color: rgb(247, 247, 247); color: rgb(34, 34, 34); height: 100%; margin: 0px; max-width: 100%; }
img, video { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; width: auto; }
.video-wrapper > video::-webkit-media-controls-panel, .video-wrapper > video::-webkit-media-controls-enclosure { background: transparent !important; }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player { --ia-video-player-primary-glyph-color: #fff; --ia-video-player-secondary-glyph-color: #fff; --ia-video-player-inside-margin: 10px; --ia-video-player-controls-bar-height: 46px; --ia-video-player-controls-border-radius: 23px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); cursor: default; isolation: isolate; overflow: hidden; position: relative; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player > video { cursor: pointer; display: block; margin: 0px; max-width: none; object-fit: cover; height: 100% !important; width: 100% !important; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__overlay { color: rgb(255, 255, 255); inset: 0px; pointer-events: none; position: absolute; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__center-button, .video-wrapper.ia-video-player .ia-video-player__button, .video-wrapper.ia-video-player .ia-video-player__scrubber, .video-wrapper.ia-video-player .ia-video-player__volume, .video-wrapper.ia-video-player .ia-video-player__time-toggle { pointer-events: auto; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__center-button, .video-wrapper.ia-video-player .ia-video-player__controls { background: rgba(32, 32, 32, 0.5); backdrop-filter: saturate(180%) blur(17.5px); border: 0px; overflow: hidden; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__glass { display: none; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__center-button { appearance: none; align-items: center; border: 0px; border-radius: 50%; color: var(--ia-video-player-primary-glyph-color); cursor: pointer; display: flex; height: 60px; justify-content: center; left: 50%; margin: 0px; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.1s linear, transform 0.1s linear; width: 60px; background-color: rgba(32, 32, 32, 0.5) !important; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__controls { align-items: center; border-radius: var(--ia-video-player-controls-border-radius); bottom: var(--ia-video-player-inside-margin); color: rgb(255, 255, 255); display: flex; font-family: -apple-system, BlinkMacSystemFont, sans-serif; gap: 6px; height: var(--ia-video-player-controls-bar-height); left: 50%; max-width: 620px; padding: 0px 12px; position: absolute; right: auto; transform: translateX(-50%); transition: opacity 0.1s linear, transform 0.1s linear; white-space: nowrap; width: calc(100% - var(--ia-video-player-inside-margin) * 2); } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__controls > *, .video-wrapper.ia-video-player .ia-video-player__center-button > * { position: relative; z-index: 1; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button { appearance: none; align-items: center; border: 0px; color: var(--ia-video-player-secondary-glyph-color); cursor: pointer; display: flex; flex: 0 0 auto; height: var(--ia-video-player-controls-bar-height); justify-content: center; margin: 0px; padding: 0px; width: 27px; background-color: transparent !important; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button--skip-back, .video-wrapper.ia-video-player .ia-video-player__button--play, .video-wrapper.ia-video-player .ia-video-player__button--skip-forward { color: var(--ia-video-player-primary-glyph-color); } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__picture { display: block; height: var(--ia-video-player-icon-height); mix-blend-mode: plus-lighter; pointer-events: none; position: relative; transition: transform 150ms; width: var(--ia-video-player-icon-width); will-change: transform; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__picture > svg { display: block; fill: currentcolor; height: 100%; width: 100%; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button:active .ia-video-player__picture { transform: scale(0.89); } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button:disabled { cursor: default; opacity: 0.45; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button:disabled .ia-video-player__picture { transform: none; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__center-button .ia-video-player__picture { height: 100%; left: 0px; position: absolute; top: 0px; transform: translateX(3px) scale(0.4); width: 100%; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__center-button:active .ia-video-player__picture { transform: translateX(3px) scale(0.355556); } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__time-control { align-items: center; column-gap: 5px; display: flex; flex: 1 1 auto; justify-content: space-between; min-width: 160px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__time, .video-wrapper.ia-video-player .ia-video-player__time-toggle { color: var(--ia-video-player-secondary-glyph-color); font-family: -apple-system-monospaced-numbers, -apple-system, BlinkMacSystemFont, sans-serif; font-feature-settings: "case"; font-size: 12px; font-style: normal; font-variant-numeric: tabular-nums; line-height: 1; mix-blend-mode: plus-lighter; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__time--current { min-width: 35px; text-align: right; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__time-toggle { appearance: none; background: none; border: 0px; cursor: pointer; margin: 0px; min-width: 35px; padding: 0px; text-align: left; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__time-toggle:disabled { cursor: default; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__scrubber-wrap, .video-wrapper.ia-video-player .ia-video-player__volume-wrap { align-items: center; display: flex; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__scrubber-wrap { flex: 1 1 auto; min-width: 0px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__right-controls { align-items: center; display: flex; flex: 0 0 auto; gap: 6px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__volume-wrap { flex: 0 0 auto; width: 60px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button--pip { margin-left: 8px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__scrubber, .video-wrapper.ia-video-player .ia-video-player__volume { --progress: 0%; appearance: none; background: transparent; cursor: pointer; height: 17px; margin: 0px; width: 100%; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__scrubber::-webkit-slider-runnable-track, .video-wrapper.ia-video-player .ia-video-player__volume::-webkit-slider-runnable-track { background: linear-gradient(to right, rgba(255, 255, 255, 0.45) 0 var(--progress), rgba(255, 255, 255, 0.45) var(--progress), rgba(255, 255, 255, 0.1) var(--progress), rgba(255, 255, 255, 0.1) 100%); border-radius: 4.5px; height: 5px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__scrubber::-webkit-slider-thumb, .video-wrapper.ia-video-player .ia-video-player__volume::-webkit-slider-thumb { appearance: none; background: rgb(255, 255, 255); border: 0px; border-radius: 8.5px; box-shadow: none; height: 17px; margin-top: -6px; width: 21px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__scrubber:disabled { cursor: default; opacity: 0.45; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player .ia-video-player__button:focus-visible, .video-wrapper.ia-video-player .ia-video-player__center-button:focus-visible, .video-wrapper.ia-video-player .ia-video-player__scrubber:focus-visible, .video-wrapper.ia-video-player .ia-video-player__volume:focus-visible, .video-wrapper.ia-video-player .ia-video-player__time-toggle:focus-visible { outline: rgba(255, 255, 255, 0.88) solid 2px; outline-offset: 2px; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player:not(.shows-start-button) .ia-video-player__center-button { opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(0.97); } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player.is-idle .ia-video-player__controls { opacity: 0; pointer-events: none; transform: translate(-50%, 4px); transition-duration: 0.25s; } }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) { .video-wrapper.ia-video-player.shows-start-button .ia-video-player__controls { opacity: 0; pointer-events: none; transform: translate(-50%, 4px); transition-duration: 0.25s; } }
.desktop { background-color: transparent !important; }
a, summary { color: rgb(0, 0, 0); font-style: inherit; text-decoration-thickness: 0.06em; transition: color 0.2s ease-in-out; }
a:hover, summary:hover { color: rgb(247, 148, 29); }
@media (prefers-color-scheme: P3), (-webkit-min-device-pixel-ratio: 0) { a:hover, summary:hover { color: rgb(247, 148, 29); } }
.breadcrumbs a, .nav-primary a, .footer-primary a, .blog__excerpt a, .blog__meta a, .header-primary a { color: rgb(34, 34, 34); text-decoration: none; }
.breadcrumbs a:hover, .nav-primary a:hover, .footer-primary a:hover, .blog__excerpt a:hover, .blog__meta a:hover, .header-primary a:hover { color: black; }
address { font-style: normal; }
ol, ul > ol { list-style: decimal; }
code, pre { word-break: break-word; }
code { font-family: "QTES Mono", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 0.25em; display: inline-block; font-weight: 500; line-height: 1.05; margin: 0px; padding: 0.16em 0.5em 0.08em; vertical-align: baseline; white-space: pre-wrap; }
@keyframes say { 
  0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 5px, rgba(255, 255, 255, 0) 0px 0px 10px, rgba(255, 255, 255, 0) 0px 0px 15px, rgba(255, 255, 255, 0) 0px 0px 20px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(255, 255, 255) 0px 0px 20px; }
}
@-webkit-keyframes say { 
  0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 5px, rgba(255, 255, 255, 0) 0px 0px 10px, rgba(255, 255, 255, 0) 0px 0px 15px, rgba(255, 255, 255, 0) 0px 0px 20px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(255, 255, 255) 0px 0px 20px; }
}
@keyframes show { 
  0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 5px, rgba(255, 255, 255, 0) 0px 0px 10px, rgba(255, 255, 255, 0) 0px 0px 20px, rgba(255, 255, 255, 0) 0px 0px 30px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px; }
}
@-webkit-keyframes show { 
  0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 5px, rgba(255, 255, 255, 0) 0px 0px 10px, rgba(255, 255, 255, 0) 0px 0px 20px, rgba(255, 255, 255, 0) 0px 0px 30px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px; }
}
@keyframes joy { 
  0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 10px, rgba(255, 255, 255, 0) 0px 0px 20px, rgba(255, 255, 255, 0) 0px 0px 30px, rgba(255, 255, 255, 0) 0px 0px 40px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px, rgb(255, 255, 255) 0px 0px 40px; }
}
@-webkit-keyframes joy { 
  0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 10px, rgba(255, 255, 255, 0) 0px 0px 20px, rgba(255, 255, 255, 0) 0px 0px 30px, rgba(255, 255, 255, 0) 0px 0px 40px; }
  100% { text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px, rgb(255, 255, 255) 0px 0px 40px; }
}
@keyframes joy2 { 
  0% { text-shadow: rgba(247, 148, 29, 0.0) 0px -4px 8px, rgba(205, 0, 255, 0) 4px -2px 8px, rgba(255, 82, 82, 0) 4px 2px 8px, rgba(255, 118, 0, 0) 0px 4px 8px, rgba(255, 250, 100, 0) -4px 2px 8px, rgba(88, 255, 152, 0) -4px -3px 8px; }
  100% { text-shadow: rgb(247, 148, 29) 0px -4px 8px, rgb(205, 0, 255) 4px -2px 8px, rgb(255, 82, 82) 4px 2px 8px, rgb(255, 118, 0) 0px 4px 8px, rgb(255, 250, 100) -4px 2px 8px, rgb(88, 255, 152) -4px -3px 8px; }
}
@-webkit-keyframes joy2 { 
  0% { text-shadow: rgba(247, 148, 29, 0.0) 0px -4px 8px, rgba(205, 0, 255, 0) 4px -2px 8px, rgba(255, 82, 82, 0) 4px 2px 8px, rgba(255, 118, 0, 0) 0px 4px 8px, rgba(255, 250, 100, 0) -4px 2px 8px, rgba(88, 255, 152, 0) -4px -3px 8px; }
  100% { text-shadow: rgb(247, 148, 29) 0px -4px 8px, rgb(205, 0, 255) 4px -2px 8px, rgb(255, 82, 82) 4px 2px 8px, rgb(255, 118, 0) 0px 4px 8px, rgb(255, 250, 100) -4px 2px 8px, rgb(88, 255, 152) -4px -3px 8px; }
}
@keyframes gradient { 
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gradient2 { 
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@keyframes switch { 
  0% { filter: blur(20px); opacity: 1; transform: scale(10); }
  100% { filter: blur(0px); opacity: 1; transform: scale(1); }
}
@-webkit-keyframes switch { 
  0% { filter: blur(20px); opacity: 1; transform: scale(10); }
  100% { filter: blur(0px); opacity: 1; transform: scale(1); }
}
@keyframes zoom-in { 
  0% { filter: blur(20px); opacity: 1; transform: scale(0.1); }
  100% { filter: blur(0px); opacity: 1; transform: scale(1); }
}
@-webkit-keyframes zoom-in { 
  0% { filter: blur(20px); opacity: 1; transform: scale(0.1); }
  100% { filter: blur(0px); opacity: 1; transform: scale(1); }
}
.lightgrey { background-color: rgb(247, 247, 247); color: rgb(34, 34, 34); }
.darkgrey { background-color: rgb(37, 37, 37); color: rgb(240, 240, 240); }
.page-template-template-notebook .img-comp-container, .page-template-template-writer .img-comp-container, .markdown-landing.page .img-comp-container, .presenter-landing.page .img-comp-container { display: grid; grid-template-columns: 1fr; justify-content: center; position: relative; height: 68vw; width: 90vw; }
@media (min-width: 1140px) { .page-template-template-notebook .img-comp-container, .page-template-template-writer .img-comp-container, .markdown-landing.page .img-comp-container, .presenter-landing.page .img-comp-container { width: 1024px; height: 768px; } }
.page-template-template-notebook .img-comp-container, .page-template-template-writer .img-comp-container, .markdown-landing.page .img-comp-container, .presenter-landing.page .img-comp-container { margin: auto; }
.page-template-template-notebook .img-comp-img, .page-template-template-writer .img-comp-img, .markdown-landing.page .img-comp-img, .presenter-landing.page .img-comp-img { position: absolute; height: 65vw; width: 90vw; }
@media (min-width: 1140px) { .page-template-template-notebook .img-comp-img, .page-template-template-writer .img-comp-img, .markdown-landing.page .img-comp-img, .presenter-landing.page .img-comp-img { width: 1024px; height: 746px; } }
.page-template-template-notebook .img-comp-img img, .page-template-template-writer .img-comp-img img, .markdown-landing.page .img-comp-img img, .presenter-landing.page .img-comp-img img { display: inline-block; height: 100%; object-fit: cover; object-position: left center; overflow: hidden; }
.page-template-template-notebook .img-comp-slider, .page-template-template-writer .img-comp-slider, .markdown-landing.page .img-comp-slider, .presenter-landing.page .img-comp-slider { position: absolute; z-index: 9; cursor: ew-resize; width: 40px; height: 40px; background-color: rgb(179, 179, 179); opacity: 0.7; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.page-template-template-notebook, .page-template-template-writer, .markdown-landing.page, .presenter-landing.page { }
.page-template-template-notebook .img-comp-slider::before, .page-template-template-writer .img-comp-slider::before, .markdown-landing.page .img-comp-slider::before, .presenter-landing.page .img-comp-slider::before { content: "< >"; position: absolute; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; color: white; font-size: 20px; padding: 0px 5px; transform: translateY(3%); }
.page-template-template-notebook .img-comp-slider::after, .page-template-template-writer .img-comp-slider::after, .markdown-landing.page .img-comp-slider::after, .presenter-landing.page .img-comp-slider::after { content: ""; position: absolute; width: 2px; height: 70vw; background-color: rgb(179, 179, 179); left: 50%; transform: translateX(-50%); }
@media (min-width: 1140px) { .page-template-template-notebook .img-comp-slider::after, .page-template-template-writer .img-comp-slider::after, .markdown-landing.page .img-comp-slider::after, .presenter-landing.page .img-comp-slider::after { height: 800px; top: -390px; } }
@media (max-width: 1140px) { .page-template-template-notebook .img-comp-slider::after, .page-template-template-writer .img-comp-slider::after, .markdown-landing.page .img-comp-slider::after, .presenter-landing.page .img-comp-slider::after { height: 70vw; } }
.text, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .avatar, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .profilepic, .download__msg-error, .download__msg-success, .download__text, .newsletter__msg-error, .newsletter__msg-success, .newsletter__text, .media__group, .nav__group, input[type="email"], input[type="submit"], input[type="search"], input.single-field-with-submit-button, .page-template-template-how-to-presenter-top .how-to.container .blurb p, .page-template-template-how-to-writer-top .how-to.container .blurb p, .menu-icon, .support-search__input, .template__section-content, .template__section-heading, .article-body blockquote p, .article-body blockquote p:first-of-type p, .article h5, .article h5 + p, .article h6, .article h6 + p, .support h5, .support h5 + p, .support h6, .support h6 + p, .article.legal h4, .support.legal h4, h6, button, input, optgroup, select, textarea, .teasers p .quote, p, #iOS-cards h4, #iOS-cards p, #iOS-cards p:first-of-type, article .card .cardtitle, .card .cardtitle, .page h3, .single h3, .blog__feed h3, .category h3, .teasers p, .teasers blockquote, .teasers blockquote p, sup, code, pre { font-size: 1.05rem; }
.text, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .avatar, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .profilepic, .download__msg-error, .download__msg-success, .download__text, .newsletter__msg-error, .newsletter__msg-success, .newsletter__text, .media__group, .nav__group, input[type="email"], input[type="submit"], input[type="search"], input.single-field-with-submit-button, .page-template-template-how-to-presenter-top .how-to.container .blurb p, .page-template-template-how-to-writer-top .how-to.container .blurb p, .menu-icon, .support-search__input, .template__section-content, .template__section-heading, .article-body blockquote p, .article-body blockquote p:first-of-type p, .article h5, .article h5 + p, .article h6, .article h6 + p, .support h5, .support h5 + p, .support h6, .support h6 + p, .article.legal h4, .support.legal h4, h6, button, input, optgroup, select, textarea, .teasers p .quote, p, #iOS-cards h4, #iOS-cards p, #iOS-cards p:first-of-type, article .card .cardtitle, .card .cardtitle, .page h3, .single h3, .blog__feed h3, .category h3, .teasers p, .teasers blockquote, .teasers blockquote p, sup, code, pre { font-size: 16.8px; line-height: 155%; }
@media screen and (min-width: 560px) { .text, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .avatar, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .profilepic, .download__msg-error, .download__msg-success, .download__text, .newsletter__msg-error, .newsletter__msg-success, .newsletter__text, .media__group, .nav__group, input[type="email"], input[type="submit"], input[type="search"], input.single-field-with-submit-button, .page-template-template-how-to-presenter-top .how-to.container .blurb p, .page-template-template-how-to-writer-top .how-to.container .blurb p, .menu-icon, .support-search__input, .template__section-content, .template__section-heading, .article-body blockquote p, .article-body blockquote p:first-of-type p, .article h5, .article h5 + p, .article h6, .article h6 + p, .support h5, .support h5 + p, .support h6, .support h6 + p, .article.legal h4, .support.legal h4, h6, button, input, optgroup, select, textarea, .teasers p .quote, p, #iOS-cards h4, #iOS-cards p, #iOS-cards p:first-of-type, article .card .cardtitle, .card .cardtitle, .page h3, .single h3, .blog__feed h3, .category h3, .teasers p, .teasers blockquote, .teasers blockquote p, sup, code, pre { font-size: calc(13.9818px + 0.880682vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .avatar, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .profilepic, .download__msg-error, .download__msg-success, .download__text, .newsletter__msg-error, .newsletter__msg-success, .newsletter__text, .media__group, .nav__group, input[type="email"], input[type="submit"], input[type="search"], input.single-field-with-submit-button, .page-template-template-how-to-presenter-top .how-to.container .blurb p, .page-template-template-how-to-writer-top .how-to.container .blurb p, .menu-icon, .support-search__input, .template__section-content, .template__section-heading, .article-body blockquote p, .article-body blockquote p:first-of-type p, .article h5, .article h5 + p, .article h6, .article h6 + p, .support h5, .support h5 + p, .support h6, .support h6 + p, .article.legal h4, .support.legal h4, h6, button, input, optgroup, select, textarea, .teasers p .quote, p, #iOS-cards h4, #iOS-cards p, #iOS-cards p:first-of-type, article .card .cardtitle, .card .cardtitle, .page h3, .single h3, .blog__feed h3, .category h3, .teasers p, .teasers blockquote, .teasers blockquote p, sup, code, pre { font-size: 23px; line-height: 165%; } }
.text__level--bigger, .article-body > p:first-of-type, .os-content > p:first-child, .container.support.article > p:first-child, h1 + p, .bigger, .biggert { font-size: 1.05rem; }
.text__level--bigger, .article-body > p:first-of-type, .os-content > p:first-child, .container.support.article > p:first-child, h1 + p, .bigger, .biggert { font-size: 18.9px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--bigger, .article-body > p:first-of-type, .os-content > p:first-child, .container.support.article > p:first-child, h1 + p, .bigger, .biggert { font-size: calc(14.9455px + 1.2358vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--bigger, .article-body > p:first-of-type, .os-content > p:first-child, .container.support.article > p:first-child, h1 + p, .bigger, .biggert { font-size: 27.6px; line-height: 165%; } }
.text__level--lists, .page-template-template-how-to-101-article p, .page-template-template-how-to-101-article li, .page-template-template-how-to-101-article blockquote, .page-template-template-how-to-101-article code, ul > li, li { font-size: 1.05rem; }
.text__level--lists, .page-template-template-how-to-101-article p, .page-template-template-how-to-101-article li, .page-template-template-how-to-101-article blockquote, .page-template-template-how-to-101-article code, ul > li, li { font-size: 15.75px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--lists, .page-template-template-how-to-101-article p, .page-template-template-how-to-101-article li, .page-template-template-how-to-101-article blockquote, .page-template-template-how-to-101-article code, ul > li, li { font-size: calc(12.9773px + 0.866477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--lists, .page-template-template-how-to-101-article p, .page-template-template-how-to-101-article li, .page-template-template-how-to-101-article blockquote, .page-template-template-how-to-101-article code, ul > li, li { font-size: 21.85px; line-height: 165%; } }
.text__level--quote, .tile.trial-switcher p, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb p, .tile.trial-switcher ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ul > li, .tile.trial-switcher ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ol > li, .newsletter__form, .newsletter__form p, .card .newsletter__text p, .newsletter__set, .newsletter__set input, .newsletter__opt, #advent-lightbox-content p, .advent-lightbox-content p, .advent-lightbox-content a, .search-box.active, .search-box, .page-template-template-notebook .notebook-founder-quote, .special-gallery-excerpt .notebook-founder-quote, .prodcomp .textboxone, .presenter h3, .ace .currency, .ace .monthly, .ace .yearly, .ace h4, .ace p, .page-template-template-paywall p, .page-template-template-paywall ul > li, .page-template-template-paywall ol > li, .article-body blockquote, .article-body blockquote p:first-of-type, .article h6, .support h6, .article blockquote, .article blockquote p, .support blockquote, .support blockquote p, .blog__meta h2, .blog__meta h2 a, .flexgrids p, .flexgrids h3 + p, summary, smaller, blockquote, blockquote p, .card li, .card li p, .support .tile h3, .support .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .support .how-to-article-banner-link h3, .support .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .support .breakout-wrapper h3, .support .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .support .how-to-home-grid-wrapper h3, .home-contents .tile h3, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .home-contents .breakout-wrapper h3, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper h3, .preorder.tile h3, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link h3, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .preorder.breakout-wrapper h3, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper h3, .click-tile .tile p, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .click-tile .breakout-wrapper p, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .tile p, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-article-banner-link p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .breakout-wrapper p, .home-contents .tile p, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .breakout-wrapper p, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper p, .preorder.tile p, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb p, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb p, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link p, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .preorder.breakout-wrapper p, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper p, .tile, .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .card .newsletaire .card .buy-card, .widetile, .card .newsletaire, .card .buy-card, code, table { font-size: 1.05rem; }
.text__level--quote, .tile.trial-switcher p, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb p, .tile.trial-switcher ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ul > li, .tile.trial-switcher ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ol > li, .newsletter__form, .newsletter__form p, .card .newsletter__text p, .newsletter__set, .newsletter__set input, .newsletter__opt, #advent-lightbox-content p, .advent-lightbox-content p, .advent-lightbox-content a, .search-box.active, .search-box, .page-template-template-notebook .notebook-founder-quote, .special-gallery-excerpt .notebook-founder-quote, .prodcomp .textboxone, .presenter h3, .ace .currency, .ace .monthly, .ace .yearly, .ace h4, .ace p, .page-template-template-paywall p, .page-template-template-paywall ul > li, .page-template-template-paywall ol > li, .article-body blockquote, .article-body blockquote p:first-of-type, .article h6, .support h6, .article blockquote, .article blockquote p, .support blockquote, .support blockquote p, .blog__meta h2, .blog__meta h2 a, .flexgrids p, .flexgrids h3 + p, summary, smaller, blockquote, blockquote p, .card li, .card li p, .support .tile h3, .support .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .support .how-to-article-banner-link h3, .support .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .support .breakout-wrapper h3, .support .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .support .how-to-home-grid-wrapper h3, .home-contents .tile h3, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .home-contents .breakout-wrapper h3, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper h3, .preorder.tile h3, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link h3, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .preorder.breakout-wrapper h3, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper h3, .click-tile .tile p, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .click-tile .breakout-wrapper p, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .tile p, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-article-banner-link p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .breakout-wrapper p, .home-contents .tile p, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .breakout-wrapper p, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper p, .preorder.tile p, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb p, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb p, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link p, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .preorder.breakout-wrapper p, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper p, .tile, .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .card .newsletaire .card .buy-card, .widetile, .card .newsletaire, .card .buy-card, code, table { font-size: 14.7px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--quote, .tile.trial-switcher p, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb p, .tile.trial-switcher ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ul > li, .tile.trial-switcher ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ol > li, .newsletter__form, .newsletter__form p, .card .newsletter__text p, .newsletter__set, .newsletter__set input, .newsletter__opt, #advent-lightbox-content p, .advent-lightbox-content p, .advent-lightbox-content a, .search-box.active, .search-box, .page-template-template-notebook .notebook-founder-quote, .special-gallery-excerpt .notebook-founder-quote, .prodcomp .textboxone, .presenter h3, .ace .currency, .ace .monthly, .ace .yearly, .ace h4, .ace p, .page-template-template-paywall p, .page-template-template-paywall ul > li, .page-template-template-paywall ol > li, .article-body blockquote, .article-body blockquote p:first-of-type, .article h6, .support h6, .article blockquote, .article blockquote p, .support blockquote, .support blockquote p, .blog__meta h2, .blog__meta h2 a, .flexgrids p, .flexgrids h3 + p, summary, smaller, blockquote, blockquote p, .card li, .card li p, .support .tile h3, .support .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .support .how-to-article-banner-link h3, .support .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .support .breakout-wrapper h3, .support .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .support .how-to-home-grid-wrapper h3, .home-contents .tile h3, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .home-contents .breakout-wrapper h3, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper h3, .preorder.tile h3, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link h3, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .preorder.breakout-wrapper h3, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper h3, .click-tile .tile p, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .click-tile .breakout-wrapper p, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .tile p, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-article-banner-link p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .breakout-wrapper p, .home-contents .tile p, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .breakout-wrapper p, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper p, .preorder.tile p, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb p, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb p, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link p, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .preorder.breakout-wrapper p, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper p, .tile, .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .card .newsletaire .card .buy-card, .widetile, .card .newsletaire, .card .buy-card, code, table { font-size: calc(11.9727px + 0.852273vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--quote, .tile.trial-switcher p, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link p, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb p, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb p, .tile.trial-switcher ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ul > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ul > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ul > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ul > li, .tile.trial-switcher ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-101-article .trial-switcher.breakout-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-home-grid-wrapper ol > li, .page-template-template-how-to-101-article .trial-switcher.how-to-article-banner-link ol > li, .page-template-template-how-to-writer-top .trial-switcher.how-to-video-thumb ol > li, .page-template-template-how-to-presenter-top .trial-switcher.how-to-video-thumb ol > li, .newsletter__form, .newsletter__form p, .card .newsletter__text p, .newsletter__set, .newsletter__set input, .newsletter__opt, #advent-lightbox-content p, .advent-lightbox-content p, .advent-lightbox-content a, .search-box.active, .search-box, .page-template-template-notebook .notebook-founder-quote, .special-gallery-excerpt .notebook-founder-quote, .prodcomp .textboxone, .presenter h3, .ace .currency, .ace .monthly, .ace .yearly, .ace h4, .ace p, .page-template-template-paywall p, .page-template-template-paywall ul > li, .page-template-template-paywall ol > li, .article-body blockquote, .article-body blockquote p:first-of-type, .article h6, .support h6, .article blockquote, .article blockquote p, .support blockquote, .support blockquote p, .blog__meta h2, .blog__meta h2 a, .flexgrids p, .flexgrids h3 + p, summary, smaller, blockquote, blockquote p, .card li, .card li p, .support .tile h3, .support .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .support .how-to-article-banner-link h3, .support .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .support .breakout-wrapper h3, .support .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .support .how-to-home-grid-wrapper h3, .home-contents .tile h3, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .home-contents .breakout-wrapper h3, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper h3, .preorder.tile h3, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link h3, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .preorder.breakout-wrapper h3, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper h3, .click-tile .tile p, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .click-tile .breakout-wrapper p, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .tile p, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-video-thumb p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-article-banner-link p, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .click-tile .breakout-wrapper p, .home-contents .tile p, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .breakout-wrapper p, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper p, .preorder.tile p, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb p, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb p, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link p, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .preorder.breakout-wrapper p, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper p, .tile, .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .card .newsletaire .card .buy-card, .widetile, .card .newsletaire, .card .buy-card, code, table { font-size: 20.7px; line-height: 165%; } }
.text__level--caption, blockquote.twitter-tweet p, blockquote.twitter-tweet, .support-search__description, .support-search__message, .footnotes ol > li::before, .footnotes :target, .footnotes, figcaption, img + figcaption, article .card .carddescription, .card .carddescription { font-size: 0.9rem; line-height: 140%; }
.text__level--caption, blockquote.twitter-tweet p, blockquote.twitter-tweet, .support-search__description, .support-search__message, .footnotes ol > li::before, .footnotes :target, .footnotes, figcaption, img + figcaption, article .card .carddescription, .card .carddescription { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--caption, blockquote.twitter-tweet p, blockquote.twitter-tweet, .support-search__description, .support-search__message, .footnotes ol > li::before, .footnotes :target, .footnotes, figcaption, img + figcaption, article .card .carddescription, .card .carddescription { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--caption, blockquote.twitter-tweet p, blockquote.twitter-tweet, .support-search__description, .support-search__message, .footnotes ol > li::before, .footnotes :target, .footnotes, figcaption, img + figcaption, article .card .carddescription, .card .carddescription { font-size: 15.2px; line-height: 165%; } }
.text__level--nav, #lightbox-content p, #lightbox-content a, .lightbox-content p, .lightbox-content a, .breadcrumbs, .footer-primary, .page-template-template-how-to-101-article .arrow, .page-template-template-notebook .spec-grid .shipping li, .special-gallery-excerpt .spec-grid .shipping li, .page-template-template-notebook .spec-grid .specs li, .special-gallery-excerpt .spec-grid .specs li, ul > li card ul > li, .writer .prodcomp h3, small, .hint, article .card > ul ul > li, article .card > address > ul ul > li, .card > ul ul > li, .card > address > ul ul > li, article .card > ul, article .card > address > ul, .card > ul, .card > address > ul { font-size: 0.9rem; line-height: 180%; }
.text__level--nav, #lightbox-content p, #lightbox-content a, .lightbox-content p, .lightbox-content a, .breadcrumbs, .footer-primary, .page-template-template-how-to-101-article .arrow, .page-template-template-notebook .spec-grid .shipping li, .special-gallery-excerpt .spec-grid .shipping li, .page-template-template-notebook .spec-grid .specs li, .special-gallery-excerpt .spec-grid .specs li, ul > li card ul > li, .writer .prodcomp h3, small, .hint, article .card > ul ul > li, article .card > address > ul ul > li, .card > ul ul > li, .card > address > ul ul > li, article .card > ul, article .card > address > ul, .card > ul, .card > address > ul { font-size: 18.9px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--nav, #lightbox-content p, #lightbox-content a, .lightbox-content p, .lightbox-content a, .breadcrumbs, .footer-primary, .page-template-template-how-to-101-article .arrow, .page-template-template-notebook .spec-grid .shipping li, .special-gallery-excerpt .spec-grid .shipping li, .page-template-template-notebook .spec-grid .specs li, .special-gallery-excerpt .spec-grid .specs li, ul > li card ul > li, .writer .prodcomp h3, small, .hint, article .card > ul ul > li, article .card > address > ul ul > li, .card > ul ul > li, .card > address > ul ul > li, article .card > ul, article .card > address > ul, .card > ul, .card > address > ul { font-size: calc(19.1273px - 0.0710227vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--nav, #lightbox-content p, #lightbox-content a, .lightbox-content p, .lightbox-content a, .breadcrumbs, .footer-primary, .page-template-template-how-to-101-article .arrow, .page-template-template-notebook .spec-grid .shipping li, .special-gallery-excerpt .spec-grid .shipping li, .page-template-template-notebook .spec-grid .specs li, .special-gallery-excerpt .spec-grid .specs li, ul > li card ul > li, .writer .prodcomp h3, small, .hint, article .card > ul ul > li, article .card > address > ul ul > li, .card > ul ul > li, .card > address > ul ul > li, article .card > ul, article .card > address > ul, .card > ul, .card > address > ul { font-size: 18.4px; line-height: 165%; } }
.text__level--tiny, .menu, .header-primary, .page-template-template-how-to-writer-top .how-to-video-thumb-title, .page-template-template-how-to-presenter-top .how-to-video-thumb-title, .page-template-template-how-to-101-article .time-icons, .page-template-template-how-to-presenter-top .time-icons, .page-template-template-how-to-writer-top .time-icons, .page-template-template-notebook .flexgrids > blockquote p, .special-gallery-excerpt .flexgrids > blockquote p, .page-template-template-account-checkout-paywall .paywall__segmented-control, .ace ul li, .ace h3, .page-template-template-paywall .kick, .segmented-control, .previous-sibling-button, .next-sibling-button, .tabs .tab a, .support-search__label, p.time-cat, .article .kicker, .support .kicker, #writer-hero h5, #presenter-hero h5, #notebook-hero h5, #news-hero h5, #open-hero h5, #presenter-hero2 h5, #writer-hero2 h5, #writer-hero3 h5, #news-hero2 h5, #open-hero2 h5, #news-section h5, .footnotes li p, .footnotes li, th, .tiny, .action, a.w-action, a.p-action, a.n-action, .article .tile.advent a.action, .article .page-template-template-how-to-writer-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-writer-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-101-article .advent.how-to-article-banner-link a.action, .page-template-template-how-to-101-article .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-101-article .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-101-article .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-101-article .advent.breakout-wrapper a.action, .page-template-template-how-to-101-article .article .advent.breakout-wrapper a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-writer-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-writer-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-writer-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-writer-top .article .advent.how-to-home-grid-wrapper a.action, .widetile h5, .card .newsletaire h5, .card .buy-card h5 { font-size: 0.9rem; }
.text__level--tiny, .menu, .header-primary, .page-template-template-how-to-writer-top .how-to-video-thumb-title, .page-template-template-how-to-presenter-top .how-to-video-thumb-title, .page-template-template-how-to-101-article .time-icons, .page-template-template-how-to-presenter-top .time-icons, .page-template-template-how-to-writer-top .time-icons, .page-template-template-notebook .flexgrids > blockquote p, .special-gallery-excerpt .flexgrids > blockquote p, .page-template-template-account-checkout-paywall .paywall__segmented-control, .ace ul li, .ace h3, .page-template-template-paywall .kick, .segmented-control, .previous-sibling-button, .next-sibling-button, .tabs .tab a, .support-search__label, p.time-cat, .article .kicker, .support .kicker, #writer-hero h5, #presenter-hero h5, #notebook-hero h5, #news-hero h5, #open-hero h5, #presenter-hero2 h5, #writer-hero2 h5, #writer-hero3 h5, #news-hero2 h5, #open-hero2 h5, #news-section h5, .footnotes li p, .footnotes li, th, .tiny, .action, a.w-action, a.p-action, a.n-action, .article .tile.advent a.action, .article .page-template-template-how-to-writer-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-writer-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-101-article .advent.how-to-article-banner-link a.action, .page-template-template-how-to-101-article .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-101-article .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-101-article .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-101-article .advent.breakout-wrapper a.action, .page-template-template-how-to-101-article .article .advent.breakout-wrapper a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-writer-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-writer-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-writer-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-writer-top .article .advent.how-to-home-grid-wrapper a.action, .widetile h5, .card .newsletaire h5, .card .buy-card h5 { font-size: 12.6px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--tiny, .menu, .header-primary, .page-template-template-how-to-writer-top .how-to-video-thumb-title, .page-template-template-how-to-presenter-top .how-to-video-thumb-title, .page-template-template-how-to-101-article .time-icons, .page-template-template-how-to-presenter-top .time-icons, .page-template-template-how-to-writer-top .time-icons, .page-template-template-notebook .flexgrids > blockquote p, .special-gallery-excerpt .flexgrids > blockquote p, .page-template-template-account-checkout-paywall .paywall__segmented-control, .ace ul li, .ace h3, .page-template-template-paywall .kick, .segmented-control, .previous-sibling-button, .next-sibling-button, .tabs .tab a, .support-search__label, p.time-cat, .article .kicker, .support .kicker, #writer-hero h5, #presenter-hero h5, #notebook-hero h5, #news-hero h5, #open-hero h5, #presenter-hero2 h5, #writer-hero2 h5, #writer-hero3 h5, #news-hero2 h5, #open-hero2 h5, #news-section h5, .footnotes li p, .footnotes li, th, .tiny, .action, a.w-action, a.p-action, a.n-action, .article .tile.advent a.action, .article .page-template-template-how-to-writer-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-writer-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-101-article .advent.how-to-article-banner-link a.action, .page-template-template-how-to-101-article .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-101-article .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-101-article .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-101-article .advent.breakout-wrapper a.action, .page-template-template-how-to-101-article .article .advent.breakout-wrapper a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-writer-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-writer-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-writer-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-writer-top .article .advent.how-to-home-grid-wrapper a.action, .widetile h5, .card .newsletaire h5, .card .buy-card h5 { font-size: calc(10.5545px + 0.639205vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--tiny, .menu, .header-primary, .page-template-template-how-to-writer-top .how-to-video-thumb-title, .page-template-template-how-to-presenter-top .how-to-video-thumb-title, .page-template-template-how-to-101-article .time-icons, .page-template-template-how-to-presenter-top .time-icons, .page-template-template-how-to-writer-top .time-icons, .page-template-template-notebook .flexgrids > blockquote p, .special-gallery-excerpt .flexgrids > blockquote p, .page-template-template-account-checkout-paywall .paywall__segmented-control, .ace ul li, .ace h3, .page-template-template-paywall .kick, .segmented-control, .previous-sibling-button, .next-sibling-button, .tabs .tab a, .support-search__label, p.time-cat, .article .kicker, .support .kicker, #writer-hero h5, #presenter-hero h5, #notebook-hero h5, #news-hero h5, #open-hero h5, #presenter-hero2 h5, #writer-hero2 h5, #writer-hero3 h5, #news-hero2 h5, #open-hero2 h5, #news-section h5, .footnotes li p, .footnotes li, th, .tiny, .action, a.w-action, a.p-action, a.n-action, .article .tile.advent a.action, .article .page-template-template-how-to-writer-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-writer-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-video-thumb a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-video-thumb a.action, .article .page-template-template-how-to-101-article .advent.how-to-article-banner-link a.action, .page-template-template-how-to-101-article .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-101-article .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-101-article .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-101-article .advent.breakout-wrapper a.action, .page-template-template-how-to-101-article .article .advent.breakout-wrapper a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-presenter-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-presenter-top .article .advent.how-to-home-grid-wrapper a.action, .article .page-template-template-how-to-writer-top .advent.how-to-article-banner-link a.action, .page-template-template-how-to-writer-top .article .advent.how-to-article-banner-link a.action, .article .page-template-template-how-to-writer-top .advent.how-to-home-grid-wrapper a.action, .page-template-template-how-to-writer-top .article .advent.how-to-home-grid-wrapper a.action, .widetile h5, .card .newsletaire h5, .card .buy-card h5 { font-size: 17.1px; line-height: 165%; } }
.text__level--micro, .page-template-template-how-to-101-article .how-to-nav-grid-wrapper, .page-template-template-notebook .notebook-small, .special-gallery-excerpt .notebook-small, h3 + p.buyer .cents, #whats-new::after { font-size: 0.9rem; }
.text__level--micro, .page-template-template-how-to-101-article .how-to-nav-grid-wrapper, .page-template-template-notebook .notebook-small, .special-gallery-excerpt .notebook-small, h3 + p.buyer .cents, #whats-new::after { font-size: 9px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--micro, .page-template-template-how-to-101-article .how-to-nav-grid-wrapper, .page-template-template-notebook .notebook-small, .special-gallery-excerpt .notebook-small, h3 + p.buyer .cents, #whats-new::after { font-size: calc(7.04545px + 0.610795vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--micro, .page-template-template-how-to-101-article .how-to-nav-grid-wrapper, .page-template-template-notebook .notebook-small, .special-gallery-excerpt .notebook-small, h3 + p.buyer .cents, #whats-new::after { font-size: 13.3px; line-height: 165%; } }
.text__level--woohoo, html:not([lang="ja"]) .article-body > p:nth-of-type(2)::first-letter, .dropcap { font-size: 1.1025rem; }
.text__level--woohoo, html:not([lang="ja"]) .article-body > p:nth-of-type(2)::first-letter, .dropcap { font-size: 56.284px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--woohoo, html:not([lang="ja"]) .article-body > p:nth-of-type(2)::first-letter, .dropcap { font-size: calc(24.3024px + 9.99425vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--woohoo, html:not([lang="ja"]) .article-body > p:nth-of-type(2)::first-letter, .dropcap { font-size: 126.644px; line-height: 165%; } }
.text__level--one, .presenter h1, .article h1, .support h1, h1, .biggest { font-size: 1.21551rem; }
.text__level--one, .presenter h1, .article h1, .support h1, h1, .biggest { font-size: 36.5846px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--one, .presenter h1, .article h1, .support h1, h1, .biggest { font-size: calc(25.8778px + 3.34588vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--one, .presenter h1, .article h1, .support h1, h1, .biggest { font-size: 60.1396px; line-height: 165%; } }
.text__level--two, .writer-landing.page .writer-redesign-hero__brand, .markdown-landing.page .markdown-section__heading, .presskit__text, .feature-grid-hero, h2, big, article .card .meanteaser, .card .meanteaser { font-size: 1.21551rem; }
.text__level--two, .writer-landing.page .writer-redesign-hero__brand, .markdown-landing.page .markdown-section__heading, .presskit__text, .feature-grid-hero, h2, big, article .card .meanteaser, .card .meanteaser { font-size: 35.1775px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--two, .writer-landing.page .writer-redesign-hero__brand, .markdown-landing.page .markdown-section__heading, .presskit__text, .feature-grid-hero, h2, big, article .card .meanteaser, .card .meanteaser { font-size: calc(24.8825px + 3.21719vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--two, .writer-landing.page .writer-redesign-hero__brand, .markdown-landing.page .markdown-section__heading, .presskit__text, .feature-grid-hero, h2, big, article .card .meanteaser, .card .meanteaser { font-size: 57.8265px; line-height: 165%; } }
.text__level--three, .presenter h2, .article.legal h1, .support.legal h1, h3 { font-size: 1.15762rem; }
.text__level--three, .presenter h2, .article.legal h1, .support.legal h1, h3 { font-size: 27.783px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--three, .presenter h2, .article.legal h1, .support.legal h1, h3 { font-size: calc(23.8203px + 1.23835vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--three, .presenter h2, .article.legal h1, .support.legal h1, h3 { font-size: 36.501px; line-height: 165%; } }
@media (min-width: 512px) { .text__level--three, .presenter h2, .article.legal h1, .support.legal h1, h3 { line-height: 155%; } }
.text__level--four, .writer .prodcomp h2, .article h2, .support h2, h4 { font-size: 1.15762rem; }
.text__level--four, .writer .prodcomp h2, .article h2, .support h2, h4 { font-size: 22.05px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--four, .writer .prodcomp h2, .article h2, .support h2, h4 { font-size: calc(18.8477px + 1.00071vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--four, .writer .prodcomp h2, .article h2, .support h2, h4 { font-size: 29.095px; line-height: 165%; } }
.text__level--five, .article h3, .article h4, .support h3, .support h4, .article.legal h2, .support.legal h2, h5 { font-size: 1.1025rem; }
.text__level--five, .article h3, .article h4, .support h3, .support h4, .article.legal h2, .support.legal h2, h5 { font-size: 19.845px; line-height: 155%; }
@media screen and (min-width: 560px) { .text__level--five, .article h3, .article h4, .support h3, .support h4, .article.legal h2, .support.legal h2, h5 { font-size: calc(16.8427px + 0.93821vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .text__level--five, .article h3, .article h4, .support h3, .support h4, .article.legal h2, .support.legal h2, h5 { font-size: 26.45px; line-height: 165%; } }
.teasers { margin: 0em auto 3em; }
.teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers h6, .teasers p { margin: auto; max-width: 1024px; padding-bottom: 0.25em; padding-left: 22px; padding-right: 22px; text-align: left; }
@media (min-width: 416px) { .teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers h6, .teasers p { padding-left: 28px; padding-right: 28px; } }
@media (min-width: 512px) { .teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers h6, .teasers p { padding-left: 35px; padding-right: 35px; } }
@media (min-width: 768px) { .teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers h6, .teasers p { padding-left: 45px; padding-right: 45px; } }
@media (min-width: 1040px) { .teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers h6, .teasers p { padding-left: 55px; padding-right: 55px; } }
@media (min-width: 1126px) { .teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers h6, .teasers p { padding-left: 0px; padding-right: 0px; } }
@keyframes markdown { 
  10% { transform: rotate(0deg) scale(0.5) translate(0%, 0%); }
  100% { transform: rotate(5deg) scale(1.5) translate(-2%, 35%); }
}
@-webkit-keyframes markdown { 
  10% { transform: rotate(0deg) scale(0.5) translate(0%, 0%); }
  100% { transform: rotate(5deg) scale(1.5) translate(-2%, 35%); }
}
@keyframes focusmode { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.25) translate(8%, 25%); }
}
@-webkit-keyframes focusmode { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.25) translate(8%, 25%); }
}
@keyframes focusmode2 { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.25) translate(-8%, 25%); }
}
@-webkit-keyframes focusmode2 { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.25) translate(-8%, 25%); }
}
@keyframes syntaxcontrol { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.3) translate(0%, 0%); }
}
@-webkit-keyframes syntaxcontrol { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.3) translate(0%, 0%); }
}
@keyframes syntaxcontrol { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.25) translate(0%, 5%); }
}
@-webkit-keyframes syntaxcontrol { 
  10% { transform: scale(0.5) translate(0%, 0%); }
  100% { transform: scale(1.25) translate(0%, 5%); }
}
.teasers h1 + p, .teasers h2 + p, .teasers h3 + p { padding-top: 0.5em; }
.teasers p { margin: auto; max-width: 1024px; }
.teasers p + p { margin-top: 1em; }
.teasers .desktop { display: none; max-width: 1024px; }
@media (min-width: 512px) { .teasers .desktop { border-radius: 12px; } }
@media (min-width: 512px) { .teasers .desktop video { border-radius: 13px; } }
@media (max-width: 512px) { .teasers .desktop { border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 10px 0px, rgba(0, 0, 0, 0.05) 10px 10px 20px 0px, rgba(0, 0, 0, 0.05) 20px 20px 40px 0px, rgba(0, 0, 0, 0.05) 40px 40px 80px 0px; display: block; } }
@media (max-width: 512px) { .teasers .desktop video { border-radius: 7px; } }
@media (max-width: 512px) and (min-width: 768px) { .teasers .desktop { border-radius: 10px; } }
@media (max-width: 512px) and (min-width: 768px) { .teasers .desktop video { border-radius: 8px; } }
@media (max-width: 512px) and (min-width: 1040px) { .teasers .desktop { border-radius: 12px; max-width: 1024px; } }
@media (max-width: 512px) and (min-width: 1040px) { .teasers .desktop video { border-radius: 10px; } }
.teasers .hideandseekmobile, .teasers img.hideandseekmobile { display: block; }
@media (min-width: 512px) { .teasers .hideandseekmobile, .teasers img.hideandseekmobile { display: none; } }
.teasers .hideandseekdesktop, .teasers img.hideandseekdesktop { display: none; }
@media (min-width: 512px) { .teasers .hideandseekdesktop, .teasers img.hideandseekdesktop { display: block; } }
.teasers .mobile { border-radius: 37px; display: block; margin-top: 2em; overflow: hidden; }
@media (min-width: 512px) { .teasers .mobile { display: none; } }
.teasers .iphone { display: block; margin-left: 1rem; margin-right: 1rem; }
@media (min-width: 512px) { .teasers .iphone { display: none; } }
.teasers .macos { display: none; margin: 0px; padding: 0px; width: 100%; }
@media (min-width: 512px) { .teasers .macos { display: block; } }
.teasers .avatar, .teasers .profilepic { margin-bottom: 1em; max-width: 5em; width: 5em; }
html[lang="ja"] body:is(.page-template-template-writer, .page-template-template-presenter, .page-template-template-notebook) > main.main > .teasers :is(h1, h2, h3, h4, h5, h6, p) { text-wrap: pretty; word-break: auto-phrase; }
.page h3, .single h3, .blog__feed h3, .category h3 { margin: 3em auto 0em; }
.page h2 + h3, .page h3 + p, .page h2 + p, .page h4 + h3, .single h2 + h3, .single h3 + p, .single h2 + p, .single h4 + h3, .blog__feed h2 + h3, .blog__feed h3 + p, .blog__feed h2 + p, .blog__feed h4 + h3, .category h2 + h3, .category h3 + p, .category h2 + p, .category h4 + h3 { margin-bottom: 0.25em; margin-top: 0.25em; }
.page h1, .single h1, .blog__feed h1, .category h1 { margin-top: 0em; }
.page h3 + p, .single h3 + p, .blog__feed h3 + p, .category h3 + p { margin: 0.5em auto 3em; }
.page .macos, .single .macos, .blog__feed .macos, .category .macos { display: none; margin: 3em 0px; padding: 0px; width: 100%; }
@media (min-width: 512px) { .page .macos, .single .macos, .blog__feed .macos, .category .macos { display: block; } }
.page .desktop, .single .desktop, .blog__feed .desktop, .category .desktop { display: none; max-width: 1024px; }
@media (min-width: 512px) { .page .desktop, .single .desktop, .blog__feed .desktop, .category .desktop { border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 10px 0px, rgba(0, 0, 0, 0.05) 10px 10px 20px 0px, rgba(0, 0, 0, 0.05) 20px 20px 40px 0px, rgba(0, 0, 0, 0.05) 40px 40px 80px 0px; display: block; } }
@media (min-width: 768px) { .page .desktop, .single .desktop, .blog__feed .desktop, .category .desktop { border-radius: 10px; } }
@media (min-width: 1040px) { .page .desktop, .single .desktop, .blog__feed .desktop, .category .desktop { border-radius: 12px; max-width: 1024px; } }
.wrapper { align-items: stretch; gap: 20px; display: grid; grid-template-columns: repeat(3, 1fr); margin: 2em auto; max-width: 1024px; padding: 0px; }
@media (max-width: 720px) { .wrapper { grid-template-columns: 1fr; } }
@media (min-width: 721px) and (max-width: 1100px) { .wrapper { grid-template-columns: 1fr 1fr; } }
@media (min-width: 416px) { .wrapper { padding: 0px; } }
@media (min-width: 512px) { .wrapper { padding: 0px; } }
@media (min-width: 768px) { .wrapper { padding: 0px; } }
@media (min-width: 1040px) { .wrapper { padding: 0px; } }
@media (min-width: 1126px) { .wrapper { padding: 0px; } }
.widetile, .card .newsletaire, .card .buy-card { border-radius: 11px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 0px, rgba(0, 0, 0, 0.05) 0px 0px 15px 0px, rgba(0, 0, 0, 0.05) 0px 0px 20px 0px, rgba(0, 0, 0, 0.05) 0px 0px 25px 0px; padding: 1.3em 1.5em 3.5em; transform: translateZ(0px); z-index: 10; }
.widetile h2, .widetile h3, .widetile h4, .widetile h5, .card .newsletaire h2, .card .newsletaire h3, .card .newsletaire h4, .card .newsletaire h5, .card .buy-card h2, .card .buy-card h3, .card .buy-card h4, .card .buy-card h5 { margin-top: 0px; }
.widetile h3, .card .newsletaire h3, .card .buy-card h3 { margin-bottom: 0.25em; }
.container > .card { margin-top: 0px; }
.tile, .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper { border-radius: 11px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 0px, rgba(0, 0, 0, 0.05) 0px 0px 15px 0px, rgba(0, 0, 0, 0.05) 0px 0px 20px 0px, rgba(0, 0, 0, 0.05) 0px 0px 25px 0px; width: 100%; z-index: 10; }
.littleshadow, a.tile:hover, .tile:hover, .page-template-template-how-to-writer-top .how-to-video-thumb:hover, .page-template-template-how-to-presenter-top .how-to-video-thumb:hover, .page-template-template-how-to-101-article .how-to-article-banner-link:hover, .page-template-template-how-to-101-article .how-to-home-grid-wrapper:hover, .page-template-template-how-to-101-article .breakout-wrapper:hover, .page-template-template-how-to-presenter-top .how-to-article-banner-link:hover, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper:hover, .page-template-template-how-to-writer-top .how-to-article-banner-link:hover, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper:hover, .tile a:hover, .page-template-template-how-to-writer-top .how-to-video-thumb a:hover, .page-template-template-how-to-presenter-top .how-to-video-thumb a:hover, .page-template-template-how-to-101-article .how-to-article-banner-link a:hover, .page-template-template-how-to-101-article .how-to-home-grid-wrapper a:hover, .page-template-template-how-to-101-article .breakout-wrapper a:hover, .page-template-template-how-to-presenter-top .how-to-article-banner-link a:hover, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper a:hover, .page-template-template-how-to-writer-top .how-to-article-banner-link a:hover, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper a:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; color: rgb(34, 34, 34); transition: transform 0.3s ease-in-out; }
a.tile:hover, .tile:hover, .page-template-template-how-to-writer-top .how-to-video-thumb:hover, .page-template-template-how-to-presenter-top .how-to-video-thumb:hover, .page-template-template-how-to-101-article .how-to-article-banner-link:hover, .page-template-template-how-to-101-article .how-to-home-grid-wrapper:hover, .page-template-template-how-to-101-article .breakout-wrapper:hover, .page-template-template-how-to-presenter-top .how-to-article-banner-link:hover, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper:hover, .page-template-template-how-to-writer-top .how-to-article-banner-link:hover, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper:hover, .tile a:hover, .page-template-template-how-to-writer-top .how-to-video-thumb a:hover, .page-template-template-how-to-presenter-top .how-to-video-thumb a:hover, .page-template-template-how-to-101-article .how-to-article-banner-link a:hover, .page-template-template-how-to-101-article .how-to-home-grid-wrapper a:hover, .page-template-template-how-to-101-article .breakout-wrapper a:hover, .page-template-template-how-to-presenter-top .how-to-article-banner-link a:hover, .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper a:hover, .page-template-template-how-to-writer-top .how-to-article-banner-link a:hover, .page-template-template-how-to-writer-top .how-to-home-grid-wrapper a:hover { text-decoration: none; }
.click-tile { display: flex; text-decoration: none; width: 100%; }
.click-tile:hover { text-decoration: none; transform: scale(0.98); }
.click-tile { transition: transform 0.3s ease-in-out; }
.click-tile .tile p, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb p, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .click-tile .breakout-wrapper p, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper p, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link p, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper p, .home-contents .click-tile .tile p, .home-contents .tile p, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb p, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .home-contents .breakout-wrapper p, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper p, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link p, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper p, .preorder.tile p, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb p, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb p, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link p, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .preorder.breakout-wrapper p, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link p, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper p { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; line-height: 135%; margin: 0px 1em 0.25em; }
.click-tile .tile p:last-of-type, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb p:last-of-type, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb p:last-of-type, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb p:last-of-type, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb p:last-of-type, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link p:last-of-type, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link p:last-of-type, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper p:last-of-type, .click-tile .page-template-template-how-to-101-article .breakout-wrapper p:last-of-type, .page-template-template-how-to-101-article .click-tile .breakout-wrapper p:last-of-type, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link p:last-of-type, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link p:last-of-type, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper p:last-of-type, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link p:last-of-type, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link p:last-of-type, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper p:last-of-type, .home-contents .click-tile .tile p:last-of-type, .home-contents .tile p:last-of-type, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb p:last-of-type, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb p:last-of-type, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb p:last-of-type, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb p:last-of-type, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link p:last-of-type, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link p:last-of-type, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper p:last-of-type, .home-contents .page-template-template-how-to-101-article .breakout-wrapper p:last-of-type, .page-template-template-how-to-101-article .home-contents .breakout-wrapper p:last-of-type, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link p:last-of-type, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link p:last-of-type, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper p:last-of-type, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link p:last-of-type, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link p:last-of-type, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper p:last-of-type, .preorder.tile p:last-of-type, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb p:last-of-type, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb p:last-of-type, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link p:last-of-type, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-101-article .preorder.breakout-wrapper p:last-of-type, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link p:last-of-type, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper p:last-of-type, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link p:last-of-type, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper p:last-of-type { margin: 0px 1em 2em; }
.click-tile .tile, .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-writer-top .click-tile .how-to-video-thumb, .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .click-tile .how-to-video-thumb, .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .click-tile .how-to-article-banner-link, .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .click-tile .how-to-home-grid-wrapper, .click-tile .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-101-article .click-tile .breakout-wrapper, .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .click-tile .how-to-article-banner-link, .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-presenter-top .click-tile .how-to-home-grid-wrapper, .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .click-tile .how-to-article-banner-link, .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .click-tile .how-to-home-grid-wrapper, .home-contents .click-tile .tile, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-video-thumb, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-video-thumb, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-article-banner-link, .home-contents .click-tile .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .home-contents .click-tile .how-to-home-grid-wrapper, .home-contents .click-tile .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-101-article .home-contents .click-tile .breakout-wrapper, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-article-banner-link, .home-contents .click-tile .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-presenter-top .home-contents .click-tile .how-to-home-grid-wrapper, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-article-banner-link, .home-contents .click-tile .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .home-contents .click-tile .how-to-home-grid-wrapper, .home-contents .tile, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper, .home-contents .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-101-article .home-contents .breakout-wrapper, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper, .preorder.tile, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper, .page-template-template-how-to-101-article .preorder.breakout-wrapper, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper { margin: 0px; padding: 0px; transition: box-shadow 0.3s; }
.click-tile .preorder.tile, .click-tile .page-template-template-how-to-writer-top .preorder.how-to-video-thumb, .page-template-template-how-to-writer-top .click-tile .preorder.how-to-video-thumb, .click-tile .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb, .page-template-template-how-to-presenter-top .click-tile .preorder.how-to-video-thumb, .click-tile .page-template-template-how-to-101-article .preorder.how-to-article-banner-link, .page-template-template-how-to-101-article .click-tile .preorder.how-to-article-banner-link, .click-tile .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper, .page-template-template-how-to-101-article .click-tile .preorder.how-to-home-grid-wrapper, .click-tile .page-template-template-how-to-101-article .preorder.breakout-wrapper, .page-template-template-how-to-101-article .click-tile .preorder.breakout-wrapper, .click-tile .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link, .page-template-template-how-to-presenter-top .click-tile .preorder.how-to-article-banner-link, .click-tile .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper, .page-template-template-how-to-presenter-top .click-tile .preorder.how-to-home-grid-wrapper, .click-tile .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link, .page-template-template-how-to-writer-top .click-tile .preorder.how-to-article-banner-link, .click-tile .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .click-tile .preorder.how-to-home-grid-wrapper { margin-top: 3em; }
.article .tile img, .article .page-template-template-how-to-writer-top .how-to-video-thumb img, .page-template-template-how-to-writer-top .article .how-to-video-thumb img, .article .page-template-template-how-to-presenter-top .how-to-video-thumb img, .page-template-template-how-to-presenter-top .article .how-to-video-thumb img, .article .page-template-template-how-to-101-article .how-to-article-banner-link img, .page-template-template-how-to-101-article .article .how-to-article-banner-link img, .article .page-template-template-how-to-101-article .how-to-home-grid-wrapper img, .page-template-template-how-to-101-article .article .how-to-home-grid-wrapper img, .article .page-template-template-how-to-101-article .breakout-wrapper img, .page-template-template-how-to-101-article .article .breakout-wrapper img, .article .page-template-template-how-to-presenter-top .how-to-article-banner-link img, .page-template-template-how-to-presenter-top .article .how-to-article-banner-link img, .article .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper img, .page-template-template-how-to-presenter-top .article .how-to-home-grid-wrapper img, .article .page-template-template-how-to-writer-top .how-to-article-banner-link img, .page-template-template-how-to-writer-top .article .how-to-article-banner-link img, .article .page-template-template-how-to-writer-top .how-to-home-grid-wrapper img, .page-template-template-how-to-writer-top .article .how-to-home-grid-wrapper img, .home-contents .tile img, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb img, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb img, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb img, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb img, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link img, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link img, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper img, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper img, .home-contents .page-template-template-how-to-101-article .breakout-wrapper img, .page-template-template-how-to-101-article .home-contents .breakout-wrapper img, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link img, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link img, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper img, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper img, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link img, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link img, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper img, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper img { border-radius: 11px 11px 0px 0px; height: 10em; margin: 0px 0px 0.5em; object-fit: cover; padding: 0px; position: relative; width: 100%; }
.support .tile h3, .support .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .support .how-to-video-thumb h3, .support .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .support .how-to-article-banner-link h3, .support .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .support .breakout-wrapper h3, .support .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .support .how-to-home-grid-wrapper h3, .support .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .support .how-to-article-banner-link h3, .support .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .support .how-to-home-grid-wrapper h3, .home-contents .tile h3, .home-contents .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .home-contents .how-to-video-thumb h3, .home-contents .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .home-contents .breakout-wrapper h3, .home-contents .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .home-contents .how-to-home-grid-wrapper h3, .home-contents .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .home-contents .how-to-article-banner-link h3, .home-contents .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .home-contents .how-to-home-grid-wrapper h3, .preorder.tile h3, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb h3, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link h3, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .preorder.breakout-wrapper h3, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link h3, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper h3 { line-height: 135%; margin: 1.5em 1em 0em; }
.preorder.tile img, .page-template-template-how-to-writer-top .preorder.how-to-video-thumb img, .page-template-template-how-to-presenter-top .preorder.how-to-video-thumb img, .page-template-template-how-to-101-article .preorder.how-to-article-banner-link img, .page-template-template-how-to-101-article .preorder.how-to-home-grid-wrapper img, .page-template-template-how-to-101-article .preorder.breakout-wrapper img, .page-template-template-how-to-presenter-top .preorder.how-to-article-banner-link img, .page-template-template-how-to-presenter-top .preorder.how-to-home-grid-wrapper img, .page-template-template-how-to-writer-top .preorder.how-to-article-banner-link img, .page-template-template-how-to-writer-top .preorder.how-to-home-grid-wrapper img { border-top-left-radius: 11px; border-top-right-radius: 11px; }
article .card, .card { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; display: flex; flex-wrap: wrap; justify-content: space-between; }
article .card .carddescription, .card .carddescription { float: right; margin: -1.5em -1em; }
article .card > address, .card > address { display: flex; flex: 0 1 100%; margin: 0px 0px 1em; width: 100%; }
article .card > ul, article .card > address > ul, .card > ul, .card > address > ul { border-radius: 11px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 0px, rgba(0, 0, 0, 0.05) 0px 0px 15px 0px, rgba(0, 0, 0, 0.05) 0px 0px 20px 0px, rgba(0, 0, 0, 0.05) 0px 0px 25px 0px; flex: 0 1 100%; line-height: 2em; margin: 0px; padding: 1.5em; position: relative; transform: translateZ(0px); width: 100%; }
@media (max-width: 830px) { article .card > ul, article .card > address > ul, .card > ul, .card > address > ul { flex: 0 1 100%; } }
article .card > ul li, article .card > address > ul li, .card > ul li, .card > address > ul li { line-height: 155%; }
article .card > ul li:last-of-type, article .card > address > ul li:last-of-type, .card > ul li:last-of-type, .card > address > ul li:last-of-type { }
@media (max-width: 830px) { article .card > ul li:last-of-type, article .card > address > ul li:last-of-type, .card > ul li:last-of-type, .card > address > ul li:last-of-type { } }
@media (max-width: 512px) { article .card > ul li:last-of-type, article .card > address > ul li:last-of-type, .card > ul li:last-of-type, .card > address > ul li:last-of-type { } }
article .card > address > ul, .card > address > ul { flex: 1 1 auto; }
article .card .newsletaire, .card .newsletaire { flex: 0 1 100%; margin-top: 2em; padding-bottom: 1em; }
article .card ul li, article .card ul, article .card li, .card ul li, .card ul, .card li { list-style-type: none; }
article .card ul > li::before, .card ul > li::before { content: ""; margin: 0px; }
article .card ul > li, .card ul > li { margin: 0px 0px 0.5em; text-indent: 0em; }
article .card ul > li a, .card ul > li a { text-decoration: none; }
article .card ul > li a :hover, .card ul > li a :hover { color: rgb(247, 148, 29); }
article .card ul > li a::after, .card ul > li a::after { color: rgb(247, 148, 29); content: " ›"; display: inline-block; }
article .card .cardtitle, .card .cardtitle { font-weight: bold; line-height: 120%; margin-bottom: 0.5em; }
article .card .cardtitle h3, .card .cardtitle h3 { margin-top: 0.25em; }
.newsletaire { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
@keyframes shake { 
  0% { transform: translateY(0px) rotate(0deg); }
  20% { transform: translateY(calc(-10px + var(--shake-y-1))) rotate(calc(-12deg - var(--shake-deg-1))); }
  35% { transform: translateY(calc(-10px + var(--shake-y-2))) rotate(calc(12deg + var(--shake-deg-2))); }
  55% { transform: translateY(calc(-10px + var(--shake-y-3))) rotate(calc(-12deg - var(--shake-deg-3))); }
  65% { transform: translateY(calc(-10px + var(--shake-y-4))) rotate(calc(12deg + var(--shake-deg-4))); }
  75% { transform: translateY(calc(-10px + var(--shake-y-5))) rotate(calc(-12deg - var(--shake-deg-5))); }
  100% { transform: translateY(0px) rotate(0deg); }
}
a.w-action, a.p-action, a.n-action { border-radius: 30px; color: white; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 0px; margin-right: 0px; margin-top: 0.5em; padding: 0.6em 1em 0.4em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; background-color: rgb(247, 148, 29); }
@media (prefers-color-scheme: P3), (-webkit-min-device-pixel-ratio: 0) { a.w-action, a.p-action, a.n-action { background-color: rgb(247, 148, 29); } }
a.w-action, a.p-action { background-color: rgb(247, 148, 29); }
a.p-action:hover, a.p-action:focus, a.p-action:focus-visible, a.p-action:active, a.w-action:hover, a.w-action:focus, a.w-action:focus-visible, a.w-action:active, a.n-action:hover, a.n-action:focus, a.n-action:focus-visible, a.n-action:active { filter: brightness(1.2); }
.action { border-radius: 30px; color: white; display: block; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 0px; margin-right: 0px; margin-top: 0.5em; padding: 0.65em 1em 0.5em; text-align: center; text-decoration: none; text-transform: uppercase; transition: transform 0.2s ease-in-out; white-space: nowrap; width: 10em; border: rgb(247, 148, 29); }
@media (prefers-color-scheme: P3), (-webkit-min-device-pixel-ratio: 0) { .action { border: rgb(247, 148, 29); } }
.action { background-color: rgb(247, 148, 29); }
@media (prefers-color-scheme: P3), (-webkit-min-device-pixel-ratio: 0) { .action { background-color: rgb(247, 148, 29); } }
.page-template-template-frontpage .action, .page-template-template-blog .action, .category .action { margin-left: auto; margin-right: auto; text-align: center; }
.na { background-color: rgb(7, 7, 7); color: rgb(240, 240, 240); }
a.action:hover, a.action:focus, a.action:focus-visible, a.action:active { color: white; transform: scale(0.95); transition: transform 0.3s ease-in-out; }
.header-primary a.w-action:hover, .page-template-template-presenter .header-primary a.p-action:hover { color: white; }
a.w-action:hover, a.w-action:focus, a.w-action:focus-visible, a.w-action:active { filter: brightness(1.2); }
@keyframes animateBg { 
  0% { background-color: rgb(247, 148, 29); }
  22% { background-color: rgb(0, 0, 255); }
  33% { background-color: rgb(111, 0, 255); }
  44% { background-color: rgb(153, 0, 255); }
  55% { background-color: rgb(204, 0, 255); }
  66% { background-color: rgb(255, 0, 221); }
  77% { background-color: rgb(255, 0, 149); }
  88% { background-color: rgb(255, 0, 98); }
  100% { background-color: rgb(255, 0, 25); }
}
.pa { background-color: rgb(247, 148, 29); }
@media (prefers-color-scheme: P3), (-webkit-min-device-pixel-ratio: 0) { .pa { background-color: rgb(247, 148, 29); } }
.pa { animation-direction: alternate; animation-duration: 100s; animation-iteration-count: infinite; animation-name: animateBg; animation-timing-function: linear; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: white; }
@keyframes animateBg2 { 
  0% { background-color: rgb(0, 0, 255); }
  22% { background-color: rgb(111, 0, 255); }
  33% { background-color: rgb(153, 0, 255); }
  44% { background-color: rgb(204, 0, 255); }
  55% { background-color: rgb(255, 0, 221); }
  66% { background-color: rgb(255, 0, 149); }
  77% { background-color: rgb(255, 0, 98); }
  88% { background-color: rgb(255, 0, 25); }
  100% { background-color: rgb(255, 85, 0); }
}
@keyframes animateBg3 { 
  0% { background-color: rgb(111, 0, 255); }
  22% { background-color: rgb(153, 0, 255); }
  33% { background-color: rgb(204, 0, 255); }
  44% { background-color: rgb(255, 0, 221); }
  55% { background-color: rgb(255, 0, 149); }
  66% { background-color: rgb(255, 0, 98); }
  77% { background-color: rgb(255, 0, 25); }
  88% { background-color: rgb(255, 85, 0); }
  100% { background-color: rgb(255, 200, 0); }
}
@keyframes animateBg4 { 
  0% { background-color: rgb(255, 85, 0); }
  20% { background-color: rgb(255, 0, 25); }
  30% { background-color: rgb(255, 0, 98); }
  40% { background-color: rgb(255, 0, 149); }
  50% { background-color: rgb(255, 0, 221); }
  60% { background-color: rgb(204, 0, 255); }
  70% { background-color: rgb(153, 0, 255); }
  80% { background-color: rgb(111, 0, 255); }
  90% { background-color: rgb(0, 0, 255); }
  100% { background-color: rgb(247, 148, 29); }
}
p { font-weight: normal; margin: auto; }
p + p { margin-top: 1em; }
ul { margin: 1.25em 0px 1.5em 1.1em; }
ol { margin: 1.25em 0px; }
ul { list-style: "– "; padding: 0px; }
li { margin-left: 0em; margin-top: 0.25em; }
smaller, blockquote, blockquote p { font-weight: normal; }
figcaption { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; line-height: 150%; position: relative; top: -1.5em; }
a.footnote-ref, a.footnote-backref, a[href^="#fn:"], a[href^="#fnref"], a[href^="#fn-"] { text-decoration: none; }
sup::after { content: ""; display: inline-block; height: 150px; margin-top: -150px; visibility: hidden; }
anchor links get the compensation too h1[id]::before, h2[id]::before, h3[id]::before, h4[id]::before, h5[id]::before, h6[id]::before { content: ""; display: block; height: 150px; margin-top: -150px; visibility: hidden; }
.footnotes { margin-top: 3em; padding-left: 1em; pointer-events: none; }
@media (min-width: 768px) { .footnotes { column-count: 2; column-gap: 2.5em; } }
.footnotes a { text-decoration: none; }
.footnotes a:hover { text-decoration: none; }
.footnotes a[href^="#fnref"] { display: contents; font-family: "QTES Inter", serif !important; }
.footnotes a[href^="#fnref"]::before { color: rgb(34, 34, 34); content: "☜"; display: none; font-family: "QTES Inter", serif; }
.footnotes hr { border: 0px; line-height: 0; margin: 0px; padding: 0px; }
.footnotes ol { counter-reset: item 0; list-style-type: none; margin: 0px; padding: 0px 0.5em; }
@supports (-webkit-touch-callout: none) { .footnotes ol { margin: 1.1em 0px 0px; } }
.footnotes li { break-inside: avoid; margin-top: 0px; padding-bottom: 1em; pointer-events: all; transition: opacity 0.8s ease-in; }
.footnotes li p { margin-left: 0.5em; }
.footnotes li a { text-decoration: underline; }
.footnotes ol > li { counter-increment: customlistcounter 1; font-variant-numeric: oldstyle-nums; scroll-margin-top: 80px; }
.footnotes ol > li::before { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.footnotes ol > li::before { content: counter(customlistcounter); float: left; font-weight: bold; margin: 0px 0px 0px -1.25em; width: 1.25em; }
.footnotes ol > li:first-child { margin-top: 0em; }
i, em { font-style: italic; }
figure { margin-bottom: 2em; margin-left: auto; margin-right: auto; }
summary { cursor: pointer; outline: none; }
details { margin: 1em 0px; }
h1, .biggest { font-weight: bold; letter-spacing: -0.02em; line-height: 110%; margin-bottom: 0px; margin-top: 2em; }
h2, big { font-weight: bold; letter-spacing: -0.015em; line-height: 110%; margin: 2em auto auto; }
h3 { font-weight: bold; line-height: 130%; margin-bottom: 1em; margin-top: 2em; }
h4 { font-weight: bold; line-height: 140%; margin: 2em 0px 0.25em; text-align: left; }
h5 { font-weight: bold; line-height: 145%; margin: 1em auto 0.25em; }
h3 + h2, h1 + h2, h2 + h3, h3 + h4 { margin-top: 0.25em; }
h2 + p, h1 + p { margin-top: 1em; }
h1 + p { margin-top: 1em; }
.excerpt a:hover, .article a { color: rgb(34, 34, 34); }
.header_container, .header-primary, .footer-primary, .breadcrumbs, .container { margin: auto; max-width: 1024px; padding-left: 22px; padding-right: 22px; }
@media (min-width: 416px) { .header_container, .header-primary, .footer-primary, .breadcrumbs, .container { padding-left: 28px; padding-right: 28px; } }
@media (min-width: 512px) { .header_container, .header-primary, .footer-primary, .breadcrumbs, .container { padding-left: 35px; padding-right: 35px; } }
@media (min-width: 768px) { .header_container, .header-primary, .footer-primary, .breadcrumbs, .container { padding-left: 45px; padding-right: 45px; } }
@media (min-width: 1040px) { .header_container, .header-primary, .footer-primary, .breadcrumbs, .container { padding-left: 55px; padding-right: 55px; } }
@media (min-width: 1126px) { .header_container, .header-primary, .footer-primary, .breadcrumbs, .container { padding-left: 0px; padding-right: 0px; } }
.hideandseekdark, img.hideandseekdark { display: none; }
details > summary { list-style-type: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary::before { content: "+ "; }
samp { background-color: rgb(255, 255, 255); border-radius: 5px; color: rgb(34, 34, 34); display: inline-block; font-family: -apple-system, sans-serif; font-size: 0.8rem; font-weight: 600; line-height: 1rem; margin: 0px 0.1em; min-width: 0.8rem; padding: 0.5em; text-align: center; text-indent: 0px; vertical-align: middle; }
.teasers { overflow: hidden; }
.flexgrids { column-gap: 1.5em; margin: 3em auto; padding-left: 2em; padding-right: 2em; }
@media (min-width: 768px) { .flexgrids { column-count: 2; } }
@media (min-width: 1040px) { .flexgrids { column-count: 3; } }
@media (min-width: 1679px) { .flexgrids { column-count: 4; padding-left: 3em; padding-right: 3em; } }
@media (min-width: 1879px) { .flexgrids { column-count: 5; } }
.flexgrids p, .flexgrids h3 + p { align-items: flex-start; display: inline-flex; line-height: 160%; margin: 1em 0px; padding: 0px; width: 100%; }
@media (min-width: 768px) { .flexgrids p, .flexgrids h3 + p { font-size: 16px; } }
.flexgrids p :nth-child(1), .flexgrids p b, .flexgrids h3 + p :nth-child(1), .flexgrids h3 + p b { display: contents; }
iframe { min-width: 100%; width: 1px; }
.ninety-three { font-family: iAIconic; font-size: 1em; margin-top: 0px; overflow: hidden; white-space: nowrap; z-index: -5; }
html, .yellow-mark, mark.yellow { --mark-r: 1.0; --mark-g: 0.85; --mark-b: 0.0; }
.page-template-template-frontpage .home-contents, .page-template-template-blog .home-contents, .category .home-contents { margin-bottom: 0px; max-width: none; padding-left: 0px; padding-right: 0px; }
#writer-hero, #presenter-hero, #notebook-hero, #news-hero, #open-hero, #presenter-hero2, #writer-hero2, #writer-hero3, #news-hero2, #open-hero2 { background-position: center top; background-repeat: no-repeat; background-size: auto 36em; height: 36em; margin-bottom: 0px; margin-top: 0px; overflow: hidden; padding-bottom: 0px; position: relative; }
#writer-hero h1, #writer-hero h2, #writer-hero h3, #writer-hero h4, #writer-hero h5, #presenter-hero h1, #presenter-hero h2, #presenter-hero h3, #presenter-hero h4, #presenter-hero h5, #notebook-hero h1, #notebook-hero h2, #notebook-hero h3, #notebook-hero h4, #notebook-hero h5, #news-hero h1, #news-hero h2, #news-hero h3, #news-hero h4, #news-hero h5, #open-hero h1, #open-hero h2, #open-hero h3, #open-hero h4, #open-hero h5, #presenter-hero2 h1, #presenter-hero2 h2, #presenter-hero2 h3, #presenter-hero2 h4, #presenter-hero2 h5, #writer-hero2 h1, #writer-hero2 h2, #writer-hero2 h3, #writer-hero2 h4, #writer-hero2 h5, #writer-hero3 h1, #writer-hero3 h2, #writer-hero3 h3, #writer-hero3 h4, #writer-hero3 h5, #news-hero2 h1, #news-hero2 h2, #news-hero2 h3, #news-hero2 h4, #news-hero2 h5, #open-hero2 h1, #open-hero2 h2, #open-hero2 h3, #open-hero2 h4, #open-hero2 h5 { margin-left: auto; margin-right: auto; max-width: 1024px; text-align: center; }
#writer-hero h2, #presenter-hero h2, #notebook-hero h2, #news-hero h2, #open-hero h2, #presenter-hero2 h2, #writer-hero2 h2, #writer-hero3 h2, #news-hero2 h2, #open-hero2 h2 { line-height: 110%; margin-bottom: 0.1em; margin-top: 0em; padding-left: 1em; padding-right: 1em; }
#writer-hero h5, #presenter-hero h5, #notebook-hero h5, #news-hero h5, #open-hero h5, #presenter-hero2 h5, #writer-hero2 h5, #writer-hero3 h5, #news-hero2 h5, #open-hero2 h5 { letter-spacing: 0.5px; margin-bottom: 0px; margin-top: 4em; text-transform: uppercase; }
#writer-hero img, #presenter-hero img, #notebook-hero img, #news-hero img, #open-hero img, #presenter-hero2 img, #writer-hero2 img, #writer-hero3 img, #news-hero2 img, #open-hero2 img { margin-left: auto; margin-right: auto; margin-top: 2em; max-height: 70%; min-height: 25em; object-fit: cover; width: auto; z-index: -1; }
#presenter-hero { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; background-color: rgb(7, 7, 7); color: rgb(240, 240, 240); z-index: 0; }
#writer-hero, #writer-hero2, #news-hero, #news-hero2, #open-hero, #open-hero2 { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
#writer-hero { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; background-color: rgb(247, 247, 247); color: rgb(34, 34, 34); z-index: 2; }
#news-hero { background-image: linear-gradient(rgb(255, 255, 255), rgb(235, 235, 235)); color: rgb(34, 34, 34); z-index: 3; }
#open-hero { background-image: linear-gradient(rgb(17, 17, 17), rgb(5, 5, 5)); color: rgb(240, 240, 240); z-index: 3; }
#open-hero > div.invertable-image > img { filter: invert(1); }
.page-template-template-blog .home-contents p { line-height: 140%; max-width: 80vw; text-align: center; }
@media (min-width: 768px) { .page-template-template-blog .home-contents p { max-width: 768px; } }
.page-template-template-blog .home-contents .action { margin-top: 1em; }
.article, .support { font-variant-numeric: oldstyle-nums; margin: auto auto 3em; position: relative; font-family: "QTES Inter", serif; }
.article, .support { font-style: normal; }
.article::after, .support::after { content: "* * *"; padding-top: 3em; text-align: center; display: none; }
.article img, .article video, .support img, .support video { margin-bottom: 2em; margin-top: 2em; width: 100%; }
.article .featured-image img, .support .featured-image img { margin-bottom: 0px; }
.article blockquote, .article blockquote p, .support blockquote, .support blockquote p { display: block; margin: 1.5em 0px 1.5em 1em; }
.article a, .support a { color: rgb(34, 34, 34); }
.article a:hover, .support a:hover { color: black; }
.article .kicker, .support .kicker { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.article .kicker, .support .kicker { font-variant-numeric: oldstyle-nums; font-weight: bold; letter-spacing: 1px; margin-top: 2em; text-align: center; text-transform: uppercase; }
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .support h1, .support h2, .support h3, .support h4, .support h5, .support h6 { margin-top: 1em; font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.article h1, .support h1 { font-feature-settings: "dlig"; font-variant-ligatures: normal; font-variant-numeric: normal; font-weight: bold; line-height: 100%; margin-left: auto; margin-right: auto; max-width: 1024px; overflow-wrap: break-word; padding-left: 1em; padding-right: 1em; text-align: center; text-transform: uppercase; }
.article.legal h1, .support.legal h1 { margin-bottom: 2em; margin-top: 2em; text-transform: none; }
.article.legal h2, .support.legal h2 { text-align: left; }
.article.legal h3, .article.legal h4, .support.legal h3, .support.legal h4 { margin-top: 1em; }
.article h2, .support h2 { margin-bottom: 1em; text-align: center; }
.article h2, .article h3, .article h4, .support h2, .support h3, .support h4 { font-weight: bold; line-height: 130%; margin-top: 3em; }
.article h3, .article h4, .support h3, .support h4 { margin-bottom: 0.25em; text-align: left; }
.article h4, .support h4 { font-style: italic; }
.article h2 + h3, .article h3 + p, .article h2 + p, .article p + h1, .support h2 + h3, .support h3 + p, .support h2 + p, .support p + h1 { margin-bottom: 0.25em; margin-top: 0.25em; }
@media (max-width: 767px) { .article ol, .article ul, .support ol, .support ul { display: block; float: none; margin-right: 1em; padding-right: 1em; width: 99%; } }
p.time-cat { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
p.time-cat { font-variant-numeric: oldstyle-nums; font-weight: bold; letter-spacing: 1px; margin-bottom: 0px; margin-top: 0.5em; text-align: center; text-transform: uppercase; }
p.time-cat a { text-decoration: none; }
.hideandseekmobile, img.hideandseekmobile { display: block; }
@media (min-width: 512px) { .hideandseekmobile, img.hideandseekmobile { display: none; } }
.hideandseekdesktop, img.hideandseekdesktop { display: none; }
@media (min-width: 512px) { .hideandseekdesktop, img.hideandseekdesktop { display: block; } }
.youtube, .video { height: 100%; margin: 3em 0px; padding-bottom: 56.25%; position: relative; width: 100%; }
.youtubevideo, .video iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.youtube-wrapper { margin-top: 3em; margin-bottom: 3em; }
.featured-image { margin-top: 0px; position: relative; z-index: 1; }
h1, h2, .support-feature, .hero-section { clear: both; }
.hero-section { padding-top: 1em; }
.article-body > p:first-of-type, .os-content > p:first-child, .container.support.article > p:first-child { margin-top: 2em; }
.article-body { margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .page-template-template-blog .article-body { width: 90%; } }
.article-body > p:nth-of-type(2) { margin-top: 2em; }
html:not([lang="ja"]) .article-body > p:nth-of-type(2)::first-letter { float: left; line-height: 1em; margin-bottom: -0.1em; margin-right: 0.1em; margin-top: -0.05em; }
.related-articles { padding-top: 3em; }
.page-template-template-blog .related-articles .home-contents p { text-align: left; }
.tag-list .anchor-toc { align-items: stretch; display: grid; gap: 0.5em; grid-template-columns: repeat(2, 1fr); margin: 2em auto 0px; max-width: 1024px; }
.tag-list .anchor-toc a.ace, .tag-list .anchor-toc a.ace:hover { color: rgb(34, 34, 34); font-weight: normal; line-height: 1.4em; padding: 1em; text-align: left; font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.tag-list .anchor-toc { }
@media (min-width: 721px) { .tag-list .anchor-toc { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1101px) { .tag-list .anchor-toc { grid-template-columns: repeat(4, 1fr); } }
.article .featured-image { height: auto; margin: 0px; overflow: hidden; position: relative; }
.hero-excerpt { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; line-height: 140%; margin-top: 0px; max-width: 80vw; text-align: center; }
@media (min-width: 768px) { .hero-excerpt { max-width: 768px; } }
.page-template-template-about .featured-image > img { height: auto; }
.support-search { margin: 1.5em auto; max-width: none; position: relative; width: 100%; z-index: 10; }
.support-search__field { align-items: center; background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 999px; display: flex; min-height: 3.35rem; padding: 0.35rem 0.45rem 0.35rem 1.2rem; }
.support-search__icon { color: rgba(0, 0, 0, 0.7); flex: 0 0 auto; height: 1.15rem; margin-right: 0.75rem; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; width: 1.15rem; }
.support-search__icon circle, .support-search__icon path { fill: none; }
.support-search__input { background: transparent; border: 0px; flex: 1 1 auto; min-width: 0px; padding: 0px; }
.support-search__input:focus { outline: 0px; }
.support-search__input[type="search"] { background-color: transparent; color: inherit; }
.support-search__clear { align-items: center; background: transparent; border: 0px; border-radius: 999px; color: inherit; cursor: pointer; display: inline-flex; flex: 0 0 auto; font-size: 1.8rem; height: 2.4rem; justify-content: center; line-height: 1; width: 2.4rem; }
.support-search__clear[hidden] { display: none; }
.support-search__results { list-style: none; margin: 0.75rem 0px 0px; padding: 0px; }
.support-search__item, .support-search__message { list-style: none; margin: 0px 0px 0.5rem; text-indent: 0px; }
.support-search__item::before, .support-search__message::before { content: none; }
.support-search__link { background: rgba(255, 255, 255, 0.9); border: 1px solid transparent; border-radius: 8px; color: rgb(34, 34, 34); display: block; padding: 0.9rem 1rem; text-decoration: none; }
.support-search__title, .support-search__description { display: block; }
.support-search__meta { align-items: baseline; display: flex; flex-wrap: wrap; gap: 0.3rem 0.65rem; }
.support-search__description, .support-search__message { color: rgba(0, 0, 0, 0.7); margin-top: 0.25rem; }
.support-feature, .hero-section { background: linear-gradient(rgb(247, 247, 247), rgb(235, 235, 235)); }
.support-feature .featured-image, .hero-section .featured-image { height: auto; margin: 0px; overflow: hidden; position: relative; }
.time-cat + .featured-image { margin-top: 0px; }
@keyframes scale-down { 
  0% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.featured-image img { animation: 120ms ease-in-out 0s 1 normal forwards running scale-down; height: 20em; margin-left: auto; margin-right: auto; object-fit: cover; overflow: hidden; position: relative; width: auto; }
.tabs .tab:not(.active):hover ~ .tab.active, .tabs .tab.active:hover ~ .tab.active { background-color: rgba(0, 0, 0, 0); box-shadow: none; }
.previous-sibling-button, .next-sibling-button { letter-spacing: 1px; text-decoration: none; vertical-align: middle; }
.next-sibling-button { margin-left: 1em; }
.previous-sibling-button { margin-right: 1em; }
.anchor-toc { align-items: stretch; display: grid; gap: 0.5em; grid-template-columns: repeat(2, 1fr); margin: 3em auto; max-width: 1024px; }
.anchor-toc a.ace, .anchor-toc a.ace:hover { color: rgb(34, 34, 34); font-weight: normal; line-height: 1.4em; padding: 1em; text-align: left; font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.anchor-toc { }
@media (min-width: 721px) { .anchor-toc { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1101px) { .anchor-toc { grid-template-columns: repeat(4, 1fr); } }
.support-site { --support-accent-color: var(--link-blue-light); --support-nav-selected-background: rgba(247, 148, 29, 0.14); --support-nav-selected-animation: none; --support-header-extension-height: 0px; --support-sticky-overlap: 1px; --support-sticky-top: 49px; --support-nav-sticky-height: 2.85em; }
@media (max-width: 512px) { .support-site { --support-sticky-top: 44px; --support-nav-sticky-height: 2.75em; } }
.support-site #subheader-container { overflow: visible; }
@media (max-width: 859px) { .support-site .support-site__mobile-hidden-crumb { display: none; } }
@media (max-width: 859px) { .support-site #subheader-container { margin-bottom: calc(-1 * var(--support-header-extension-height)); overflow: visible; padding-bottom: var(--support-header-extension-height); } }
@media (max-width: 400px) { .support-site .support-site__narrow-hidden-crumb { display: none; } }
.support-site .support-nav-header-toggle { align-items: center; appearance: none; background: transparent; border: 0px; color: inherit; cursor: pointer; display: inline-flex; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; height: 1em; justify-content: center; line-height: 1; margin-left: 0.35em; padding: 0px; position: relative; top: -0.08em; vertical-align: middle; width: 1em; }
.support-site .support-nav-header-toggle::before { border-bottom: 0.09em solid; border-right: 0.09em solid; content: ""; height: 0.45em; transform: rotate(45deg) translateY(-0.12em); width: 0.45em; }
.support-site .support-nav-header-toggle[aria-expanded="true"]::before { transform: rotate(225deg) translate(-0.1em, -0.1em); }
@media (min-width: 860px) { .support-site .support-nav-header-toggle { display: none; } }
.support-site.support-nav-mobile-open::before { background: rgba(0, 0, 0, 0.08); content: ""; inset: calc(var(--support-sticky-top) - var(--support-sticky-overlap)) 0 0; pointer-events: none; position: fixed; z-index: 75; }
@media (min-width: 860px) { .support-site.support-nav-mobile-open::before { content: none; } }
.support-site.support-nav-mobile-open .support-layout__main, .support-site.support-nav-mobile-open .support-layout__toc, .support-site.support-nav-mobile-open .support-title { pointer-events: none; }
@media (max-width: 859px) { .support-site.support-nav-mobile-open .support-layout__sidebar { left: 0px; margin: 0px; position: fixed; right: 0px; top: calc(var(--support-sticky-top) - var(--support-sticky-overlap)); width: 100%; } }
@media (min-width: 860px) { .support-site.support-nav-mobile-open .support-layout__main, .support-site.support-nav-mobile-open .support-layout__toc, .support-site.support-nav-mobile-open .support-title { pointer-events: auto; } }
.support-site .support-layout { align-items: start; box-sizing: border-box; gap: 1.5rem 1.75rem; display: grid; grid-template-areas: "sidebar" "search" "content"; grid-template-columns: minmax(0px, 1fr); max-width: 1024px; width: 100%; }
@media (min-width: 860px) { .support-site .support-layout { grid-template-areas: "search search" "sidebar content"; grid-template-columns: minmax(220px, 250px) minmax(0px, 1fr); padding-top: 3em; } }
.support-site .support-layout--root { grid-template-areas: "sidebar" "search" "content"; }
@media (min-width: 860px) { .support-site .support-layout--root { grid-template-areas: "search search" "sidebar content"; } }
.support-site .support-page-search { background: rgba(247, 247, 247, 0.8); grid-area: search; margin-left: -22px; margin-right: -22px; min-width: 0px; padding: 0.55rem 22px 0.7rem; position: relative; width: calc(100% + 44px); z-index: 70; }
@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { .support-site .support-page-search { backdrop-filter: blur(20px); } }
@media (min-width: 416px) { .support-site .support-page-search { margin-left: -28px; margin-right: -28px; padding-left: 28px; padding-right: 28px; width: calc(100% + 56px); } }
@media (min-width: 512px) { .support-site .support-page-search { margin-left: -35px; margin-right: -35px; padding-left: 35px; padding-right: 35px; width: calc(100% + 70px); } }
@media (min-width: 768px) { .support-site .support-page-search { justify-self: center; margin-left: 0px; margin-right: 0px; max-width: 1024px; padding: 0.65rem 0px 0.75rem; width: 100%; } }
.support-site .support-layout__content { display: grid; grid-area: content; min-width: 0px; row-gap: 1.5rem; }
.support-site .support-layout__sidebar { background-color: transparent; grid-area: sidebar; margin-left: -22px; margin-right: -22px; margin-bottom: 0px; min-width: 0px; position: sticky; top: calc(var(--support-sticky-top) - var(--support-sticky-overlap)); width: calc(100% + 44px); z-index: 100; }
@media (min-width: 416px) { .support-site .support-layout__sidebar { margin-left: -28px; margin-right: -28px; width: calc(100% + 56px); } }
@media (min-width: 512px) { .support-site .support-layout__sidebar { margin-left: -35px; margin-right: -35px; width: calc(100% + 70px); } }
@media (min-width: 860px) { .support-site .support-layout__sidebar { margin-left: 0px; margin-right: 0px; width: 100%; } }
@media (min-width: 860px) { .support-site .support-layout__sidebar { align-self: start; background-color: transparent; backdrop-filter: none; grid-area: sidebar; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; position: sticky; top: calc(var(--support-sticky-top) + 1rem); width: auto; z-index: 20; } }
.support-site .support-layout__main { min-width: 0px; }
.support-site .support-toc__list { list-style: none; margin: 0px; padding: 0px; }
.support-site .support-toc__item { list-style: none; margin: 0px; padding: 0px; text-indent: 0px; }
.support-site .support-toc__item::before { content: none; }
.support-site .support-toc__link { font-size: 0.9rem; line-height: 140%; }
.support-site .support-toc__link { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-toc__link { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-toc__link { font-size: 15.2px; line-height: 165%; } }
.support-site .support-toc__link { color: rgba(34, 34, 34, 0.65); display: block; padding: 0.25rem 0px; position: relative; text-decoration: none; transition: color 160ms; }
.support-site .support-toc__link:hover, .support-site .support-toc__link:focus-visible { color: rgb(34, 34, 34); box-shadow: none; }
.support-site .support-toc__link:focus-visible { outline: currentcolor solid 2px; outline-offset: 0.2rem; }
.support-site .support-toc__link.is-active { color: rgb(34, 34, 34); font-weight: 700; }
.support-site .support-toc__link.is-active::before { background: currentcolor; bottom: 0.35rem; content: ""; left: calc(-1px - 1rem); position: absolute; top: 0.35rem; width: 1px; }
.support-site .support-title { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; min-width: 0px; text-align: left; width: 100%; }
.support-site .support-title h1 { font-size: 30px; line-height: 1.1; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; text-align: left; text-transform: none; }
.support-site .support-content { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; margin-left: auto; margin-right: auto; width: 100%; }
.support-site .support-content.support.article > p:first-child { font-size: 18px; line-height: 1.5; }
.support-site .support-intro { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; margin-bottom: 2rem; }
.support-site .support-intro > h1:first-child { font-size: 30px; line-height: 1.1; margin: 0px 0px 0.75rem; padding-left: 0px; padding-right: 0px; text-align: left; text-transform: none; }
.support-site .support-intro > h1:first-child + p { margin-top: 0px; }
.support-site .support-intro > p { font-size: 18px; line-height: 1.5; }
.support-site .support-intro > p:first-of-type { font-size: 18.5px; font-weight: 700; margin-top: 0px; }
.support-site .support-intro > :last-child { margin-bottom: 0px; }
.support-site .support-content .support.article, .support-site .support-content.support.article { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.support-site .support-content .support.article p, .support-site .support-content .support.article li, .support-site .support-content.support.article p, .support-site .support-content.support.article li { font-size: 18px; line-height: 1.5; }
.support-site .support-content .support.article code, .support-site .support-content.support.article code { font-size: 19px; line-height: 1.05; }
.support-site .support-content .support.article h1, .support-site .support-content .support.article h2, .support-site .support-content .support.article h3, .support-site .support-content .support.article h4, .support-site .support-content .support.article h5, .support-site .support-content .support.article h6, .support-site .support-content.support.article h1, .support-site .support-content.support.article h2, .support-site .support-content.support.article h3, .support-site .support-content.support.article h4, .support-site .support-content.support.article h5, .support-site .support-content.support.article h6 { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; text-align: left; }
.support-site .support-content .support.article h2, .support-site .support-content.support.article h2 { font-size: 22px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-content .support.article h2, .support-site .support-content.support.article h2 { font-size: calc(20.1818px + 0.568182vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-content .support.article h2, .support-site .support-content.support.article h2 { font-size: 26px; line-height: 165%; } }
.support-site .support-content .support.article h2, .support-site .support-content.support.article h2 { line-height: 1.2; }
.support-site .support-content .support.article h3, .support-site .support-content.support.article h3 { font-size: 18px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-content .support.article h3, .support-site .support-content.support.article h3 { font-size: calc(16.6364px + 0.426136vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-content .support.article h3, .support-site .support-content.support.article h3 { font-size: 21px; line-height: 165%; } }
.support-site .support-content .support.article h3, .support-site .support-content.support.article h3 { line-height: 1.22; }
.support-site .support-content .support.article figure:has(figcaption) + :is(h1, h2, h3, h4, h5, h6), .support-site .support-content .support.article figure:has(figcaption) + p:has(> strong:only-child), .support-site .support-content.support.article figure:has(figcaption) + :is(h1, h2, h3, h4, h5, h6), .support-site .support-content.support.article figure:has(figcaption) + p:has(> strong:only-child) { padding-top: 1.25rem; }
.support-site .support-content.support.article:has(> figure:last-child > figcaption) + .support-content.support.article > :is(h1, h2, h3, h4, h5, h6):first-child { padding-top: 1.25rem; }
.support-site .support-content .support.article .support-intro > p:first-of-type, .support-site .support-content.support.article .support-intro > p:first-of-type { font-size: 18.5px; }
.support-site .support-layout.support-layout--root .support-layout__content .support-content .support-category-title, .support-site .support-content.support.article .support-category-title { margin-left: 0px; margin-right: 0px; text-align: center; }
.support-site .support-platform-switcher { flex: 0 0 auto; min-width: 0px; position: relative; z-index: 25; }
.support-site .support-platform-switcher__details { margin: 0px; position: relative; }
.support-site .support-platform-switcher__details > summary { list-style: none; }
.support-site .support-platform-switcher__details > summary::before { content: none; display: none; }
.support-site .support-platform-switcher__details > summary::-webkit-details-marker { display: none; }
.support-site .support-platform-switcher__summary { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; font-size: 0.9rem; line-height: 140%; }
.support-site .support-platform-switcher__summary { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-platform-switcher__summary { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-platform-switcher__summary { font-size: 15.2px; line-height: 165%; } }
.support-site .support-platform-switcher__summary { align-items: center; background: var(--support-nav-selected-background); border-radius: 999px; color: rgb(34, 34, 34); cursor: pointer; display: inline-flex; gap: 0.45rem; font-weight: 700; list-style: none; min-height: 2.1rem; min-width: 7.1rem; padding: 0.28rem 1.85rem 0.28rem 0.68rem; position: relative; }
.support-site .support-platform-switcher__summary::-webkit-details-marker { display: none; }
.support-site .support-platform-switcher__summary::marker { content: none; }
.support-site .support-platform-switcher__summary::after { border-bottom: 2px solid; border-right: 2px solid; content: ""; display: block; height: 0.45rem; pointer-events: none; position: absolute; right: 0.72rem; top: 50%; transform: translateY(-62%) rotate(45deg); width: 0.45rem; }
.support-site .support-platform-switcher__summary:focus-visible { outline: currentcolor solid 2px; outline-offset: 0.2rem; }
.support-site .support-platform-switcher__label { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; font-size: 0.9rem; line-height: 140%; }
.support-site .support-platform-switcher__label { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-platform-switcher__label { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-platform-switcher__label { font-size: 15.2px; line-height: 165%; } }
.support-site .support-platform-switcher__label { font-weight: 700; line-height: 1.05; margin: 0px; padding-right: 0.18rem; }
.support-site .support-platform-switcher__menu { background: rgb(247, 247, 247); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 18px 40px; list-style: none; margin: 0px; min-width: 100%; padding: 0.35rem; position: absolute; right: 0px; top: calc(100% + 0.45rem); width: max-content; }
.support-site .support-platform-switcher__item { list-style: none; margin: 0px; text-indent: 0px; }
.support-site .support-platform-switcher__item::before { content: none; }
.support-site .support-platform-switcher__option { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; font-size: 0.9rem; line-height: 140%; }
.support-site .support-platform-switcher__option { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-platform-switcher__option { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-platform-switcher__option { font-size: 15.2px; line-height: 165%; } }
.support-site .support-platform-switcher__option { align-items: center; border-radius: 999px; color: rgb(34, 34, 34); display: flex; gap: 0.55rem; line-height: 1.2; padding: 0.55rem 0.8rem; text-decoration: none; transition: background 160ms, color 160ms; }
.support-site .support-platform-switcher__option:hover, .support-site .support-platform-switcher__option:focus-visible { background: rgba(0, 0, 0, 0.055); box-shadow: none; color: rgb(34, 34, 34); }
.support-site .support-platform-switcher__option:focus-visible { outline: currentcolor solid 2px; outline-offset: 0.2rem; }
.support-site .support-platform-switcher__item.is-active .support-platform-switcher__option { animation: var(--support-nav-selected-animation); background: var(--support-nav-selected-background); color: rgb(34, 34, 34); font-weight: 700; transform: none; }
.support-site .support-header__platform-switcher { align-items: center; display: inline-flex; transform: translateY(-2px); vertical-align: baseline; z-index: 50; }
.support-site .support-header__platform-switcher .support-platform-switcher__summary { background: var(--support-accent-color); border-radius: 999px; box-sizing: border-box; color: rgb(255, 255, 255); font-size: inherit; height: 28px; min-height: 28px; min-width: 72px; padding: 2px 20px 0px 8px; }
.support-site .support-header__platform-switcher .support-platform-switcher__summary::after { border-bottom-width: 1.5px; border-right-width: 1.5px; height: 5px; right: 9px; width: 5px; }
.support-site .support-header__platform-switcher .support-platform-switcher__label { font-size: inherit; }
.support-site .support-header__platform-switcher .support-platform-switcher__option { font-size: 14px; }
.support-site .support-header__platform-switcher .support-platform-switcher__menu { border-radius: 0.65rem; min-width: 8.5rem; top: calc(100% + 0.35rem); }
.support-site .support-header__platform-switcher .support-platform-switcher__option { border-radius: 0.4rem; margin-left: 0px; white-space: nowrap; }
.support-site .support-header__platform-switcher .support-platform-switcher__item.is-active .support-platform-switcher__option { background: var(--support-accent-color); color: rgb(255, 255, 255); }
.support-site .support-availability { margin-top: 5rem; width: 100%; }
.support-site .support-card-grid { place-items: stretch; gap: 0.8rem 1.5rem; grid-template-columns: 1fr; margin-bottom: 3.5rem; margin-top: 1.4rem; max-width: 100%; }
@media (min-width: 1200px) { .support-site .support-card-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); } }
@media (min-width: 1800px) { .support-site .support-card-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); } }
.support-site .support-card-grid .click-tile.support-card { --support-card-background: #fff; --support-card-border-color: rgba(0, 0, 0, 0.06); --support-card-color: #1f1f1f; --support-card-copy-color: rgba(0, 0, 0, 0.68); --support-card-accent-color: rgb(247, 148, 29); background: var(--support-card-background); border: 1px solid var(--support-card-border-color); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.035) 0px 10px 26px; color: var(--support-card-color); display: block; height: 100%; max-width: 100%; transform-origin: center center; transition: background 180ms, color 180ms, transform 180ms; will-change: transform; width: 100%; }
.support-site .support-card-grid .click-tile.support-card:hover, .support-site .support-card-grid .click-tile.support-card:focus-visible { background: var(--support-card-background); border-color: var(--support-card-border-color); box-shadow: none; color: var(--support-card-color); transform: scale(1.018); }
.support-site .support-card-grid .click-tile.support-card:focus-visible { outline: currentcolor solid 2px; outline-offset: 0.45rem; }
.support-site .support-card-grid .tile, .support-site .support-card-grid .page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-writer-top .support-site .support-card-grid .how-to-video-thumb, .support-site .support-card-grid .page-template-template-how-to-presenter-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .support-site .support-card-grid .how-to-video-thumb, .support-site .support-card-grid .page-template-template-how-to-101-article .how-to-article-banner-link, .page-template-template-how-to-101-article .support-site .support-card-grid .how-to-article-banner-link, .support-site .support-card-grid .page-template-template-how-to-101-article .how-to-home-grid-wrapper, .page-template-template-how-to-101-article .support-site .support-card-grid .how-to-home-grid-wrapper, .support-site .support-card-grid .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-101-article .support-site .support-card-grid .breakout-wrapper, .support-site .support-card-grid .page-template-template-how-to-presenter-top .how-to-article-banner-link, .page-template-template-how-to-presenter-top .support-site .support-card-grid .how-to-article-banner-link, .support-site .support-card-grid .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper, .page-template-template-how-to-presenter-top .support-site .support-card-grid .how-to-home-grid-wrapper, .support-site .support-card-grid .page-template-template-how-to-writer-top .how-to-article-banner-link, .page-template-template-how-to-writer-top .support-site .support-card-grid .how-to-article-banner-link, .support-site .support-card-grid .page-template-template-how-to-writer-top .how-to-home-grid-wrapper, .page-template-template-how-to-writer-top .support-site .support-card-grid .how-to-home-grid-wrapper { background: transparent; border-radius: inherit; box-shadow: none; color: inherit; box-sizing: border-box; height: 100%; overflow: visible; padding: 0.9rem 1rem 0.95rem; }
.support-site .support-card-grid .tile:hover, .support-site .support-card-grid .page-template-template-how-to-writer-top .how-to-video-thumb:hover, .page-template-template-how-to-writer-top .support-site .support-card-grid .how-to-video-thumb:hover, .support-site .support-card-grid .page-template-template-how-to-presenter-top .how-to-video-thumb:hover, .page-template-template-how-to-presenter-top .support-site .support-card-grid .how-to-video-thumb:hover, .support-site .support-card-grid .page-template-template-how-to-101-article .how-to-article-banner-link:hover, .page-template-template-how-to-101-article .support-site .support-card-grid .how-to-article-banner-link:hover, .support-site .support-card-grid .page-template-template-how-to-101-article .how-to-home-grid-wrapper:hover, .page-template-template-how-to-101-article .support-site .support-card-grid .how-to-home-grid-wrapper:hover, .support-site .support-card-grid .page-template-template-how-to-101-article .breakout-wrapper:hover, .page-template-template-how-to-101-article .support-site .support-card-grid .breakout-wrapper:hover, .support-site .support-card-grid .page-template-template-how-to-presenter-top .how-to-article-banner-link:hover, .page-template-template-how-to-presenter-top .support-site .support-card-grid .how-to-article-banner-link:hover, .support-site .support-card-grid .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper:hover, .page-template-template-how-to-presenter-top .support-site .support-card-grid .how-to-home-grid-wrapper:hover, .support-site .support-card-grid .page-template-template-how-to-writer-top .how-to-article-banner-link:hover, .page-template-template-how-to-writer-top .support-site .support-card-grid .how-to-article-banner-link:hover, .support-site .support-card-grid .page-template-template-how-to-writer-top .how-to-home-grid-wrapper:hover, .page-template-template-how-to-writer-top .support-site .support-card-grid .how-to-home-grid-wrapper:hover { box-shadow: none; color: inherit; }
.support-site .support-content .support-card-grid .tile h3, .support-site .support-content .support-card-grid .page-template-template-how-to-writer-top .how-to-video-thumb h3, .page-template-template-how-to-writer-top .support-site .support-content .support-card-grid .how-to-video-thumb h3, .support-site .support-content .support-card-grid .page-template-template-how-to-presenter-top .how-to-video-thumb h3, .page-template-template-how-to-presenter-top .support-site .support-content .support-card-grid .how-to-video-thumb h3, .support-site .support-content .support-card-grid .page-template-template-how-to-101-article .how-to-article-banner-link h3, .page-template-template-how-to-101-article .support-site .support-content .support-card-grid .how-to-article-banner-link h3, .support-site .support-content .support-card-grid .page-template-template-how-to-101-article .how-to-home-grid-wrapper h3, .page-template-template-how-to-101-article .support-site .support-content .support-card-grid .how-to-home-grid-wrapper h3, .support-site .support-content .support-card-grid .page-template-template-how-to-101-article .breakout-wrapper h3, .page-template-template-how-to-101-article .support-site .support-content .support-card-grid .breakout-wrapper h3, .support-site .support-content .support-card-grid .page-template-template-how-to-presenter-top .how-to-article-banner-link h3, .page-template-template-how-to-presenter-top .support-site .support-content .support-card-grid .how-to-article-banner-link h3, .support-site .support-content .support-card-grid .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-presenter-top .support-site .support-content .support-card-grid .how-to-home-grid-wrapper h3, .support-site .support-content .support-card-grid .page-template-template-how-to-writer-top .how-to-article-banner-link h3, .page-template-template-how-to-writer-top .support-site .support-content .support-card-grid .how-to-article-banner-link h3, .support-site .support-content .support-card-grid .page-template-template-how-to-writer-top .how-to-home-grid-wrapper h3, .page-template-template-how-to-writer-top .support-site .support-content .support-card-grid .how-to-home-grid-wrapper h3 { color: inherit; font-size: 18px; font-weight: 700; line-height: 1.22; margin: 0px 0px 0.28rem; text-align: left; }
.support-site .support-content .support-card-grid .tile p, .support-site .support-content .support-card-grid .page-template-template-how-to-writer-top .how-to-video-thumb p, .page-template-template-how-to-writer-top .support-site .support-content .support-card-grid .how-to-video-thumb p, .support-site .support-content .support-card-grid .page-template-template-how-to-presenter-top .how-to-video-thumb p, .page-template-template-how-to-presenter-top .support-site .support-content .support-card-grid .how-to-video-thumb p, .support-site .support-content .support-card-grid .page-template-template-how-to-101-article .how-to-article-banner-link p, .page-template-template-how-to-101-article .support-site .support-content .support-card-grid .how-to-article-banner-link p, .support-site .support-content .support-card-grid .page-template-template-how-to-101-article .how-to-home-grid-wrapper p, .page-template-template-how-to-101-article .support-site .support-content .support-card-grid .how-to-home-grid-wrapper p, .support-site .support-content .support-card-grid .page-template-template-how-to-101-article .breakout-wrapper p, .page-template-template-how-to-101-article .support-site .support-content .support-card-grid .breakout-wrapper p, .support-site .support-content .support-card-grid .page-template-template-how-to-presenter-top .how-to-article-banner-link p, .page-template-template-how-to-presenter-top .support-site .support-content .support-card-grid .how-to-article-banner-link p, .support-site .support-content .support-card-grid .page-template-template-how-to-presenter-top .how-to-home-grid-wrapper p, .page-template-template-how-to-presenter-top .support-site .support-content .support-card-grid .how-to-home-grid-wrapper p, .support-site .support-content .support-card-grid .page-template-template-how-to-writer-top .how-to-article-banner-link p, .page-template-template-how-to-writer-top .support-site .support-content .support-card-grid .how-to-article-banner-link p, .support-site .support-content .support-card-grid .page-template-template-how-to-writer-top .how-to-home-grid-wrapper p, .page-template-template-how-to-writer-top .support-site .support-content .support-card-grid .how-to-home-grid-wrapper p, .support-site .support-content .support-card-grid .tile p:last-of-type { color: var(--support-card-copy-color); font-size: 16px; line-height: 1.4; margin: 0px; max-width: 28rem; text-align: left; }
.support-site .support-nav { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; --support-tree-branch-offset: 0.5rem; --support-tree-branch-gap: 0.25rem; --support-tree-node-indent: calc(var(--support-tree-branch-offset) + 0.5rem); box-sizing: border-box; color: rgb(34, 34, 34); max-width: 100%; min-width: 0px; }
.support-site .support-nav__desktop { display: none; }
@media (min-width: 860px) { .support-site .support-nav__desktop { display: block; } }
.support-site .support-nav__disclosure { margin: 0px; }
.support-site .support-nav__disclosure[hidden] { display: none; }
@media (min-width: 860px) { .support-site .support-nav__disclosure { display: none; } }
.support-site .support-nav__panel { background: transparent; border: 0px; border-radius: 0px; box-shadow: none; box-sizing: border-box; margin-top: 0px; max-width: 100%; min-width: 0px; padding: 0.45rem 22px 0.8rem; position: relative; }
.support-site .support-nav__panel::after { background: rgba(0, 0, 0, 0.14); bottom: 0px; content: ""; height: 1px; left: calc(50% - 50vw); position: absolute; right: calc(50% - 50vw); }
@media (min-width: 416px) { .support-site .support-nav__panel { padding-left: 28px; padding-right: 28px; } }
@media (min-width: 512px) { .support-site .support-nav__panel { padding-left: 35px; padding-right: 35px; } }
@media (min-width: 860px) { .support-site .support-nav__panel { padding-left: 0px; padding-right: 0px; } }
@media (min-width: 860px) { .support-site .support-nav__panel { background: transparent; border: 0px; border-radius: 0px; box-shadow: none; margin-top: 0px; padding: 0px; } }
@media (min-width: 860px) { .support-site .support-nav__panel::after { content: none; } }
.support-site .support-nav__disclosure .support-nav__panel { max-height: min(70vh, 34rem); overscroll-behavior-y: none; overflow: hidden auto; }
.support-site .support-nav__disclosure .support-nav__panel::after { content: none; }
.support-site .support-nav__desktop .support-nav__panel { max-height: calc(-7rem + 100vh); overflow: hidden auto; padding-right: 0.35rem; }
.support-site .support-search__link { font-size: 0.9rem; line-height: 140%; }
.support-site .support-search__link { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-search__link { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-search__link { font-size: 15.2px; line-height: 165%; } }
.support-site .support-search__link { line-height: 1.25; }
.support-site .support-search__title { font-weight: normal; }
.support-site .support-search--page { margin: 0px auto; max-width: none; width: 100%; z-index: 1; }
.support-site .support-search--page .support-search__field { border-radius: 999px; min-height: 3rem; padding: 0.3rem 0.45rem 0.3rem 0.9rem; }
.support-site .support-search--page .support-search__icon { height: 1rem; margin-right: 0.65rem; width: 1rem; }
.support-site .support-search--page .support-search__clear { font-size: 1.45rem; height: 2.1rem; width: 2.1rem; }
.support-site .support-search--page .support-search__results { margin-top: 0.55rem; }
.support-site .support-search--page .support-search__link, .support-site .support-search--page .support-search__message { border-radius: 10px; padding: 0.7rem 0.85rem; }
.support-site .support-search--page .support-search__title { color: rgb(34, 34, 34); font-size: 1.05rem; font-weight: 700; }
.support-site .support-nav__root, .support-site .support-tree a { font-size: 0.9rem; line-height: 140%; }
.support-site .support-nav__root, .support-site .support-tree a { font-size: 13.5px; line-height: 155%; }
@media screen and (min-width: 560px) { .support-site .support-nav__root, .support-site .support-tree a { font-size: calc(12.7273px + 0.241477vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .support-site .support-nav__root, .support-site .support-tree a { font-size: 15.2px; line-height: 165%; } }
.support-site .support-nav__root, .support-site .support-tree a { border-radius: 8px; box-sizing: border-box; color: inherit; display: block; line-height: 1.25; max-width: 100%; min-width: 0px; hyphens: none; overflow-wrap: normal; padding: 0.25rem 0.58rem; text-decoration: none; word-break: normal; }
.support-site .support-nav__root, .support-site .support-tree a { font-size: 16px; }
.support-site .support-tree a { padding-left: 0.58rem; }
.support-site .support-nav__root { border-radius: 0px; }
.support-site .support-tree__row { align-items: center; display: grid; gap: 0.35rem; grid-template-columns: minmax(0px, 1fr) auto; max-width: 100%; min-width: 0px; }
.support-site .support-tree__row > a { min-width: 0px; }
.support-site .support-tree, .support-site .support-tree ul { box-sizing: border-box; list-style: none; margin: 0px; max-width: 100%; min-width: 0px; padding: 0px; }
.support-site .support-tree ul { margin-left: var(--support-tree-branch-offset); padding-left: var(--support-tree-branch-gap); }
.support-site .support-tree li { box-sizing: border-box; list-style: none; margin: 0.08rem 0px; max-width: 100%; min-width: 0px; text-indent: 0px; }
.support-site .support-tree li::before { content: none; }
.support-site .support-nav__desktop .support-nav__root.is-selected, .support-site .support-nav__desktop .support-nav__root.is-selected:hover { background: transparent; color: var(--support-accent-color); font-weight: 700; }
.support-site .support-nav__root:hover, .support-site .support-tree .support-tree__row > a:hover { background: rgba(0, 0, 0, 0.055); color: rgb(34, 34, 34); box-shadow: none; }
.support-site .support-nav__root.is-selected { animation: var(--support-nav-selected-animation); background: var(--support-nav-selected-background); color: var(--support-accent-color); }
.support-site .support-tree .is-selected > .support-tree__row > a { animation: auto ease 0s 1 normal none running none; background: transparent; color: var(--support-accent-color); font-weight: 700; }
.support-site .support-nav__root.is-selected:hover { background: var(--support-nav-selected-background); color: var(--support-accent-color); }
.support-site .support-tree .is-selected > .support-tree__row > a:hover { background: transparent; color: var(--support-accent-color); }
.support-site .support-tree__toc { box-sizing: border-box; margin: 0.08rem 0 0.08rem var(--support-tree-branch-offset); max-width: calc(100% - var(--support-tree-branch-offset)); min-width: 0px; padding-left: var(--support-tree-branch-gap); }
.support-site .support-tree__toc .support-toc__link { border-radius: 0px; color: rgba(34, 34, 34, 0.62); font-weight: 400; hyphens: none; overflow-wrap: normal; padding: 0.25rem 0 0.25rem calc(var(--support-tree-node-indent) - var(--support-tree-branch-offset) - var(--support-tree-branch-gap)); word-break: normal; }
.support-site .support-tree__toc .support-toc__link:hover, .support-site .support-tree__toc .support-toc__link:focus-visible { background: transparent; color: rgb(34, 34, 34); }
.support-site .support-tree__toc .support-toc__link.is-active { color: rgb(34, 34, 34); font-weight: 700; }
.support-site .support-tree__toc .support-toc__link.is-active::before { content: none; }
@media (max-width: 859px) { .support-site .support-nav__disclosure .support-nav__root, .support-site .support-nav__disclosure .support-tree a { font-size: 18px; line-height: 1.55; min-height: 44px; padding-bottom: 0.5rem; padding-top: 0.5rem; } }
.support-site.presenter-page .support-toc__link.is-active { color: rgb(240, 240, 240); }
.support-site.presenter-page .support-nav__root.is-selected, .support-site.presenter-page .support-nav__root.is-selected:hover { background: transparent; color: var(--support-accent-color); }
.support-site.presenter-page .support-tree .is-selected > .support-tree__row > a, .support-site.presenter-page .support-tree .is-selected > .support-tree__row > a:hover { background: transparent; color: var(--support-accent-color); }
@keyframes support-presenter-selected-background { 
  0% { background-color: rgba(247, 148, 29, 0.36); }
  22% { background-color: rgba(0, 0, 255, 0.36); }
  33% { background-color: rgba(111, 0, 255, 0.36); }
  44% { background-color: rgba(153, 0, 255, 0.36); }
  55% { background-color: rgba(204, 0, 255, 0.36); }
  66% { background-color: rgba(255, 0, 221, 0.36); }
  77% { background-color: rgba(255, 0, 149, 0.36); }
  88% { background-color: rgba(255, 0, 98, 0.36); }
  100% { background-color: rgba(255, 0, 25, 0.36); }
}
.page-template-template-writer.page .img-comp-container .img-comp-slider { background-color: rgb(247, 148, 29); opacity: 1; }
.page-template-template-writer.page .img-comp-container .img-comp-slider::after { background-color: rgb(247, 148, 29); }
.page-template-template-paywall h1 { margin-bottom: 1em; margin-top: 0.2em; text-align: center; }
.page-template-template-paywall .kick { font-weight: bold; letter-spacing: 0.5px; margin: 3em auto 0px; padding-bottom: 0px; padding-top: 2em; text-align: center; text-transform: uppercase; vertical-align: middle; width: auto; }
.page-template-template-paywall .kick + h2 { margin-bottom: 1em; margin-top: 0.2em; }
.page-template-template-paywall .tellme { margin-bottom: 0em; margin-top: 3em; text-align: center; }
.tight-wrapper { align-items: stretch; display: grid; gap: 0.5em; grid-template-columns: repeat(3, 1fr); margin: 3em auto; max-width: 1024px; }
.easy-wrapper { align-items: stretch; display: grid; gap: 2em; grid-template-columns: repeat(3, 1fr); margin: 4em auto 6em; max-width: 1024px; }
@media (max-width: 720px) { .easy-wrapper { grid-template-columns: 1fr; } }
@media (min-width: 721px) and (max-width: 1100px) { .easy-wrapper { grid-template-columns: 1fr 1fr; } }
.easy-wrapper .action { margin-top: 1em; }
.smooth-wrapper { align-items: stretch; display: grid; gap: 2em; grid-template-columns: repeat(2, 1fr); margin: 1em auto; max-width: 1024px; }
@media (max-width: 720px) { .smooth-wrapper { grid-template-columns: 1fr; } }
@media (min-width: 721px) and (max-width: 1100px) { .smooth-wrapper { grid-template-columns: 1fr 1fr; } }
.smooth-wrapper h3 { line-height: 145%; margin-bottom: 0.25em; margin-top: 0px; }
.smooth-wrapper p, .smooth-wrapper h3 + p { margin-bottom: 0.5em; margin-top: 0.5em; }
.smooth-wrapper h2 { margin-top: 0px; vertical-align: top; }
ul { margin-bottom: 1.25em; margin-top: 1.25em; }
.two-columns-always { grid-column: span 2; }
.ace { align-items: center; border-radius: 11px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 0px, rgba(0, 0, 0, 0.05) 0px 0px 15px 0px, rgba(0, 0, 0, 0.05) 0px 0px 20px 0px, rgba(0, 0, 0, 0.05) 0px 0px 25px 0px; display: block; height: auto; justify-content: center; line-height: 135%; text-align: center; text-decoration: none; width: 100%; z-index: 5; }
@media (max-width: 512px) { .ace { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 7px 0px, rgba(0, 0, 0, 0.05) 0px 0px 12px 0px, rgba(0, 0, 0, 0.05) 0px 0px 17px 0px, rgba(0, 0, 0, 0.05) 0px 0px 22px 0px; } }
.ace h3 { letter-spacing: 0.5px; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; text-transform: uppercase; vertical-align: middle; width: auto; }
.ace p { line-height: 150%; margin-bottom: 1em; margin-left: 1em; padding-left: 1em; padding-right: 1em; text-align: left; width: 100%; }
.ace h4 { margin-left: auto; margin-right: auto; margin-top: 0.2em; text-align: center; width: auto; }
.ace .currency { vertical-align: middle; }
.ace .action { display: inline-block; background-color: transparent; border: 1.5px solid white; margin: 1.5em auto; padding-left: 1.5em; padding-right: 1.5em; width: unset; }
a.ace { color: white; text-decoration: none; width: 100%; }
a.ace:hover, .ace a:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 7px 0px, rgba(0, 0, 0, 0.05) 0px 0px 12px 0px, rgba(0, 0, 0, 0.05) 0px 0px 17px 0px, rgba(0, 0, 0, 0.05) 0px 0px 22px 0px; color: white; transform: scale(0.95); }
a.ace, .ace a { transition: transform 0.3s ease-in-out; }
img.buynow { display: inline; height: 1.5em; margin-bottom: 2em; margin-top: 1em; right: 0.5em; width: 1.5em; z-index: 10; }
img.actionnow { display: inline; height: 1.4em; margin-bottom: 0px; margin-top: 0px; right: 0.5em; vertical-align: top; width: auto; z-index: 10; }
h3 + p.buyer { line-height: 150%; margin-bottom: 0.5em; margin-top: 0px; padding-top: 0.25em; }
img.h3-icon { height: 1.5em; margin: 0px auto 0.5em 0px; width: auto; }
.presenter-page img.h3-icon, img.buynow, .presenter-page img.toc-icon { filter: invert(1); }
h3.bfaq { margin-top: 3em; }
img.h3-icon + h3.bfaq { margin-top: 0.5em; padding-top: 0px; }
.support-feature + .container { margin-top: 2em; }
.page-template-template-account-checkout-paywall .account-checkout-pricing-header { margin: 0px auto 2.5rem; max-width: 32rem; padding-top: 2.75rem; text-align: center; }
.page-template-template-account-checkout-paywall .account-checkout-pricing-header h1 { color: rgb(34, 34, 34); margin-bottom: 0px; }
.page-template-template-account-checkout-paywall .account-checkout-pricing-kick { align-items: center; gap: 0.5rem; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 100%; display: flex !important; }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .account-checkout-pricing-header { margin-bottom: 2rem; padding-top: 2rem; } }
.page-template-template-account-checkout-paywall .paywall__pricing { display: none; }
.page-template-template-account-checkout-paywall .paywall__pricing.active { display: block; }
.page-template-template-account-checkout-paywall .paywall__pricing .paywall__free-trial.download-card { box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 18px, rgba(0, 0, 0, 0.05) 0px 18px 36px; margin: 0px; max-width: none; }
.page-template-template-account-checkout-paywall .paywall__pricing--store .tight-wrapper { margin-top: 0px; }
.page-template-template-account-checkout-paywall .paywall__store-card { align-items: center; color: white; display: flex; flex-direction: column; gap: 0.85rem; justify-content: space-between; text-align: center; }
.page-template-template-account-checkout-paywall .paywall__store-card h3, .page-template-template-account-checkout-paywall .paywall__store-card p { color: inherit; margin: 0px; }
.page-template-template-account-checkout-paywall .paywall__store-card img.app-store-badge { display: block; height: 2.4rem; margin: 0.75rem auto 0px; max-width: 100%; object-fit: contain; width: auto; }
.page-template-template-account-checkout-paywall .paywall__store-note { font-size: 0.56rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.25; opacity: 0.58; text-align: center; width: 100%; }
.page-template-template-account-checkout-paywall .paywall__store-card > .paywall__store-note { margin-top: 0.35rem; }
.page-template-template-account-checkout-paywall .paywall__store-note + .paywall__store-visual { margin-top: 0.6rem; }
.page-template-template-account-checkout-paywall .paywall__store-requirement { display: block; font-family: "QTES Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.54rem; font-style: normal; font-weight: 400; line-height: 1.2; margin-top: 0.6rem; opacity: 0.54; white-space: nowrap; }
.page-template-template-account-checkout-paywall .paywall__ace.paywall__ace-link.paywall__store-card { color: white; }
.page-template-template-account-checkout-paywall.writer-page .paywall__ace.paywall__ace-link.paywall__store-card { background: rgb(247, 247, 247); border-color: transparent; color: rgb(34, 34, 34); }
.page-template-template-account-checkout-paywall .paywall__store-visual { align-items: center; display: flex; height: 8rem; justify-content: center; width: 100%; }
.page-template-template-account-checkout-paywall .paywall__store-visual img { display: block; max-height: 100%; max-width: 100%; object-fit: contain; }
.page-template-template-account-checkout-paywall .account-checkout-paywall { margin-left: auto; margin-right: auto; max-width: 68rem; }
.page-template-template-account-checkout-paywall .account-checkout-paywall > h2, .page-template-template-account-checkout-paywall .account-checkout-paywall > .smooth-wrapper > h2 { font-size: clamp(36px, 3.5vw, 50px); font-weight: 700; line-height: 1.08; text-wrap: pretty; }
.page-template-template-account-checkout-paywall .account-checkout-newsletter { margin-left: auto; margin-right: auto; max-width: 1024px; }
.page-template-template-account-checkout-paywall .tight-wrapper { align-items: stretch; gap: 0.75em; grid-template-columns: repeat(6, minmax(0px, 1fr)); margin: 3.25em auto 3em; }
.page-template-template-account-checkout-paywall .paywall__ace { background: rgb(27, 27, 27); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 18px, rgba(0, 0, 0, 0.05) 0px 18px 36px; color: white; min-width: 0px; overflow: visible; padding: 1.55em 1.35em 1.35em; }
.page-template-template-account-checkout-paywall .paywall__ace .action { align-items: center; background: white; border: 0px; border-radius: 999px; box-sizing: border-box; color: black; display: inline-flex; font-size: 0.95rem; font-weight: 700; justify-content: center; letter-spacing: 0.02em; line-height: 1; margin-top: 1rem; max-width: 100%; min-width: 6.75rem; padding: 0.9rem 1.4rem 0.82rem; text-transform: uppercase; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action { box-sizing: border-box; gap: 0px; margin-bottom: 0.9rem; max-width: 100%; min-width: min(8.5rem, 100%); padding-bottom: 0.7rem; padding-top: 0.75rem; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price { display: contents; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action .price-whole { font-size: 1.45rem; font-weight: 800; line-height: 1; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action .currency, .page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action .price-decimal, .page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action .price-fraction, .page-template-template-account-checkout-paywall .paywall__ace .paywall__price-suffix { align-self: center; line-height: 1; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action .currency { margin-right: 0.22rem; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action + .paywall__billing-note { margin-top: 0px; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__price-suffix { font-size: 0.58rem; font-weight: 800; letter-spacing: 0.12em; line-height: 1; margin-left: 0.4rem; padding-top: 0px; }
.page-template-template-account-checkout-paywall .paywall__ace.paywall__ace-link { color: inherit; cursor: pointer; display: block; text-decoration: none; transition: transform 0.24s, box-shadow 0.24s; }
.page-template-template-account-checkout-paywall .paywall__ace.paywall__ace-link:hover, .page-template-template-account-checkout-paywall .paywall__ace.paywall__ace-link:focus-visible { transform: scale(1.02); }
.page-template-template-account-checkout-paywall .paywall__ace.paywall__ace-link:active { transform: scale(1.01); }
.page-template-template-account-checkout-paywall .paywall__ace h2, .page-template-template-account-checkout-paywall .paywall__ace h3, .page-template-template-account-checkout-paywall .paywall__ace h4, .page-template-template-account-checkout-paywall .paywall__ace p, .page-template-template-account-checkout-paywall .paywall__ace li, .page-template-template-account-checkout-paywall .paywall__ace label, .page-template-template-account-checkout-paywall .paywall__ace span { color: inherit; }
.page-template-template-account-checkout-paywall .paywall__ace h3 { letter-spacing: 0.045em; line-height: 1.3; margin-top: 0.35rem; }
.page-template-template-account-checkout-paywall .paywall__ace > h3:first-of-type, .page-template-template-account-checkout-paywall .paywall__ace .paywall__label + h3 { font-size: 1.08rem; font-weight: 800; letter-spacing: 0.03em; line-height: 1.2; margin-top: 0px; text-transform: none; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__feature-label { align-items: center; column-gap: 0.38rem; display: inline-grid; grid-template-columns: 1.15rem minmax(0px, 1fr); }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__feature-label::before { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; flex: 0 0 auto; height: 0.56rem; justify-self: center; opacity: 0.82; width: 0.72rem; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__feature-label--mac::before {  filter: brightness(0) invert(1); height: 0.74rem; width: 0.96rem; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__feature-label--iphone::before {  filter: brightness(0) invert(1); height: 1rem; width: 1rem; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__feature-label--windows::before {  filter: brightness(0) invert(1); height: 0.84rem; width: 0.84rem; }
.page-template-template-account-checkout-paywall .paywall__free-trial.paywall__ace:not(.download-card) { background: rgb(27, 27, 27); border: 1px dashed rgba(255, 255, 255, 0.18); justify-content: center; overflow: visible; position: relative; }
.page-template-template-account-checkout-paywall .paywall__free-trial.paywall__ace:not(.download-card)::before { color: rgba(255, 255, 255, 0.42); content: "✂︎"; font-family: "SF Pro Text", "Helvetica Neue", sans-serif; font-size: 1rem; left: -0.48rem; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%) rotate(-90deg); }
.page-template-template-account-checkout-paywall .paywall__free-trial.paywall__ace:not(.download-card) > * { position: relative; z-index: 1; }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time { --writer-pricing-value-column: max-content; background: rgb(247, 247, 247); border-color: transparent; box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 18px, rgba(0, 0, 0, 0.05) 0px 18px 36px, rgba(0, 0, 0, 0.075) 0px 0px 0px 1px; color: rgb(34, 34, 34); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist { align-content: start; height: var(--writer-pricing-detail-height); margin-bottom: 2rem; margin-top: 2.45rem; }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist label { grid-template-columns: minmax(0, 1fr) 2rem var(--writer-pricing-value-column); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist .paywall__device-row { grid-template-columns: minmax(0, 1fr) var(--writer-pricing-value-column); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__feature-label::before { filter: none; opacity: 1; }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time > h3:first-of-type { margin-top: 0.35rem; }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist h3:last-child, .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-status, .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-row--muted, .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__billing-note { color: rgba(0, 0, 0, 0.58); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist label:has(input:checked) h3:last-child { color: rgb(34, 34, 34); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__price-action { background: rgb(247, 148, 29); color: white; transition: transform 0.24s; }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__price-action:hover, .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__price-action:focus-visible, .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__price-action:focus { transform: scale(1.02); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__price-action:active { transform: scale(1.01); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__switch { background: rgba(0, 0, 0, 0.82); }
.page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist input[type="checkbox"]:checked + .paywall__switch { background: rgb(247, 148, 29); }
.page-template-template-account-checkout-paywall.writer-page .paywall__ace.paywall__ace-link.paywall__store-card { box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 18px, rgba(0, 0, 0, 0.05) 0px 18px 36px, rgba(0, 0, 0, 0.075) 0px 0px 0px 1px; }
.page-template-template-account-checkout-paywall.writer-page .easy-wrapper .action, .page-template-template-account-checkout-paywall.writer-page .smooth-wrapper .action { animation: auto ease 0s 1 normal none running none; background: rgb(247, 148, 29); border-color: rgb(247, 148, 29); color: rgb(240, 240, 240); }
.page-template-template-account-checkout-paywall.writer-page .easy-wrapper .action:hover, .page-template-template-account-checkout-paywall.writer-page .easy-wrapper .action:focus, .page-template-template-account-checkout-paywall.writer-page .easy-wrapper .action:focus-visible, .page-template-template-account-checkout-paywall.writer-page .smooth-wrapper .action:hover, .page-template-template-account-checkout-paywall.writer-page .smooth-wrapper .action:focus, .page-template-template-account-checkout-paywall.writer-page .smooth-wrapper .action:focus-visible, .page-template-template-account-checkout-paywall.writer-page .easy-wrapper .action:active, .page-template-template-account-checkout-paywall.writer-page .smooth-wrapper .action:active { background: rgb(247, 148, 29); border-color: rgb(247, 148, 29); color: rgb(240, 240, 240); }
.page-template-template-account-checkout-paywall .easy-wrapper .action, .page-template-template-account-checkout-paywall .smooth-wrapper .action { align-items: center; color: rgb(240, 240, 240); display: inline-flex; gap: 0.38rem; max-width: 100%; min-width: 0px; transition: transform 0.24s; width: auto; }
.page-template-template-account-checkout-paywall .easy-wrapper .action:hover, .page-template-template-account-checkout-paywall .easy-wrapper .action:focus, .page-template-template-account-checkout-paywall .easy-wrapper .action:focus-visible, .page-template-template-account-checkout-paywall .smooth-wrapper .action:hover, .page-template-template-account-checkout-paywall .smooth-wrapper .action:focus, .page-template-template-account-checkout-paywall .smooth-wrapper .action:focus-visible { color: rgb(240, 240, 240); transform: scale(1.02); }
.page-template-template-account-checkout-paywall .easy-wrapper .action:active, .page-template-template-account-checkout-paywall .smooth-wrapper .action:active { color: rgb(240, 240, 240); transform: scale(1.01); }
.page-template-template-account-checkout-paywall .paywall__pricing.individual .paywall__ace:not(.paywall__free-trial) { background: linear-gradient(135deg, rgb(151, 60, 255) 0%, rgb(94, 20, 197) 100%); }
.page-template-template-account-checkout-paywall .paywall__pricing.individual .paywall__ace.one-time { background: rgb(71, 0, 136); }
.page-template-template-account-checkout-paywall .paywall__pricing.individual .paywall__ace.monthly, .page-template-template-account-checkout-paywall .paywall__pricing.individual .paywall__ace.quarterly, .page-template-template-account-checkout-paywall .paywall__pricing.individual .paywall__ace.yearly, .page-template-template-account-checkout-paywall .paywall__pricing.individual .paywall__ace.one-time, .page-template-template-account-checkout-paywall .paywall__pricing.business .paywall__ace.monthly, .page-template-template-account-checkout-paywall .paywall__pricing.business .paywall__ace.yearly, .page-template-template-account-checkout-paywall .paywall__pricing.education .paywall__ace.monthly { position: relative; }
.page-template-template-account-checkout-paywall .paywall__ace .paywall__billing-note { color: rgba(255, 255, 255, 0.72); font-size: 0.56rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.25; margin-bottom: 0px; margin-top: 0.4rem; }
.page-template-template-account-checkout-paywall .paywall__device-checklist { display: grid; font-size: 0.79rem; font-weight: 600; gap: 0.45rem; margin: 1.15rem auto 1.4rem; max-width: 14.5rem; width: 100%; }
@media (min-width: 900px) { .page-template-template-account-checkout-paywall .two-columns-always { grid-column: span 2; } }
@media (min-width: 900px) { .page-template-template-account-checkout-paywall .three-columns-always { grid-column: span 3; } }
@media (min-width: 900px) { .page-template-template-account-checkout-paywall .four-columns-always { grid-column: span 4; } }
@media (min-width: 900px) { .page-template-template-account-checkout-paywall .paywall__pricing.individual .tight-wrapper { grid-template-areas: "monthly monthly yearly yearly one-time one-time" "trial trial trial trial sharing sharing"; } }
@media (min-width: 900px) { .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .tight-wrapper { grid-template-areas: "trial trial trial one-time one-time one-time"; } }
@media (max-width: 899px) { html:has(.page-template-template-account-checkout-paywall) { overflow-x: hidden; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .tight-wrapper { gap: 0.6em; margin-top: 2.25em; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .six-columns-always-mobile { grid-column: span 6; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__pricing.individual .tight-wrapper { grid-template-areas: "trial trial trial trial trial trial" "monthly monthly monthly yearly yearly yearly" "one-time one-time one-time one-time one-time one-time" "sharing sharing sharing sharing sharing sharing"; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .tight-wrapper { grid-template-areas: "trial trial trial trial trial trial" "one-time one-time one-time one-time one-time one-time"; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__ace { padding: 1.15em 1em 1.05em; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__ace .action { min-width: 0px; width: 100%; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__ace .paywall__price-action { width: auto; } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist { max-width: min(100%, 18rem); } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist label { grid-template-columns: minmax(0, 1fr) 2rem var(--writer-pricing-value-column); } }
@media (max-width: 899px) { .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .paywall__ace.one-time .paywall__device-checklist .paywall__device-row { grid-template-columns: minmax(0, 1fr) var(--writer-pricing-value-column); } }
@media (max-width: 520px) { .page-template-template-account-checkout-paywall .paywall__pricing.paywall__pricing--writer.individual .tight-wrapper { grid-template-areas: "trial trial trial trial trial trial" "one-time one-time one-time one-time one-time one-time"; } }
@media (max-width: 520px) { .page-template-template-account-checkout-paywall .paywall__pricing.individual .tight-wrapper { grid-template-areas: "trial trial trial trial trial trial" "monthly monthly monthly monthly monthly monthly" "yearly yearly yearly yearly yearly yearly" "one-time one-time one-time one-time one-time one-time" "sharing sharing sharing sharing sharing sharing"; } }
.page-template-template-account-checkout-paywall .paywall__pricing .paywall__ace.one-time { grid-area: one-time; }
.page-template-template-account-checkout-paywall .paywall__pricing .paywall__free-trial { grid-area: trial; }
.page-template-template-account-checkout-paywall .paywall__device-checklist label, .page-template-template-account-checkout-paywall .paywall__device-row { align-items: center; display: grid; gap: 0.42rem; grid-template-columns: minmax(0px, 1fr) max-content; justify-content: space-between; }
.page-template-template-account-checkout-paywall .paywall__device-checklist label { grid-template-columns: minmax(0px, 1fr) 2rem max-content; }
.page-template-template-account-checkout-paywall .paywall__device-name, .page-template-template-account-checkout-paywall .paywall__device-checklist h3, .page-template-template-account-checkout-paywall .paywall__device-status { line-height: 1.15; margin: 0px; min-width: 0px; text-align: left; }
.page-template-template-account-checkout-paywall .paywall__device-checklist h3:last-child, .page-template-template-account-checkout-paywall .paywall__device-status { font-size: 0.72rem; font-weight: 700; justify-self: end; letter-spacing: 0.02em; margin: 0px; text-align: right; }
.page-template-template-account-checkout-paywall .paywall__device-checklist h3:last-child { white-space: nowrap; }
.page-template-template-account-checkout-paywall .paywall__device-checklist h3:last-child, .page-template-template-account-checkout-paywall .paywall__device-status, .page-template-template-account-checkout-paywall .paywall__device-row--muted { color: rgba(255, 255, 255, 0.72); }
.page-template-template-account-checkout-paywall .paywall__device-checklist h3 .currency { font-size: 1em; margin-right: 0.12em; }
.page-template-template-account-checkout-paywall .paywall__device-checklist label.disabled .paywall__feature-label::before, .page-template-template-account-checkout-paywall .paywall__device-row--muted .paywall__feature-label::before { opacity: 0.45; }
.page-template-template-account-checkout-paywall .paywall__device-checklist input[type="checkbox"] { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.page-template-template-account-checkout-paywall .paywall__switch { background: rgba(255, 255, 255, 0.22); border-radius: 999px; display: inline-flex; height: 0.9rem; justify-self: end; position: relative; transition: background-color 0.2s; width: 2rem; }
.page-template-template-account-checkout-paywall .paywall__switch::after { background: rgba(255, 255, 255, 0.92); border-radius: 50%; content: ""; height: 0.78rem; left: 0.06rem; position: absolute; top: 0.06rem; transition: transform 0.2s; width: 0.78rem; }
.page-template-template-account-checkout-paywall .paywall__device-checklist input[type="checkbox"]:checked + .paywall__switch { background: rgba(255, 255, 255, 0.62); }
.page-template-template-account-checkout-paywall .paywall__device-checklist input[type="checkbox"]:checked + .paywall__switch::after { transform: translateX(1.1rem); }
.page-template-template-account-checkout-paywall .paywall__device-checklist input[type="checkbox"]:disabled + .paywall__switch { cursor: not-allowed; }
.awards { display: flex; justify-content: flex-start; flex-direction: row; width: 100%; gap: 1rem; margin: auto; max-width: 1024px; padding-bottom: 0.25em; padding-left: 22px; padding-right: 22px; text-align: left; }
@media (min-width: 416px) { .awards { padding-left: 28px; padding-right: 28px; } }
@media (min-width: 512px) { .awards { padding-left: 35px; padding-right: 35px; } }
@media (min-width: 768px) { .awards { padding-left: 45px; padding-right: 45px; } }
@media (min-width: 1040px) { .awards { padding-left: 55px; padding-right: 55px; } }
@media (min-width: 1126px) { .awards { padding-left: 0px; padding-right: 0px; } }
.awards > a, .awards > div { display: block; flex: 0 0 auto; }
.awards img { height: 100px; width: auto; object-fit: contain; }
.awards > [href="/topics/idea-gold"], .awards > [href="/topics/idea-gold"] img { height: 110px; align-self: center; }
.awards > [href="/topics/idea-gold"] { margin-right: -1rem; }
.awards > [href="/topics/paper-alchemy-the-making-of-ia-notebook"], .awards > [href="/topics/paper-alchemy-the-making-of-ia-notebook"] img { height: 75px; align-self: center; }
@media (max-width: 512px) { .awards { gap: 0.5rem; } }
@media (max-width: 512px) { .awards img { height: 72px; } }
@media (max-width: 512px) { .awards > [href="/topics/idea-gold"], .awards > [href="/topics/idea-gold"] img { height: 78px; } }
@media (max-width: 512px) { .awards > [href="/topics/idea-gold"] { margin-right: -0.5rem; } }
@media (max-width: 512px) { .awards > [href="/topics/paper-alchemy-the-making-of-ia-notebook"], .awards > [href="/topics/paper-alchemy-the-making-of-ia-notebook"] img { height: 54px; } }
.reddot-footer > .awards { padding-left: 0px; }
.page-template-template-how-to-writer-top { --item-opened-height: 400px; --item-collapsed-height: auto; --animation-duration: 260ms; --list-item-image-height: 306px; --how-to-body-text: 0.9rem; }
@media (min-width: 991px) { .page-template-template-how-to-writer-top { --item-collapsed-height: 110px; --card-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.05),
      0px 0px 15px 0 rgba(0, 0, 0, 0.05), 0px 0px 20px 0 rgba(0, 0, 0, 0.05),
      0px 0px 25px 0 rgba(0, 0, 0, 0.05); } }
@media (min-width: 768px) and (max-width: 990px) { .page-template-template-how-to-writer-top { --item-collapsed-height: calc(1.2vw + (45px * 2)); } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top { --card-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1),
      0px 0px 10px 0 rgba(0, 0, 0, 0.1); } }
.page-template-template-how-to-writer-top .how-to-home-grid-wrapper { display: grid; grid-template-columns: 1fr; }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-home-grid-wrapper { padding: 0px 1rem; } }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-home-grid-wrapper:hover { box-shadow: var(--card-shadow); } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-home-grid-wrapper { background-color: transparent; box-shadow: none; gap: 1rem; padding: 0px; } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-home-grid-wrapper:hover { box-shadow: none; } }
.page-template-template-how-to-writer-top .how-to-article-banner-link { overflow: hidden; text-decoration: none; transition: var(--animation-duration) !important; }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-article-banner-link { background-color: transparent; border-bottom: 1px solid rgb(223, 223, 223); border-top-color: rgb(223, 223, 223); border-right-color: rgb(223, 223, 223); border-left-color: rgb(223, 223, 223); border-radius: 0px; box-shadow: none; height: var(--item-collapsed-height); margin: 0px; padding: 0px; } }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-article-banner-link:hover { box-shadow: none !important; height: var(--item-opened-height); } }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-article-banner-link:first-child.initiate-auto-open:not(.disable-auto-open) { animation: open var(--animation-duration) 400ms cubic-bezier(0.05, 0.81, 0.43, 1) forwards; } }
@media (min-width: 768px) { @keyframes open { 
  0% { min-height: var(--item-collapsed-height); }
  100% { min-height: var(--item-opened-height); }
} }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-article-banner-link:first-child.initiate-auto-open.disable-auto-open { animation: close var(--animation-duration) 0ms cubic-bezier(0.05, 0.81, 0.43, 1) forwards; min-height: var(--item-opened-height); } }
@media (min-width: 768px) { @keyframes close { 
  0% { min-height: var(--item-opened-height); }
  100% { min-height: var(--item-collapsed-height); }
} }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-article-banner-link .featured-image > img { height: var(--list-item-image-height); } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-article-banner-link { box-shadow: var(--card-shadow); } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-article-banner-link:hover { box-shadow: var(--card-shadow) !important; } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-article-banner-link .how-to-article-banner { margin: 0.2rem 1rem 0px 0.6rem; } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-article-banner-link .featured-image > img { height: initial; margin-top: 1rem; } }
.page-template-template-how-to-writer-top .how-to-article-banner-link:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.page-template-template-how-to-writer-top .how-to-article-banner { display: grid; grid-template-columns: 3.3rem 10fr; position: relative; }
.page-template-template-how-to-writer-top .how-to-article-banner .how-to-article-data { margin-left: 0px; margin-right: auto; }
.page-template-template-how-to-writer-top .how-to-article-number { color: rgb(247, 148, 29); font-family: "QTES Mono"; font-size: 3rem; height: 100%; margin-left: 0.4rem; }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .how-to-article-number { line-height: 1; margin-left: 0.6rem; margin-top: 0.7rem; } }
.page-template-template-how-to-writer-top .how-to-article-title { font-size: var(--how-to-body-text); font-weight: bold; margin-top: 1rem; }
.page-template-template-how-to-writer-top .how-to-article-excerpt { font-size: var(--how-to-body-text); margin-top: 0px; }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-article-excerpt { white-space: nowrap; } }
.page-template-template-how-to-writer-top .time-icons { align-items: center; color: rgb(127, 127, 127); display: flex; flex-direction: row; justify-content: center; margin-right: 0.4rem; margin-top: 1.3rem; }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .time-icons { position: absolute; right: 0px; } }
@media (max-width: 767px) { .page-template-template-how-to-writer-top .time-icons { grid-column: 2; justify-content: flex-start; margin-right: initial; margin-top: 0.7rem; } }
.page-template-template-how-to-writer-top .time-icons > span { align-items: center; display: flex; line-height: 1; }
.page-template-template-how-to-writer-top .time-icons > span img { align-items: center; display: inline-block; margin-bottom: 0.05rem; opacity: 0.5; }
.page-template-template-how-to-writer-top .featured-image > img { animation: auto ease 0s 1 normal none running none; object-fit: contain; object-position: center bottom; }
.page-template-template-how-to-writer-top .action { margin-left: auto; margin-right: auto; }
.page-template-template-how-to-writer-top .how-to.container .blurb h1, .page-template-template-how-to-writer-top .how-to.container .blurb h2, .page-template-template-how-to-writer-top .how-to.container .blurb h3, .page-template-template-how-to-writer-top .how-to.container .blurb h4, .page-template-template-how-to-writer-top .how-to.container .blurb h5 { margin-left: auto; margin-right: auto; margin-top: 3rem; max-width: 1024px; text-align: center; }
.page-template-template-how-to-writer-top .how-to.container .blurb p { max-width: 60%; text-align: center; }
.page-template-template-how-to-writer-top .how-to.container .blurb p:last-of-type { margin-bottom: 3rem; }
@media (min-width: 768px) { .page-template-template-how-to-presenter-top .how-to-article-banner-link:first-child.initiate-auto-open:not(.disable-auto-open) { animation: open var(--animation-duration) 400ms cubic-bezier(0.05, 0.81, 0.43, 1) forwards; } }
@media (min-width: 768px) { .page-template-template-how-to-presenter-top .how-to-article-banner-link:first-child.initiate-auto-open.disable-auto-open { animation: close var(--animation-duration) 0ms cubic-bezier(0.05, 0.81, 0.43, 1) forwards; min-height: var(--item-opened-height); } }
.page-template-template-how-to-101-article { --item-opened-height: 400px; --item-collapsed-height: auto; --animation-duration: 260ms; --list-item-image-height: 306px; --how-to-body-text: 0.9rem; }
@media (min-width: 991px) { .page-template-template-how-to-101-article { --item-collapsed-height: 110px; --card-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.05),
      0px 0px 15px 0 rgba(0, 0, 0, 0.05), 0px 0px 20px 0 rgba(0, 0, 0, 0.05),
      0px 0px 25px 0 rgba(0, 0, 0, 0.05); } }
@media (min-width: 768px) and (max-width: 990px) { .page-template-template-how-to-101-article { --item-collapsed-height: calc(1.2vw + (45px * 2)); } }
@media (max-width: 767px) { .page-template-template-how-to-101-article { --card-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1),
      0px 0px 10px 0 rgba(0, 0, 0, 0.1); } }
.page-template-template-how-to-101-article .container:not(.reddot-footer) { max-width: 750px; }
.page-template-template-how-to-101-article .how-to-nav-grid-wrapper { display: grid; gap: 2px; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); justify-items: center; }
.page-template-template-how-to-101-article .arrow { justify-content: center; margin-left: 0.5rem; margin-right: 0.5rem; }
.page-template-template-how-to-101-article .arrow a, .page-template-template-how-to-101-article .arrow span { margin-left: 0px; }
.page-template-template-how-to-101-article .arrow.disabled { color: rgb(127, 127, 127); }
.page-template-template-how-to-101-article .label { grid-column: 2 / 3; text-align: center; }
.page-template-template-how-to-101-article .progress-bar-container { grid-column: 2 / 3; text-align: center; width: 100%; }
.page-template-template-how-to-101-article .progress-bar { border-radius: 15px; width: 100%; background-color: rgb(219, 219, 219) !important; }
.page-template-template-how-to-101-article .progress-bar-fill { background-color: rgb(247, 148, 29); border-bottom-left-radius: 15px; border-top-left-radius: 15px; height: 2px; transition: width 0.4s; width: 0px; }
.page-template-template-how-to-101-article p, .page-template-template-how-to-101-article li, .page-template-template-how-to-101-article blockquote, .page-template-template-how-to-101-article code { font-family: "QTES Mono"; text-align: left; }
.page-template-template-how-to-101-article h1:has(+ h1) { color: rgb(247, 148, 29); font-size: 0.8rem; padding-left: 0px; padding-top: 2rem; text-align: left; }
.page-template-template-how-to-101-article h1 + h1 { font-size: 2rem; margin-bottom: 1.5rem; margin-top: 0.2rem; padding-left: 0px; text-align: left; }
.page-template-template-how-to-101-article h2 { font-size: 1.56rem; padding-left: 0px; text-align: left; }
.page-template-template-how-to-101-article figcaption { color: rgb(127, 127, 127); margin-left: auto; margin-right: auto; margin-top: 1rem; top: 0px; }
.page-template-template-how-to-101-article figure.single figcaption { text-align: center; }
.page-template-template-how-to-101-article figure + p, .page-template-template-how-to-101-article figure + h1, .page-template-template-how-to-101-article figure + h2, .page-template-template-how-to-101-article figure + h3, .page-template-template-how-to-101-article figure + h4, .page-template-template-how-to-101-article figure + h5, .page-template-template-how-to-101-article figure + h6, .page-template-template-how-to-101-article figure + ol, .page-template-template-how-to-101-article figure + ul, .page-template-template-how-to-101-article figure + blockquote, .page-template-template-how-to-101-article figure + hr { clear: both; }
.page-template-template-how-to-101-article .metadata { display: grid; gap: 0.2rem 0.6rem; grid-template-columns: max-content 1fr; line-height: 1.1rem; margin-top: 1rem; }
.page-template-template-how-to-101-article figcaption, .page-template-template-how-to-101-article .metadata { font-size: 0.7rem; }
.page-template-template-how-to-101-article .metadata-label { font-weight: bold; }
.page-template-template-how-to-101-article .metadata + p { margin-top: 2rem; }
.page-template-template-how-to-101-article .container:not(.reddot-footer) img { display: block; height: auto; margin-left: 50%; max-width: 1044px; transform: translateX(-50%); }
.page-template-template-how-to-101-article .breakout-wrapper { left: calc(50% - 512px); margin: 2rem auto; max-width: 1044px; position: relative; width: 1044px; }
@media (min-width: 768px) { .page-template-template-how-to-101-article .breakout-wrapper { padding: 0px 1rem; } }
@media (min-width: 768px) { .page-template-template-how-to-101-article .breakout-wrapper:hover { box-shadow: var(--card-shadow); } }
@media (max-width: 767px) { .page-template-template-how-to-101-article .breakout-wrapper { background-color: transparent; gap: 1rem; padding: 0px; } }
.page-template-template-how-to-101-article .youtube-wrapper, .page-template-template-how-to-101-article .videoboxone { left: calc(50% - 512px); margin: 0px auto; max-width: 1024px; position: relative; width: 1024px; }
@media (max-width: 1140px) { .page-template-template-how-to-101-article .container:not(.reddot-footer) img { margin: auto; max-width: 100%; transform: translateX(0px); } }
@media (max-width: 1140px) { .page-template-template-how-to-101-article .youtube-wrapper, .page-template-template-how-to-101-article .breakout-wrapper, .page-template-template-how-to-101-article .videoboxone { left: 0px; margin-left: auto; margin-right: auto; margin-top: 2rem; max-width: 100%; width: 100%; } }
.page-template-template-how-to-101-article .how-to-article-banner-link { overflow: hidden; text-decoration: none; transition: var(--animation-duration) !important; }
@media (min-width: 768px) { .page-template-template-how-to-101-article .how-to-article-banner-link { background-color: transparent; border-bottom: 1px solid rgb(223, 223, 223); border-top-color: rgb(223, 223, 223); border-right-color: rgb(223, 223, 223); border-left-color: rgb(223, 223, 223); border-radius: 0px; box-shadow: none; height: var(--item-collapsed-height); margin: 0px; padding: 0px 0px 1rem; } }
@media (min-width: 768px) { .page-template-template-how-to-101-article .how-to-article-banner-link:hover { box-shadow: none !important; height: var(--item-opened-height); } }
@media (min-width: 768px) { .page-template-template-how-to-101-article .how-to-article-banner-link:first-child.initiate-auto-open:not(.disable-auto-open) { animation: open var(--animation-duration) 400ms cubic-bezier(0.05, 0.81, 0.43, 1) forwards; } }
@media (min-width: 768px) { .page-template-template-how-to-101-article .how-to-article-banner-link:first-child.initiate-auto-open.disable-auto-open { animation: close var(--animation-duration) 0ms cubic-bezier(0.05, 0.81, 0.43, 1) forwards; min-height: var(--item-opened-height); } }
@media (max-width: 767px) { .page-template-template-how-to-101-article .how-to-article-banner-link { box-shadow: var(--card-shadow); padding-bottom: 1rem; } }
@media (max-width: 767px) { .page-template-template-how-to-101-article .how-to-article-banner-link:hover { box-shadow: var(--card-shadow) !important; } }
@media (max-width: 767px) { .page-template-template-how-to-101-article .how-to-article-banner-link .how-to-article-banner { margin: 0.2rem 1rem 0px 0.6rem; } }
.page-template-template-how-to-101-article .how-to-article-banner-link:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.page-template-template-how-to-101-article .how-to-article-banner { display: grid; grid-template-columns: 3.3rem 10fr; position: relative; }
@media (max-width: 767px) { .page-template-template-how-to-101-article .how-to-article-banner { padding-bottom: 1rem; } }
.page-template-template-how-to-101-article .how-to-article-banner .how-to-article-data { margin-left: 0px; margin-right: auto; }
.page-template-template-how-to-101-article .how-to-article-number { color: rgb(247, 148, 29); font-family: "QTES Mono"; font-size: 3rem; height: 100%; margin-left: 0.4rem; }
@media (max-width: 767px) { .page-template-template-how-to-101-article .how-to-article-number { line-height: 1; margin-left: 0.6rem; margin-top: 0.7rem; } }
.page-template-template-how-to-101-article .how-to-article-title { font-family: "QTES Inter", serif; }
.page-template-template-how-to-101-article .how-to-article-title { font-size: var(--how-to-body-text); font-weight: bold; margin-top: 1rem; }
.page-template-template-how-to-101-article .how-to-article-excerpt { font-family: "QTES Inter", serif; }
.page-template-template-how-to-101-article .how-to-article-excerpt { font-size: var(--how-to-body-text); margin-top: 0px; }
.page-template-template-how-to-101-article .time-icons { align-items: center; color: rgb(127, 127, 127); display: flex; flex-direction: row; justify-content: center; margin-right: 1rem; margin-top: 1.3rem; }
@media (min-width: 768px) { .page-template-template-how-to-101-article .time-icons { position: absolute; right: 0px; } }
@media (max-width: 767px) { .page-template-template-how-to-101-article .time-icons { grid-column: 2; justify-content: flex-start; margin-right: initial; margin-top: 0.7rem; } }
.page-template-template-how-to-101-article .time-icons > span { align-items: center; display: flex; line-height: 1; padding-right: 1rem; white-space: nowrap; }
.page-template-template-how-to-101-article .time-icons > span img { align-items: center; display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 0.05rem; opacity: 0.5; }
.page-template-template-how-to-writer-top .how-to-video-gallery, .page-template-template-how-to-presenter-top .how-to-video-gallery { margin: 0px auto 3rem; max-width: 1044px; }
.page-template-template-how-to-writer-top .how-to-video-feature, .page-template-template-how-to-presenter-top .how-to-video-feature { margin-bottom: 1rem; }
.page-template-template-how-to-writer-top .how-to-video-feature .video-embed, .page-template-template-how-to-presenter-top .how-to-video-feature .video-embed { border-radius: 12px; overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; }
.page-template-template-how-to-writer-top .how-to-video-feature .video-embed iframe, .page-template-template-how-to-presenter-top .how-to-video-feature .video-embed iframe { border: 0px; height: 100%; inset: 0px; position: absolute; width: 100%; }
.page-template-template-how-to-writer-top .how-to-video-thumbs, .page-template-template-how-to-presenter-top .how-to-video-thumbs { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (min-width: 768px) { .page-template-template-how-to-writer-top .how-to-video-thumbs, .page-template-template-how-to-presenter-top .how-to-video-thumbs { grid-template-columns: repeat(3, minmax(0px, 1fr)); } }
.page-template-template-how-to-writer-top .how-to-video-thumb, .page-template-template-how-to-presenter-top .how-to-video-thumb { align-items: flex-start; color: inherit; display: flex; flex-direction: column; gap: 0.7rem; min-height: 0px; text-decoration: none; }
.page-template-template-how-to-writer-top .how-to-video-thumb-image, .page-template-template-how-to-presenter-top .how-to-video-thumb-image { background-position: center center; background-size: cover; border-radius: 8px; display: block; padding-top: 56.25%; width: 100%; }
.page-template-template-how-to-writer-top .how-to-video-thumb-title, .page-template-template-how-to-presenter-top .how-to-video-thumb-title { display: block; line-height: 1.3; padding-bottom: 1em; padding-left: 1em; text-align: left; width: 100%; }
.page-template-template-how-to-101-article .youtube, .page-template-template-how-to-101-article .video { margin-top: 0px; }
.page-template-template-how-to-101-article .youtube-wrapper { aspect-ratio: 16 / 9; border-radius: 0px; margin: 0px auto; overflow: visible; position: relative; }
.page-template-template-how-to-101-article .youtube-wrapper iframe, .page-template-template-how-to-101-article .youtube-wrapper > img, .page-template-template-how-to-101-article .youtube-wrapper picture > img, .page-template-template-how-to-101-article .youtube-wrapper video { border: 0px; border-radius: 0px; display: block; height: 100%; inset: 0px; position: absolute; width: 100%; object-fit: cover; }
.page-template-template-writer.page .macos { margin-bottom: 0px; margin-top: 0px; }
.page-template-template-writer.page .lightgrey { padding-bottom: 1rem; padding-top: 1rem; }
.page-template-template-writer.page .darkgrey { padding-bottom: 1rem; padding-top: 1rem; }
.page-template-template-writer.page .mobile { border-radius: 55px; margin-bottom: 0px; margin-top: 0px; }
.page-template-template-writer.page .teasers .iphone { margin-left: 0px; margin-right: 0px; }
.simple-feature-grid { display: grid; align-items: start; }
.simple-feature-grid p { align-self: start; margin: 0px; line-height: 155%; padding-left: 0px; padding-right: 0px; }
.feature-grid, .alt-feature-grid, .small-feature-grid, .simple-feature-grid, .structure-content-form-grid { display: grid; font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; grid-template-rows: auto auto; gap: 1rem 2rem; grid-template-columns: repeat(2, 1fr); padding-bottom: 2rem; padding-top: 2rem; }
@media (max-width: 512px) { .feature-grid, .alt-feature-grid, .small-feature-grid, .simple-feature-grid, .structure-content-form-grid { grid-template-columns: 1fr; } }
@media (max-width: 512px) { .feature-grid h2, .feature-grid h3, .feature-grid p, .alt-feature-grid h2, .alt-feature-grid h3, .alt-feature-grid p, .small-feature-grid h2, .small-feature-grid h3, .small-feature-grid p, .simple-feature-grid h2, .simple-feature-grid h3, .simple-feature-grid p, .structure-content-form-grid h2, .structure-content-form-grid h3, .structure-content-form-grid p { padding-left: 0px; padding-right: 0px; } }
.feature-grid p, .alt-feature-grid p, .small-feature-grid p, .simple-feature-grid p, .structure-content-form-grid p { font-size: 16.8px; line-height: 155%; }
@media screen and (min-width: 560px) { .feature-grid p, .alt-feature-grid p, .small-feature-grid p, .simple-feature-grid p, .structure-content-form-grid p { font-size: calc(15.3455px + 0.454545vw); line-height: 155%; } }
@media screen and (min-width: 1024px) { .feature-grid p, .alt-feature-grid p, .small-feature-grid p, .simple-feature-grid p, .structure-content-form-grid p { font-size: 20px; line-height: 165%; } }
@media screen and (min-width: 1024px) { .feature-grid p, .alt-feature-grid p, .small-feature-grid p, .simple-feature-grid p, .structure-content-form-grid p { line-height: 155%; } }
.simple-feature-grid { margin-bottom: 2rem; }
.simple-feature-grid p + p { margin-top: 0px; }
.darkgrey .feature-grid, .darkgrey .alt-feature-grid, .darkgrey .small-feature-grid, .darkgrey .simple-feature-grid { color: rgb(240, 240, 240); font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
#subheader-container { backdrop-filter: blur(10px); background-color: rgba(247, 247, 247, 0.8); position: sticky; top: 0px; width: 100%; z-index: 99; overflow: hidden; }
@media screen and (max-width: 480px) { .menu { font-size: 1em; } }
@media screen and (max-width: 480px) { .header-primary { padding-bottom: 0px; } }
header { background-color: rgba(0, 0, 0, 0); position: relative; z-index: 100; }
.header-primary { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1024px; padding-bottom: 0.5em; padding-top: 0.7em; }
@media screen and (max-width: 480px) { .header-primary { font-size: 1em; } }
.menu { float: right; justify-content: normal; }
.menu a { margin-left: 1em; }
@media screen and (max-width: 480px) { .menu a { margin-left: 0.7em; } }
.footer-primary { background-color: rgb(247, 247, 247); clear: both; column-count: 2; }
@media (min-width: 512px) { .footer-primary { column-count: 3; } }
@media (min-width: 768px) { .footer-primary { column-count: 4; } }
@media (min-width: 1040px) { .footer-primary { column-count: 5; } }
@media (min-width: 1126px) { .footer-primary { column-count: 6; } }
@media (min-width: 1126px) { .footer-primary > .footer-row:is(:nth-child(3), :nth-child(5), :nth-child(6), :nth-child(7), :nth-child(9)) { break-before: column; } }
.footer-primary { margin-left: auto; margin-right: auto; }
.footer-primary > * { padding-bottom: 1em; break-inside: avoid; margin: 0px !important; }
.footer-menu { flex-basis: 300px; font-weight: bold; }
.footer-submenu { display: inherit; }
.footer-container { background-color: rgb(247, 247, 247); margin: 5em auto; }
@media screen and (max-width: 833px) { .footer-primary { box-sizing: border-box; margin: 1em auto 5em; } }
@media screen and (max-width: 833px) { .footer-primary { font-size: 12.6px; line-height: 155%; } }
@media screen and (max-width: 833px) and (min-width: 560px) { .footer-primary { font-size: calc(10.5545px + 0.639205vw); line-height: 155%; } }
@media screen and (max-width: 833px) and (min-width: 1024px) { .footer-primary { font-size: 17.1px; line-height: 165%; } }
@media screen and (max-width: 833px) and (max-width: 480px) { .footer-primary { font-size: 1em; } }
.reddot-footer { margin-top: -2em; padding-bottom: 3em; }
.reddot-footer .awards { align-items: center; gap: 2rem; padding-left: 0px; padding-right: 0px; }
.reddot-footer .awards > a, .reddot-footer .awards > div { display: block; flex: 0 0 auto; }
.reddot-footer .awards img { height: 70px; width: auto; object-fit: contain; }
.reddot-footer .awards > [href="/topics/idea-gold"], .reddot-footer .awards > [href="/topics/idea-gold"] img { height: 77px; align-self: center; }
.reddot-footer .awards > [href="/topics/paper-alchemy-the-making-of-ia-notebook"], .reddot-footer .awards > [href="/topics/paper-alchemy-the-making-of-ia-notebook"] img { height: 52.5px; align-self: center; }
@media screen and (max-width: 833px) { .reddot-footer .awards { gap: clamp(0.5rem, 4vw, 2rem); justify-content: space-between; } }
input[type="email"], input[type="submit"], input[type="search"], input.single-field-with-submit-button { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; height: 100%; }
input[type="email"]:focus, input[type="submit"]:focus, input[type="search"]:focus, input.single-field-with-submit-button:focus { outline: none; }
input[type="checkbox"] { appearance: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 223, 223); border-radius: 0.15em; color: currentcolor; display: grid; font: inherit; height: 1.15em; margin: -0.15em 0px 0px; place-content: center; transform: translateY(0.25em); width: 1.15em; }
input[type="checkbox"]::before { box-shadow: rgb(247, 148, 29) 1em 1em inset; clip-path: polygon(14% 44%, 0px 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); content: ""; height: 0.65em; transform: scale(0); transition: transform 120ms ease-in-out; width: 0.65em; }
input[type="checkbox"]:checked::before { transform: scale(1); }
input[type="checkbox"]:disabled { opacity: 0.5; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }
.newsletter__text { margin-bottom: 1em; margin-top: 3em; }
.newsletter__msg { font-weight: 700; }
.newsletter__msg .is-hidden { display: none; }
.newsletter__set { background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 223, 223); border-radius: 100px; display: flex; flex-flow: wrap; height: 51px; justify-content: flex-start; margin-bottom: 1em; margin-left: var(--margin-out); margin-right: var(--margin-out); padding: 0.45em; position: relative; --margin-out: -0.65em; --input-padding: 0.45em; }
.newsletter__set:not(:has(> input[type="email"], > input.single-field-with-submit-button)) { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media (min-width: 512px) { .newsletter__set { height: 68px; --margin-out: -0.3em; --input-padding: 1em; } }
@media (min-width: 768px) { .newsletter__set { height: 82px; --margin-out: -0.2em; } }
.newsletter__set input[type="email"], .newsletter__set input[type="search"], .newsletter__set input.single-field-with-submit-button { background: transparent; border-radius: 100px; flex: 1 1 0%; font-size: max(16px, 1em); margin-right: 0.45em; min-width: 3em; padding: 0 0 0 var(--input-padding); }
.newsletter__set input[type="submit"] { border-radius: 100px; box-shadow: none; box-sizing: border-box; color: white; cursor: pointer; font-weight: bold; padding: 0px 1em; text-align: center; transition: 0.2s ease-in-out; background-color: rgb(247, 148, 29); }
@media (prefers-color-scheme: P3), (-webkit-min-device-pixel-ratio: 0) { .newsletter__set input[type="submit"] { background-color: rgb(247, 148, 29); } }
.newsletter__set input[type="submit"]:hover { transform: scale(0.95); }
.newsletter__opt { display: grid; gap: 0.75em; grid-template-columns: 1em auto; padding-bottom: 0.25em; }
@media (max-width: 512px) { .newsletter__opt { padding-bottom: 0.5em; } }
.newsletter__opts { margin-bottom: 1em; padding-top: 0.5em; }
input[type="submit"]:disabled { background-color: rgb(204, 204, 204); }
.newsletter__form.is-hidden, .newsletter__set.is-hidden, .newsletter__msg.is-hidden, .newsletter__form input.is-hidden, .newsletter-opts.is-hidden { display: none; }
.download-card { --download-card-button-background: rgb(247, 148, 29); --download-card-button-color: rgb(240, 240, 240); --download-card-button-icon-filter: brightness(0) invert(1); --download-card-outline-color: rgba(0, 0, 0, 0.09); --download-card-scissors-color: rgba(0, 0, 0, 0.42); --download-card-trial-border-color: rgba(0, 0, 0, 0.3); --download-card-requirement-spacing: 0.9rem; --download-card-padding-inline: 1.35em; --download-card-visual-max-width: 28rem; background: rgb(247, 247, 247); border: 0px; border-radius: 16px; box-shadow: 0 0 0 1px var(--download-card-outline-color), 0 8px 18px rgba(0, 0, 0, 0.05), 0 18px 36px rgba(0, 0, 0, 0.05); box-sizing: border-box; color: rgb(34, 34, 34); font-family: "QTES Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-style: normal; font-variant-numeric: normal; margin: 1em auto; max-width: 34rem; min-width: 0px; overflow: visible; padding: 1.55em var(--download-card-padding-inline) 1.35em; text-align: center; width: 100%; }
.download-card > * { color: inherit; }
.download-card--trial { border: 1px dashed var(--download-card-trial-border-color); box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 18px, rgba(0, 0, 0, 0.05) 0px 18px 36px; justify-content: center; position: relative; }
.download-card--trial::before { color: var(--download-card-scissors-color); content: "✂︎"; font-family: "SF Pro Text", "Helvetica Neue", sans-serif; font-size: 1rem; left: -0.48rem; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%) rotate(-90deg); }
.download-card--trial > * { position: relative; z-index: 1; }
.download-card--frameless { background: transparent; border: 0px; border-radius: 0px; box-shadow: none; padding: 0px; }
.download-card--frameless.download-card--trial::before { content: none; }
.download-card--writer { --download-card-button-background: rgb(7, 7, 7); --download-card-button-color: rgb(240, 240, 240); --download-card-button-icon-filter: brightness(0) invert(1); }
.download-card .download-card__title { font-family: inherit; font-size: 1.08rem; font-weight: 800; letter-spacing: 0px; line-height: 1.2; margin: 0.35rem 0px 0px; padding: 0px; text-align: center; text-transform: none; }
.download-card__visual { margin: 0px auto 1.4rem; max-width: var(--download-card-visual-max-width); width: 100%; }
.download-card .download-card__image { display: block; height: auto; margin: 0px; max-width: 100%; width: 100%; }
.download-card--writer .download-card__image { margin-left: auto; margin-right: auto; max-height: 8.85rem; width: auto; }
.download-card--trial.download-card--writer .download-card__visual { height: 6rem; margin: 1.15rem auto 1.4rem; max-width: 14.5rem; overflow: visible; position: relative; }
.download-card--trial.download-card--writer .download-card__image { height: 13rem; left: 50%; max-width: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; }
.download-card--pricing.download-card--writer .download-card__visual { height: 6rem; margin: 1.15rem auto 1.4rem; max-width: none; overflow: visible; }
.download-card--pricing.download-card--writer .download-card__image { height: 100%; max-width: none; position: static; transform: none; width: auto; }
.download-card--writer .download-card__visual, .download-card--pricing.download-card--writer .download-card__visual { margin-left: calc(-1 * var(--download-card-padding-inline)); margin-right: calc(-1 * var(--download-card-padding-inline)); max-width: none; overflow: hidden; width: calc(100% + var(--download-card-padding-inline) + var(--download-card-padding-inline)); }
.download-card .download-card__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 0.9rem 1.4rem; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 1rem; max-width: 100%; width: fit-content; }
.download-card--writer .download-card__actions { column-gap: 2.4rem; }
.download-card--trial.download-card--writer .download-card__actions { column-gap: 0.4rem; }
.download-card--trial.download-card--with-ios .download-card__actions { column-gap: 1rem; }
.download-card--with-ios .download-card__option { min-width: 0px; }
.download-card__option { align-items: center; display: flex; flex-direction: column; gap: var(--download-card-requirement-spacing); min-width: 7.5rem; }
.download-card__requirement { color: rgba(0, 0, 0, 0.54); font-family: inherit; font-size: 0.54rem; font-style: normal; font-weight: 400; line-height: 1.2; white-space: nowrap; }
.download-card .download-card__note { color: rgba(0, 0, 0, 0.58); font-family: inherit; font-size: 0.56rem; font-style: normal; font-weight: 700; letter-spacing: 0.03em; line-height: 1.25; margin-bottom: 0px; margin-top: var(--download-card-requirement-spacing); padding: 0px; text-align: center; }
.download-card .download-card__title + .download-card__note { margin-top: 0.35rem; }
.download-card .download-card__actions .download-card__button, .writer-template-card .download-card__button { align-items: center; background: var(--download-card-button-background); border: 0px; border-radius: 999px; box-sizing: border-box; color: var(--download-card-button-color); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 0.95rem; font-weight: 700; gap: 0.32rem; justify-content: center; letter-spacing: 0px; line-height: 1; margin: 0px; max-width: 100%; min-width: 6rem; padding: 1.05rem 1.1rem 1rem; text-decoration: none; text-transform: none; transition: transform 0.24s; width: auto; }
.download-card .download-card__actions .download-card__button--mac { gap: 0.19rem; }
.download-card .download-card__actions .download-card__button--windows { gap: 0.28rem; }
.download-card .download-card__actions .download-card__button:hover, .download-card .download-card__actions .download-card__button:focus, .download-card .download-card__actions .download-card__button:focus-visible, .writer-template-card .download-card__button:hover, .writer-template-card .download-card__button:focus, .writer-template-card .download-card__button:focus-visible { transform: scale(1.02); }
.download-card .download-card__actions .download-card__button:active, .writer-template-card .download-card__button:active { transform: scale(1.01); }
.download-card .download-card__actions .download-card__button:disabled, .writer-template-card .download-card__button:disabled { cursor: progress; opacity: 0.82; transform: none; }
.download-card__button-label { display: inline-block; transform: translateY(0.08rem); }
.download-card__button--ios::before, .download-card__button--mac::before, .download-card__button--loading::before, .download-card__button--started::before, .download-card__button--windows::before {  background-position: calc(50% + var(--download-card-button-icon-offset) * var(--download-card-button-icon-size)) center; background-repeat: no-repeat; background-size: calc(8 * var(--download-card-button-icon-size)) calc(2 * var(--download-card-button-icon-size)); content: ""; display: inline-block; filter: var(--download-card-button-icon-filter); flex: 0 0 auto; height: 1.22rem; margin-bottom: -0.11rem; margin-top: -0.11rem; width: 1.22rem; }
.download-card__button--ios::before, .download-card__button--mac::before { --download-card-button-icon-size: 1.08rem; --download-card-button-icon-offset: 3; width: 1.08rem; }
.download-card__button--ios:not(.download-card__button--loading)::before, .download-card__button--mac:not(.download-card__button--loading)::before { transform: translateY(-0.04rem); }
.download-card__button--windows::before { --download-card-button-icon-size: 0.91rem; --download-card-button-icon-offset: 1; }
.page .ios-download-dialog { background: rgb(255, 255, 255); border: 0px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.25) 0px 16px 64px; box-sizing: border-box; color: rgb(20, 20, 20); font-size: 18px; line-height: 1.5; margin: auto; max-height: calc(100% - 32px); max-width: calc(100% - 32px); padding: 32px; text-align: center; width: 420px; }
.page .ios-download-dialog h2 { color: inherit; font-size: 24px; line-height: 1.2; margin: 0px 0px 16px; padding: 0px; }
.page .ios-download-dialog p { color: inherit; font-size: inherit; margin: 0px; padding: 0px; }
.page .ios-download-dialog img { display: block; height: auto; margin: 16px auto; max-width: 100%; width: 240px; }
.page .ios-download-dialog button { align-items: center; appearance: none; background: rgb(20, 20, 20); border: 0px; border-radius: 24px; color: rgb(255, 255, 255); cursor: pointer; display: inline-flex; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; justify-content: center; line-height: 1; min-height: 44px; outline: none; padding: 8px 24px; text-decoration: none; }
.page .ios-download-dialog button:focus-visible { background: rgb(247, 148, 29); }
.markdown-landing.page { --markdown-intro-size: clamp(18px, calc(15px + 0.9375vw), 30px); }
.markdown-landing.page .markdown-section { --markdown-copy-gap: clamp(32px, 4vw, 56px); padding: clamp(64px, 7vw, 112px) 0px clamp(72px, 8vw, 128px); }
.markdown-landing.page .markdown-section:has(> .container > .markdown-section__copy:last-child) { padding-bottom: var(--markdown-copy-gap); }
@media (min-width: 512px) { .markdown-landing.page .markdown-section:has(.markdown-section__media .macos) { --markdown-copy-gap: max(3em, clamp(32px, 4vw, 56px)); } }
.markdown-landing.page .markdown-section__heading { position: static; z-index: auto; margin: 0px auto clamp(40px, 5vw, 72px); max-width: 44rem; text-align: center; }
.markdown-landing.page .markdown-section__heading > h1, .markdown-landing.page .markdown-section__heading > h2 { color: inherit; font-weight: 700; line-height: 1.08; margin: 0px; max-width: none; padding: 0px; text-align: inherit; text-wrap: balance; }
.markdown-landing.page .markdown-section__heading > h2 { font-size: 0.756144em; }
.markdown-landing.page .markdown-section__heading > p { color: inherit; font-size: var(--markdown-intro-size); font-weight: 500; letter-spacing: normal; line-height: 1.45; margin: 5px auto 0px; max-width: 20em; padding: 0px; text-align: inherit; text-wrap: balance; }
.markdown-landing.page .markdown-section__heading > .markdown-section__kicker { color: var(--markdown-accent); display: block; font-size: 17px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.65; margin-bottom: 4px; text-transform: uppercase; }
.markdown-landing.page .markdown-section--hero { padding-block: clamp(56px, 6vw, 96px); }
.markdown-landing.page .markdown-section--hero .markdown-section__heading > h1 { font-size: inherit; align-items: center; display: flex; gap: clamp(12px, 1.25vw, 20px); justify-content: center; line-height: 1; }
.markdown-landing.page .markdown-section--hero h1 > img { flex: 0 0 auto; height: 1em; margin: 0px; transform: translateY(-0.11em); width: 1em; }
.markdown-landing.page .markdown-section--cta { background-color: var(--markdown-accent); font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; color: rgb(240, 240, 240); padding-block: clamp(64px, 8vw, 128px); }
.markdown-landing.page .markdown-section__devices { margin: 0px auto; max-width: 950px; }
.markdown-landing.page .markdown-section__devices > img { display: block; height: auto; margin: 0px; width: 100%; }
.markdown-landing.page .markdown-section__media { margin: 0px auto; }
.markdown-landing.page .markdown-section__media img, .markdown-landing.page .markdown-section__media video { display: block; height: auto; margin: 0px; width: 100%; }
.markdown-landing.page .markdown-section__media-item + .markdown-section__media-item { margin-top: var(--markdown-copy-gap); }
.markdown-landing.page .markdown-section__copy { column-gap: 1em; grid-template-rows: auto; margin: var(--markdown-copy-gap) 0 0; max-width: none; }
.markdown-landing.page .markdown-section__copy > p { font-size: max(16px, var(--markdown-intro-size) / 1.15); font-weight: 400; line-height: 1.5; margin: 0px; max-width: none; padding: 0px; text-align: left; }
.markdown-landing.page .markdown-section__testimonials { margin: clamp(64px, 7vw, 96px) 0px 0px; padding-inline: 0px; }
.markdown-landing.page .markdown-section__before > img, .markdown-landing.page .markdown-section__before > video { display: block; margin: 0px; max-width: none; width: 100%; }
.markdown-landing.page .markdown-section__comparison { --radius: 2% / 3.2%; border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.6) 0px clamp(1px, 0.32vw, 4px) clamp(12px, 3.54vw, 44px); margin: 0px auto; max-width: 1120px; overflow: visible; position: relative; width: 100%; aspect-ratio: var(--markdown-comparison-aspect-ratio, 16/9); height: auto; }
.markdown-landing.page .markdown-section__comparison > .img-comp-img { height: 100%; inset: 0px; overflow: hidden; width: 100%; }
.markdown-landing.page .markdown-section__comparison > .img-comp-img > picture { display: block; height: 100%; }
.markdown-landing.page .markdown-section__comparison > .img-comp-img > img, .markdown-landing.page .markdown-section__comparison > .img-comp-img > picture > img { display: block; height: 100%; margin: 0px; max-width: none; object-fit: cover; object-position: left top; width: auto; }
.markdown-landing.page .markdown-section__comparison > .img-comp-img:not(.img-comp-overlay) > img, .markdown-landing.page .markdown-section__comparison > .img-comp-img:not(.img-comp-overlay) > picture > img { width: 100%; }
.markdown-landing.page .markdown-section__comparison .img-comp-slider { background-color: rgb(247, 148, 29); opacity: 1; touch-action: none; }
.markdown-landing.page .markdown-section__comparison .img-comp-slider:focus-visible { outline: rgb(189, 106, 7) solid 2px; outline-offset: 4px; }
.markdown-landing.page .markdown-section__comparison .img-comp-slider::after { background-color: rgb(247, 148, 29); height: var(--markdown-compare-divider-height); pointer-events: none; top: 50%; transform: translate(-50%, -50%); }
.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img:not(.img-comp-overlay) { height: auto; position: relative; }
.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img:not(.img-comp-overlay) > picture > img { height: auto; }
.writer-landing.page .lightgrey, .writer-landing.page .lightgrey .grid-heading-block { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.writer-landing.page .darkgrey, .writer-landing.page .darkgrey .grid-heading-block { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; }
.writer-landing.markdown-landing.page { --markdown-intro-size: 23px; }
.writer-landing.markdown-landing.page .markdown-section, .writer-landing.markdown-landing.page .markdown-section:has(> .container > .markdown-section__copy:last-child) { padding: clamp(64px, 7vw, 112px) 0px clamp(72px, 8vw, 128px); }
.writer-landing.markdown-landing.page .markdown-section__heading > h2 { font-size: clamp(36px, 3.5vw, 50px); }
.writer-landing.markdown-landing.page .markdown-section__heading > p { margin-top: 16px; }
.writer-landing.markdown-landing.page .markdown-section__heading > .markdown-section__kicker { color: rgb(247, 148, 29); margin-bottom: 14px; }
.writer-landing.markdown-landing.page .markdown-section__copy { column-gap: 2rem; margin-top: clamp(32px, 4vw, 56px); }
.writer-landing.markdown-landing.page .markdown-section__copy > p { font-size: clamp(16px, 12px + 0.8vw, 20px); }
.writer-landing.markdown-landing.page #hero { padding: clamp(56px, 6vw, 96px) 0px clamp(32px, 4vw, 56px); }
.writer-landing.markdown-landing.page #hero > .container { column-gap: 2rem; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.writer-landing.markdown-landing.page #hero .markdown-section__heading, .writer-landing.markdown-landing.page #hero .markdown-section__devices { grid-column: 1 / -1; min-width: 0px; width: 100%; }
.writer-landing.markdown-landing.page #hero .markdown-section__heading { margin-bottom: clamp(2.5rem, 5vw, 4rem); max-width: none; }
.writer-landing.markdown-landing.page #hero .markdown-section__heading > h1 { margin-bottom: clamp(24px, 2vw, 32px); }
.writer-landing.markdown-landing.page #hero .markdown-section__heading > p { font-size: 23px; line-height: 1.35; margin: 0px auto; max-width: 19em; text-wrap: pretty; }
.writer-landing.markdown-landing.page #hero .markdown-section__devices { max-width: none; }
.writer-landing.markdown-landing.page #hero .markdown-section__devices img { display: block; margin: 0px; width: 100%; }
.writer-landing.markdown-landing.page #hero > .container > p { align-self: start; font-size: clamp(16px, 12px + 0.8vw, 20px); font-weight: 400; line-height: 1.5; margin: clamp(32px, 4vw, 56px) 0px 0px; max-width: none; padding: 2rem 0px; }
@media (min-width: 512px) { .writer-landing.markdown-landing.page #hero .markdown-section__devices > .hideandseekdesktop, .writer-landing.markdown-landing.page #plain-text .markdown-section__media > .hideandseekdesktop { border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 10px 0px, rgba(0, 0, 0, 0.05) 10px 10px 20px 0px, rgba(0, 0, 0, 0.05) 20px 20px 40px 0px, rgba(0, 0, 0, 0.05) 40px 40px 80px 0px; } }
@media (min-width: 768px) { .writer-landing.markdown-landing.page #hero .markdown-section__devices > .hideandseekdesktop, .writer-landing.markdown-landing.page #plain-text .markdown-section__media > .hideandseekdesktop { border-radius: 10px; } }
@media (min-width: 1040px) { .writer-landing.markdown-landing.page #hero .markdown-section__devices > .hideandseekdesktop, .writer-landing.markdown-landing.page #plain-text .markdown-section__media > .hideandseekdesktop { border-radius: 12px; } }
.writer-landing.markdown-landing.page .markdown-section--cta { font-family: "QTES Inter", system-ui, -apple-system, sans-serif, "Hiragino Sans", "ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; background: rgb(37, 37, 37); color: rgb(255, 255, 255); padding: clamp(4rem, 8vw, 8rem) max(1.5rem, -600px + 50vw); text-align: center; width: 100%; }
.writer-landing.markdown-landing.page .markdown-section--cta > .container { max-width: 1200px; padding-inline: 0px; }
.writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__heading { margin: 0px auto 3.5rem; max-width: none; }
.writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__heading > h2 { color: rgb(255, 255, 255); line-height: 1.55; margin: 0px auto 0.15rem; text-wrap: pretty; }
.writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__heading > p { color: rgba(255, 255, 255, 0.92); font-size: 23px; line-height: 1.3; margin: 0px auto; max-width: 34rem; text-wrap: pretty; }
.writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__devices { align-items: flex-end; display: flex; justify-content: center; margin-bottom: 4rem; }
.writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__devices img { max-width: 100%; object-fit: contain; }
.writer-landing.markdown-landing.page .markdown-section--cta .download-card.writer-landing-availability__trial { --download-card-button-background: rgb(247, 247, 247); --download-card-button-color: rgb(34, 34, 34); --download-card-button-icon-filter: none; color: rgb(240, 240, 240); margin: 0px auto; max-width: 32rem; }
.writer-landing.markdown-landing.page .markdown-section--cta .download-card.writer-landing-availability__trial .download-card__actions { margin-top: 0px; }
.writer-landing.markdown-landing.page .markdown-section--cta .download-card.writer-landing-availability__trial .download-card__requirement { color: rgba(255, 255, 255, 0.54); }
@media (max-width: 700px) { .writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__heading > p { font-size: 20px; } }
@media (max-width: 700px) { .writer-landing.markdown-landing.page .markdown-section--cta .markdown-section__devices { margin-bottom: 3rem; } }
.writer-landing.markdown-landing.page #compare { padding-bottom: clamp(64px, 7vw, 112px); }
.writer-landing.markdown-landing.page #compare .markdown-section__heading { margin-bottom: clamp(48px, 5vw, 72px); max-width: 42rem; }
.writer-landing.markdown-landing.page #compare .markdown-section__heading > h2 { margin-bottom: clamp(20px, 2vw, 28px); }
.writer-landing.markdown-landing.page #compare .markdown-section__heading > p { margin-top: 0px; max-width: 30em; text-wrap: pretty; }
.writer-landing.markdown-landing.page #compare .markdown-section__copy { margin-bottom: 2rem; }
.writer-landing.markdown-landing.page .markdown-section__comparison--responsive { --markdown-comparison-aspect-ratio: 2446 / 1781; border-radius: 0px; box-shadow: none; height: auto; max-width: none; width: 90vw; }
.writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img > picture { display: block; height: 100%; }
.writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img > picture > img { display: block; height: 100%; margin: 0px; max-width: none; object-fit: cover; object-position: left top; width: auto; }
.writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img:not(.img-comp-overlay) { height: auto; position: relative; }
.writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img:not(.img-comp-overlay) > picture > img { height: auto; width: 100%; }
.writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-overlay { height: 100%; inset: 0px; overflow: hidden; position: absolute; }
@media (min-width: 512px) { .writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-img:not(.img-comp-overlay) { background: linear-gradient(rgb(251, 251, 251) 50%, rgb(218, 218, 218) 50%); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 44px; overflow: hidden; } }
@media (min-width: 512px) { .writer-landing.markdown-landing.page .markdown-section__comparison--responsive > .img-comp-overlay { border-radius: 6px 0px 0px 6px; } }
@media (min-width: 1140px) { .writer-landing.markdown-landing.page .markdown-section__comparison--responsive { width: 1024px; } }
@media (max-width: 511px) { .writer-landing.markdown-landing.page .markdown-section__comparison--responsive { --markdown-comparison-aspect-ratio: 1412 / 2325; margin-block: 2em; width: 100%; } }
.writer-landing.markdown-landing.page #authorship { background: url("/img/stars.webp") center top / min(1024px, -40px + 100vw) auto repeat rgb(0, 0, 0); }
.writer-landing.markdown-landing.page #authorship .markdown-section__heading > p { max-width: 18em; }
.writer-landing.markdown-landing.page #authorship .markdown-section__media-item.video-wrapper { aspect-ratio: 16 / 9; margin: 0px auto; max-width: 100%; }
.writer-landing.markdown-landing.page #authorship .markdown-section__media-item.video-wrapper > video { height: 100%; }
.writer-landing.markdown-landing.page #authorship .markdown-section__media-item + .markdown-section__media-item { margin: clamp(88px, 9vw, 144px) auto 0px; }
.writer-landing.markdown-landing.page #authorship .iphone.mobile, .writer-landing.markdown-landing.page #editing-tools .iphone.mobile { border-radius: 37px 37px 0px 0px; margin-bottom: -5em; }
.writer-landing.markdown-landing.page #editing-tools .markdown-section__heading { margin-bottom: clamp(40px, 5vw, 64px); max-width: 40rem; }
.writer-landing.markdown-landing.page #editing-tools .markdown-section__heading > p { max-width: 15em; }
.writer-landing.markdown-landing.page #editing-tools .hideandseekdesktop video { border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 44px; overflow: hidden; }
.writer-landing.markdown-landing.page #plain-text .markdown-section__heading { margin-bottom: clamp(40px, 5vw, 64px); max-width: 42rem; }
.writer-landing.markdown-landing.page #plain-text .markdown-section__heading > p { max-width: 22em; }
.writer-landing.markdown-landing.page #plain-text .markdown-section__media img { border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 44px; }
.writer-landing.markdown-landing.page #plain-text .markdown-section__copy { margin-bottom: 2rem; margin-top: clamp(48px, 5vw, 72px); }
.writer-landing.markdown-landing.page #reviews { padding-top: 0px; }
.writer-landing.markdown-landing.page #reviews .markdown-section__before { margin: 0px; width: 100%; }
.writer-landing.markdown-landing.page #reviews .markdown-section__before > img { display: block; margin: 0px; max-width: none; width: 100%; }
.writer-landing.markdown-landing.page #reviews .markdown-section__heading { margin: 0px auto; max-width: 46rem; padding-top: clamp(64px, 7vw, 112px); }
.writer-landing.markdown-landing.page #reviews .markdown-section__heading > p { margin-top: 20px; max-width: 34em; }
.writer-landing.markdown-landing.page #reviews .markdown-section__testimonials { margin-top: clamp(56px, 6vw, 88px); }
.writer-landing.markdown-landing.page #reviews .markdown-section__testimonials img.avatar { filter: none; }
.writer-landing.markdown-landing.page #testimonials .markdown-section__heading { margin: 0px auto; }
.writer-landing.markdown-landing.page #testimonials .markdown-section__heading > p { margin-top: 20px; max-width: 32em; }
.writer-landing.markdown-landing.page .markdown-section__testimonials > p { break-inside: avoid; display: block; font-size: 16px; margin: 0px 0px 2em; }
.writer-landing.markdown-landing.page .markdown-section__testimonials > p > .avatar, .writer-landing.markdown-landing.page .markdown-section__testimonials > p > .profilepic { display: block; margin: 0px auto 1em; }
@media (max-width: 512px) { .writer-landing.markdown-landing.page { --markdown-intro-size: 20px; } }
@media (max-width: 512px) { .writer-landing.markdown-landing.page .markdown-section__copy > p, .writer-landing.markdown-landing.page #hero > .container > p { font-size: 18px; } }
@media (max-width: 512px) { .writer-landing.markdown-landing.page #hero > .container { grid-template-columns: minmax(0px, 1fr); } }
@media (max-width: 512px) { .writer-landing.markdown-landing.page #hero > .container > p:first-of-type { padding-bottom: 0px; } }
@media (max-width: 512px) { .writer-landing.markdown-landing.page #hero > .container > p + p { margin-top: 1rem; padding-top: 0px; } }