@layer base{.prose{--prose-color:color-mix(in srgb, var(--color-text) 82%, var(--color-bg));--emdash-caption-color:var(--color-muted);--emdash-break-color:var(--color-border);--emdash-break-dots-color:var(--color-muted);--emdash-pullquote-border:var(--color-border);--emdash-pullquote-color:var(--color-text);--emdash-pullquote-citation-color:var(--color-muted);--emdash-button-bg:var(--color-brand);--emdash-button-bg-hover:var(--color-brand-hover);--emdash-button-color:var(--color-on-brand);--emdash-file-bg:var(--color-surface);--emdash-file-border:var(--color-border);--emdash-file-color:var(--color-text);--emdash-file-icon-color:var(--color-muted);max-width:var(--content-width);font-size:var(--font-size-lg);color:var(--prose-color);overflow-wrap:break-word;line-height:1.75}.prose>*{margin-block:0}.prose>*+*{margin-block-start:1.25em}.prose>:is(h1,h2){margin-block-start:2em}.prose>:is(h3,h4,h5,h6){margin-block-start:1.75em}.prose>:is(h1,h2,h3,h4,h5,h6)+*{margin-block-start:.75em}.prose>:first-child{margin-block-start:0}.prose :is(h1,h2,h3,h4,h5,h6){color:var(--color-text);line-height:var(--leading-snug)}.prose h1{font-size:var(--font-size-3xl);line-height:var(--leading-tight)}.prose h2{font-size:var(--font-size-2xl)}.prose h3{font-size:var(--font-size-xl)}.prose h4{font-size:var(--font-size-lg)}.prose :is(h5,h6){font-size:var(--font-size-base)}.prose h6{color:var(--color-text-secondary)}.prose a:where(:not([class*=emdash])){color:var(--color-text);text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-offset:.2em}.prose a:where(:not([class*=emdash])):hover{text-decoration-color:currentColor}.prose :is(strong,b){color:var(--color-text);font-weight:600}.prose :is(sub,sup){font-size:.75em;line-height:0}.prose :not(pre)>code{border-radius:var(--radius-sm);background:var(--color-fill);color:var(--color-text);font-family:var(--font-mono);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.15em .35em;font-size:.85em}.prose :is(ul,ol){padding-inline-start:1.5em}.prose li{padding-inline-start:.25em}.prose li+li,.prose li>:is(ul,ol){margin-block-start:.5em}.prose li::marker{color:var(--color-muted);font-variant-numeric:tabular-nums}.prose blockquote:where(:not([class*=emdash])){border-inline-start:2px solid var(--color-border-strong);color:var(--color-text);padding-inline-start:1.25em}.prose blockquote>*+*{margin-block-start:.75em}.prose hr{border:0;border-block-start:1px solid var(--color-border);margin-block:2.5em}.prose img{border-radius:var(--radius-lg)}.prose :is(figure>img,figure>a>img,.emdash-gallery-item img){outline:1px solid var(--color-media-outline);outline-offset:-1px}.prose figcaption{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--leading-normal);text-align:center;margin-block-start:.75em}.prose :is(.emdash-embed-video,.emdash-iframe),.prose .emdash-video video{border-radius:var(--radius-lg);background:var(--color-fill);overflow:hidden}.prose .emdash-table-wrapper{--color-surface:var(--color-fill);--color-bg-subtle:color-mix(in srgb, var(--color-fill) 50%, transparent)}@media (width<=640px){.prose{font-size:1.0625rem;line-height:1.7}}}.prose .emdash-code pre{border-radius:var(--radius-lg)!important;background:var(--color-fill)!important;padding:1rem 1.25rem!important}.prose .emdash-code-filename+pre{border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.prose .emdash-code code{line-height:1.7;color:var(--color-text)!important;font-family:var(--font-mono)!important;font-size:var(--font-size-sm)!important}.prose .emdash-code-filename{border-block-end:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;background:var(--color-fill-strong)!important;color:var(--color-text-secondary)!important;font-family:var(--font-mono)!important;padding:.5rem 1.25rem!important}.prose .emdash-button{border-radius:var(--radius-full)!important}.prose .emdash-file{border-radius:var(--radius-lg)!important}.prose{--cocoon-key:#19448e;--cocoon-line:#8de055}.prose .block-box,.prose .blank-box{border:2px solid #ccc;border-radius:6px;margin:1.5em 0;padding:1em 1.2em;position:relative}.prose .block-box>:first-child,.prose .block-box-content>:first-child{margin-top:0}.prose .block-box>:last-child,.prose .block-box-content>:last-child{margin-bottom:0}.prose .has-key-color-border-color{border-color:var(--cocoon-key)}.prose .has-red-border-color{border-color:#e60033}.prose .has-blue-border-color{border-color:#0095d9}.prose .has-orange-border-color{border-color:#f39800}.prose .has-deep-orange-border-color{border-color:#ec6800}.prose .has-orange-background-color{background-color:#fdf1e3}.prose .has-deep-orange-background-color{background-color:#fbe9e0}.prose .has-red-background-color{background-color:#fde8ea}.prose .has-watery-green-background-color{background-color:#eaf7ee}.prose .has-key-color-background-color{background-color:#e8edf6}.prose .sticky{background:#fffbe0;border:0;border-left:6px solid #f6e03d;border-radius:0}.prose .sticky.st-red{background:#fde8ea;border-color:#e60033}.prose .sticky.st-blue{background:#e6f4fb;border-color:#0095d9}.prose .sticky.st-green{background:#eaf7ee;border-color:#3eb370}.prose .tab-caption-box,.prose .label-box{margin-top:2.2em}.prose .tab-caption-box-label,.prose .label-box-label{background:var(--cocoon-key);color:#fff;border-radius:6px 6px 0 0;padding:.2em .9em;font-size:.85em;font-weight:700;position:absolute;bottom:100%;left:-2px}.prose .caption-box{padding:0;overflow:hidden}.prose .caption-box-label{background:var(--cocoon-key);color:#fff;padding:.4em 1em;font-weight:700}.prose .caption-box-content{padding:1em 1.2em}.prose .blank-box[class*=bb-]:before{color:var(--cocoon-key);margin:-.3em 0 .4em;font-size:.85em;font-weight:700;display:block}.prose .bb-check:before{content:"✓ チェック"}.prose .bb-pickup:before{content:"★ ピックアップ"}.prose .bb-memo:before{content:"✎ メモ"}.prose .bb-bad:before{content:"✕ 注意"}.prose .common-icon-box,.prose .info-box{background:#f3f5f8;border-radius:6px;margin:1.5em 0;padding:1em 1.2em 1em 3.2em;position:relative}.prose .common-icon-box:before,.prose .info-box:before{font-weight:700;position:absolute;top:.95em;left:1em}.prose .memo-box{background:#f3f5f8}.prose .memo-box:before{content:"✎"}.prose .alert-box,.prose .warning-box{background:#fde8ea}.prose .alert-box:before,.prose .warning-box:before{content:"!";color:#e60033}.prose .good-box,.prose .ok-box{background:#eaf7ee}.prose .good-box:before,.prose .ok-box:before{content:"✓";color:#3eb370}.prose .bad-box,.prose .ng-box{background:#fde8ea}.prose .bad-box:before,.prose .ng-box:before{content:"✕";color:#e60033}.prose .information-box,.prose .question-box{background:#e6f4fb}.prose .information-box:before{content:"i";color:#0095d9}.prose .question-box:before{content:"?";color:#0095d9}.prose .speech-wrap{border:0;align-items:flex-start;gap:1em;margin:1.5em 0;padding:0;display:flex}.prose .speech-wrap.sbp-r{flex-direction:row-reverse}.prose .speech-person{text-align:center;flex:0 0 64px;margin:0}.prose .speech-icon{margin:0}.prose .speech-icon-image{object-fit:cover;border:1px solid #ddd;border-radius:50%;width:64px;height:64px}.prose .sbis-cb .speech-icon-image{border-radius:6px}.prose .speech-name{color:#666;margin-top:.2em;font-size:.75em;line-height:1.3}.prose .speech-balloon{background:#fff;border:1px solid #ddd;border-radius:8px;flex:auto;min-width:0;padding:.8em 1em;position:relative}.prose .speech-balloon>:first-child{margin-top:0}.prose .speech-balloon>:last-child{margin-bottom:0}.prose .sbs-line .speech-balloon{background:var(--cocoon-line);color:#111;border:0;border-radius:16px}.prose .faq-wrap{margin:1.5em 0}.prose .faq{margin:1em 0}.prose .faq-question,.prose .faq-answer,.prose .faq-item{gap:.6em;margin:.4em 0;display:flex}.prose .faq-question-label,.prose .faq-answer-label,.prose .faq-item-label{color:var(--cocoon-key);flex:none;font-weight:700}.prose .faq-answer-label{color:#e60033}.prose .faq-question-content{font-weight:700}.prose .btn{background:var(--cocoon-key);color:#fff;border-radius:999px;padding:.7em 1.6em;font-weight:700;text-decoration:none;display:inline-block}.prose .btn-m{font-size:1em}.prose .marker{background-color:#ff9}.prose .marker-under{background:linear-gradient(#0000 60%,#ff9 60%)}.prose .marker-red{background-color:#ffd0d1}.prose .marker-under-red{background:linear-gradient(#0000 60%,#ffd0d1 60%)}.prose .red{color:#e60033}.prose .blue{color:#0095d9}.prose .green{color:#3eb370}.prose .bold-red{color:#e60033;font-weight:700}.prose .bold-blue{color:#0095d9;font-weight:700}.prose .bold-green{color:#3eb370;font-weight:700}.prose .fz-18px{font-size:18px}.prose .fz-20px{font-size:20px}.prose .fz-21px{font-size:21px}.prose .fz-22px{font-size:22px}.prose .fz-24px{font-size:24px}.prose .fz-28px{font-size:28px}.prose .legacy-blogcard{color:inherit;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:flex-start;gap:1em;margin:1.2em 0;padding:.9em;line-height:1.5;text-decoration:none;display:flex}.prose .legacy-blogcard:hover{border-color:var(--cocoon-key);background:#f7f9fc}.prose .legacy-blogcard__image{flex:0 0 160px;margin:0}.prose .legacy-blogcard__image img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:160px;height:auto;margin:0;display:block}.prose .legacy-blogcard__body{flex-direction:column;gap:.3em;min-width:0;display:flex}.prose .legacy-blogcard__title{color:var(--cocoon-key);font-weight:700}.prose .legacy-blogcard__excerpt{color:#555;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85em;display:-webkit-box;overflow:hidden}.prose .legacy-blogcard__site{color:#888;font-size:.75em}@media (width<=600px){.prose .legacy-blogcard__image{flex-basis:100px}.prose .legacy-blogcard__image img{width:100px}}
