/* WAIAT（社内AIライティング）が記事に埋め込む装飾ボックスのスタイル。
 * 元はWPプラグイン「WAIAT同期ロック」が配信していたが、WordPress廃止(2026-08-02)で
 * 供給元が無くなったため、生成元 waiat リポジトリの src/lib/part-styles.ts から取り込んだ。
 * 記事の装飾を変えるときは waiat 側と合わせること。
 */
.waiat-box{position:relative;border:3px solid #ccc;border-radius:0px 6px 6px 6px;padding:6px 26px 6px;margin:64px 0;background:#fff}
.waiat-box__label{position:absolute;top:-33px;left:-3px;display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:14px;line-height:1;padding:8px 14px 8px 12px;border-radius:6px 6px 0 0}
.waiat-box__label::before{content:"";display:inline-block;width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-size:contain}
.waiat-box>:last-child{margin-bottom:18px}
.waiat-box ul,.waiat-box ol{margin:0;padding-left:1.4em}
.waiat-box li{margin:.4em 0}
.waiat-box--point{border-color:var(--waiat-main,#E60033)}
.waiat-box--point .waiat-box__label{background:var(--waiat-main,#E60033)}
.waiat-box--point .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M9%2021h6v-1H9v1zm3-19a7%207%200%200%200-4%2012.7V17h8v-2.3A7%207%200%200%200%2012%202z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-box--caution{border-color:var(--waiat-caution,#EF6C00)}
.waiat-box--caution .waiat-box__label{background:var(--waiat-caution,#EF6C00)}
.waiat-box--caution .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1%2021h22L12%202%201%2021zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-box--summary{border-color:var(--waiat-info,#1565C0)}
.waiat-box--summary .waiat-box__label{background:var(--waiat-info,#1565C0)}
.waiat-box--summary .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M9%2016.2%204.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-box--note{border-color:#6B7280}
.waiat-box--note .waiat-box__label{background:#6B7280}
.waiat-box--note .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M11%207h2v2h-2V7zm0%204h2v6h-2v-6zm1-9a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm0%2018a8%208%200%201%201%200-16%208%208%200%200%201%200%2016z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-box--toc{border-color:#0D9488}
.waiat-box--toc .waiat-box__label{background:#0D9488}
.waiat-box--toc .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M4%206h10v2H4V6zm0%205h10v2H4v-2zm0%205h10v2H4v-2zm13-9%204%204-1.4%201.4L17%2010.8%2017%2018h-2V8h2z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-box--merit{border-color:var(--waiat-success,#16A34A)}
.waiat-box--merit .waiat-box__label{background:var(--waiat-success,#16A34A)}
.waiat-box--merit .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm-1.2%2014.2L6.5%2012l1.4-1.4%202.9%202.9%205.3-5.3L17.5%209l-6.7%207.2z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-box--demerit{border-color:var(--waiat-danger,#DC2626)}
.waiat-box--demerit .waiat-box__label{background:var(--waiat-danger,#DC2626)}
.waiat-box--demerit .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm3.5%2012.1L14.1%2015.5%2012%2013.4l-2.1%202.1-1.4-1.4L10.6%2012%208.5%209.9l1.4-1.4L12%2010.6l2.1-2.1%201.4%201.4L13.4%2012l2.1%202.1z%22%2F%3E%3C%2Fsvg%3E")}
mark{background:linear-gradient(transparent 60%,var(--waiat-marker,#FFF59D) 60%);padding:0 .1em;color:inherit}
.waiat-check{list-style:none;padding-left:0}
.waiat-check li{position:relative;padding-left:1.75em;margin:.5em 0}
.waiat-check li::before{content:"\2713";position:absolute;left:0;top:.25em;color:var(--waiat-success,#16A34A);font-weight:700;font-size:1.25em;line-height:1}
.waiat-steps{list-style:none;counter-reset:wstep;padding-left:.5em;margin:1.5em 0}
.waiat-steps>li{counter-increment:wstep;position:relative;padding:0 0 1.3em 1.8em;border-left:2px solid #C7D2E0;margin-left:1em}
.waiat-steps>li:last-child{border-left-color:transparent;padding-bottom:.2em}
.waiat-steps>li::before{content:counter(wstep);position:absolute;left:-1.05em;top:-.15em;width:2em;height:2em;background:var(--waiat-info,#1565C0);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em}
details.waiat-faq{/* border:1px solid #E2E2E2; */border-radius:.25em;margin:.6em 0;overflow:hidden}
details.waiat-faq>summary{cursor:pointer;list-style:none;padding:.9em 2.4em .9em 2.6em;position:relative;font-weight:700;background:#F6F7F9}
details.waiat-faq>summary::-webkit-details-marker{display:none}
details.waiat-faq>summary::before{content:"Q";position:absolute;left:.9em;top:.9em;color:var(--waiat-info,#1565C0);font-weight:800}
details.waiat-faq>summary::after{content:"+";position:absolute;right:.95em;top:.75em;font-size:1.2em;color:#999}
details.waiat-faq[open]>summary::after{content:"\2212"}
details.waiat-faq .waiat-faq__a{padding:.5em 1em .5em 1em}
.waiat-toc{background:#F7F8FA;border:1px solid #E5E7EB;border-radius:.6em;padding:1em 1.4em;margin:1.5em 0}
.waiat-toc__title{font-weight:700;margin:0 0 .5em;font-size:1.05em}
.waiat-toc ol{margin:0;padding-left:1.4em}
.waiat-toc li{margin:.3em 0}
.waiat-toc a{color:var(--waiat-info,#1565C0);text-decoration:none}
.waiat-toc a:hover{text-decoration:underline}
.waiat-toc__sub{list-style:circle;padding-left:1.3em;margin:.25em 0}
.waiat-toc__sub a{color:#3A78C2;font-size:.95em}
.waiat-box--term{border-color:#4F46E5}
.waiat-box--term .waiat-box__label{background:#4F46E5}
.waiat-box--term .waiat-box__label::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M4%204h13a2%202%200%200%201%202%202v14l-3-2-3%202-3-2-3%202V6a2%202%200%200%201%202-2zm2%204v2h9V8H6zm0%204v2h7v-2H6z%22%2F%3E%3C%2Fsvg%3E")}
.waiat-quote{position:relative;margin:1.5em 0;padding:1em 1.2em 1em 2.6em;background:#FAFAFA;border-left:4px solid #C7CCD6;border-radius:.3em}
.waiat-quote::before{content:"\201C";position:absolute;left:.35em;top:.05em;font-size:2.4em;color:#C7CCD6;line-height:1}
.waiat-quote blockquote{margin:0;border:0;padding:0}
.waiat-quote__cite{margin-top:.5em;font-size:.85em;color:#777;text-align:right}
.waiat-quote__cite::before{content:"\2014 "}
.waiat-compare-wrap{overflow-x:auto;margin:1.5em 0}
.waiat-compare{border-collapse:collapse;width:100%;min-width:30em}
.waiat-compare th,.waiat-compare td{border:1px solid #E2E2E2;padding:.6em .8em;text-align:center}
.waiat-compare thead th{background:var(--waiat-info,#1565C0);color:#fff}
.waiat-compare tbody tr:nth-child(even){background:#F7F9FC}
.waiat-compare tbody td:first-child,.waiat-compare tbody th{text-align:left;font-weight:600}
.waiat-compare tr.recommend{background:#FFF7E6}
.waiat-compare tr.recommend td:first-child{box-shadow:inset 4px 0 0 var(--waiat-caution,#EF6C00)}
.wsym{font-weight:700}.wsym-good{color:var(--waiat-success,#16A34A)}.wsym-mid{color:#E8890B}.wsym-bad{color:var(--waiat-danger,#DC2626)}
.waiat-rank{position:relative;border:1px solid #E5E7EB;border-radius:.6em;padding:1em 1.2em 1em 4.4em;margin:1em 0;background:#fff}
.waiat-rank__badge{position:absolute;left:.9em;top:1em;width:2.6em;height:2.6em;border-radius:50%;background:#9AA0A6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:1.05em;line-height:1}
.waiat-rank__badge small{font-size:.5em;font-weight:600;margin-top:.1em}
.waiat-rank--1 .waiat-rank__badge{background:#E0A800}
.waiat-rank--2 .waiat-rank__badge{background:#9AA0A6}
.waiat-rank--3 .waiat-rank__badge{background:#B87333}
.waiat-rank__name{font-weight:700;font-size:1.1em;margin:0 0 .2em}
.waiat-rank__stars{color:#E8A100;letter-spacing:.05em;margin:0 0 .4em}
.waiat-rank__num{color:#666;font-size:.85em;margin-left:.3em}
.waiat-rank>p:last-child{margin-bottom:0}
.waiat-plan{position:relative;border:2px solid #E5E7EB;border-radius:.7em;padding:1.2em 1.4em;margin:1.2em 0;background:#fff}
.waiat-plan--rec{border-color:var(--waiat-caution,#EF6C00)}
.waiat-plan__ribbon{position:absolute;top:-.8em;left:1.2em;background:var(--waiat-caution,#EF6C00);color:#fff;font-size:.75em;font-weight:700;padding:.25em .8em;border-radius:.3em}
.waiat-plan__name{font-weight:700;font-size:1.15em;margin:0 0 .2em}
.waiat-plan__price{font-size:1.6em;font-weight:800;color:var(--waiat-info,#1565C0);margin:0 0 .5em}
.waiat-plan__price small{font-size:.55em;font-weight:600;color:#666}
.waiat-plan ul{margin:0;padding-left:1.3em}
.waiat-plan li{margin:.3em 0}
.waiat-linkcard{margin:1.2em 0}
.waiat-linkcard a{display:block;border:1px solid #E5E7EB;border-radius:.6em;padding:.9em 1.1em;text-decoration:none;color:inherit;transition:background .15s}
.waiat-linkcard a:hover{background:#F7F8FA}
.waiat-linkcard__title{display:block;font-weight:700;color:var(--waiat-info,#1565C0);margin-bottom:.2em}
.waiat-linkcard__desc{display:block;font-size:.9em;color:#555;margin-bottom:.3em}
.waiat-linkcard__url{display:block;font-size:.8em;color:#999}
.waiat-linkcard__url::before{content:"\1F517 "}
.waiat-ba{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin:1.5em 0}
.waiat-ba__item{position:relative;margin:0}
.waiat-ba__item img{width:100%;height:auto;border-radius:.4em;display:block}
.waiat-ba__label{position:absolute;top:.5em;left:.5em;background:rgba(0,0,0,.7);color:#fff;font-size:.75em;font-weight:700;padding:.2em .6em;border-radius:.3em}
@media(max-width:600px){.waiat-ba{grid-template-columns:1fr}}
figure.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
figure.wp-block-table>table{width:auto;min-width:100%}
figure.wp-block-table>table.waiat-table--card{min-width:46em}
@media(max-width:600px){figure.wp-block-table>table.waiat-table--card thead{display:none}figure.wp-block-table>table.waiat-table--card,figure.wp-block-table>table.waiat-table--card tbody{display:block;min-width:0}figure.wp-block-table>table.waiat-table--card tr{display:block;margin:0 0 1em;border:1px solid #E2E2E2;border-radius:.5em}figure.wp-block-table>table.waiat-table--card td{display:block;min-width:0;padding:.4em .75em;border:0;border-bottom:1px solid #F0F0F0;text-align:left}figure.wp-block-table>table.waiat-table--card tr td:last-child{border-bottom:0}figure.wp-block-table>table.waiat-table--card td::before{content:attr(data-label);display:block;font-weight:700;color:#666;font-size:.8em;margin-bottom:.15em}figure.wp-block-table>table.waiat-table--card td:empty{display:none}}
.waiat-score{border:1px solid #E5E7EB;border-radius:.6em;padding:1.1em 1.3em;margin:1.4em 0;background:#fff}
.waiat-score__title{font-weight:700;font-size:1.1em;margin:0 0 .5em}
.waiat-score__overall{display:flex;align-items:baseline;gap:.15em;margin:0 0 .8em;flex-wrap:wrap}
.waiat-score__avgnum{font-size:2em;font-weight:800;color:var(--waiat-caution,#EF6C00);line-height:1}
.waiat-score__avgmax{font-size:.9em;color:#999;margin-right:.4em}
.waiat-score__avgstars{color:#E8A100;letter-spacing:.05em;font-size:1.2em}
.waiat-score__row{display:flex;align-items:center;gap:.6em;margin:.45em 0}
.waiat-score__label{flex:0 0 7em;font-size:.92em;font-weight:600;margin:0}
.waiat-score__bar{flex:1 1 auto;height:.7em;background:#EEF1F4;border-radius:.4em;overflow:hidden}
.waiat-score__fill{display:block;height:100%;background:linear-gradient(90deg,#FBBF24,#EF6C00);border-radius:.4em}
.waiat-score__val{flex:0 0 2.4em;text-align:right;font-weight:700;color:#555;font-size:.9em}
@media(max-width:600px){.waiat-score__label{flex-basis:5em;font-size:.85em}}
.waiat-author{border:1px solid #E5E7EB;border-radius:.6em;padding:1.1em 1.3em;margin:1.6em 0;background:#FAFAFB}
.waiat-author__role{display:inline-block;font-size:.75em;font-weight:700;color:#fff;background:var(--waiat-info,#1565C0);padding:.2em .7em;border-radius:.3em;margin:0 0 .6em}
.waiat-author__head{display:flex;align-items:center;gap:.9em;margin:0}
.waiat-author__avatar{width:3.6em;height:3.6em;border-radius:50%;object-fit:cover;border:1px solid #E5E5E5;flex-shrink:0}
.waiat-author__avatar--none{display:flex;align-items:center;justify-content:center;background:#EEF1F4;color:#9AA0A6;font-weight:800;font-size:1.3em}
.waiat-author__meta{display:flex;flex-direction:column;margin:0}
.waiat-author__name{font-weight:700;font-size:1.1em}
.waiat-author__title{font-size:.85em;color:#666;margin-top:.1em}
.waiat-author__bio{font-size:.92em;color:#444;margin:.7em 0 0}
.waiat-author__link{margin:.5em 0 0;font-size:.85em}
.waiat-author__link a{color:var(--waiat-info,#1565C0);text-decoration:none}
.waiat-author__link a:hover{text-decoration:underline}
.waiat-imgph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;min-height:11em;margin:1.5em 0;padding:1.2em;background:#F0F1F3;border:1px dashed #C9CDD3;border-radius:.5em;color:#9AA0A6;text-align:center}
.waiat-imgph__icon{font-size:2.2em;line-height:1}
.waiat-imgph__label{font-weight:700;font-size:.9em;letter-spacing:.1em}
.waiat-imgph__cap{font-size:.85em;color:#7A8088;max-width:32em}
.waiat-imgrow{display:grid;gap:.6em;margin:1.5em 0}
.waiat-imgrow--2{grid-template-columns:1fr 1fr}
.waiat-imgrow--3{grid-template-columns:1fr 1fr 1fr}
.waiat-imgcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;min-height:9em;padding:1em;background:#F0F1F3;border:1px dashed #C9CDD3;border-radius:.5em;color:#9AA0A6;text-align:center}
.waiat-imgcell::before{content:"🖼";font-size:1.8em;line-height:1}
.waiat-imgcell::after{content:attr(data-caption);font-size:.8em;color:#7A8088}
@media(max-width:600px){.waiat-imgrow--2,.waiat-imgrow--3{grid-template-columns:1fr}}
.waiat-fnref{font-size:.7em;vertical-align:super;line-height:0;margin-left:.1em}
.waiat-fnref a{color:var(--waiat-info,#1565C0);text-decoration:none}
.waiat-refs-wrap{margin:1.2em 0}
.waiat-refs{font-size:.88em;color:#555;padding-left:1.6em;margin:.4em 0}
.waiat-refs li{margin:.45em 0;line-height:1.6}
.waiat-refs a{color:var(--waiat-info,#1565C0);text-decoration:none;word-break:break-word}
.waiat-refs a:hover{text-decoration:underline}
.waiat-refs__dom{color:#999;font-size:.9em;margin-left:.3em}
.waiat-refs__back{margin-left:.4em;text-decoration:none;color:#999}
/* 吹き出し（WAIATの data-type="callout" 由来）。
 * WAIAT本体は話者アイコン付きの block-balloon を出すが、そのアイコンは旧WPテーマのパスを
 * 指しており本サイトには存在しないため、セリフだけのシンプルな表示にしている。 */
.waiat-balloon {
    position: relative;
    margin: 1.5em 0;
    padding: 1em 1.25em;
    background: #f6f7f9;
    border-radius: .75em;
}
.waiat-balloon::before {
    content: "";
    position: absolute;
    top: -0.5em;
    left: 1.5em;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-bottom: .5em solid #f6f7f9;
}
.waiat-balloon--right::before { left: auto; right: 1.5em; }
.waiat-balloon--right { background: #fdf0f0; }
.waiat-balloon--right::before { border-bottom-color: #fdf0f0; }
.waiat-balloon__name {
    display: block;
    font-size: .75em;
    font-weight: 700;
    color: #888;
    margin-bottom: .25em;
}
.waiat-balloon__says { margin: 0; }

/* 記事本文に差し込んだ画像（管理画面からアップロードしたもの） */
.waiat-figure {
    margin: 2em 0;
}
.waiat-figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .375em;
}
.waiat-figure figcaption {
    margin-top: .5em;
    font-size: .8125em;
    color: #666;
    text-align: center;
}
