/* Scoped to article 191. Common templates and tracking are unchanged. */
.white-clarity-page #main{min-width:0}.wc191{--ink:#213b49;--gold:#9c6314;max-width:1000px;margin:0 auto;padding:32px 24px 64px;color:#243238;line-height:1.95;overflow-wrap:anywhere;background:#fff}.wc191 *{box-sizing:border-box}.wc191 h1{font-size:clamp(1.8rem,4.4vw,2.7rem);line-height:1.5;margin:12px 0 22px;color:var(--ink)}.wc191 h2{font-size:1.65rem;line-height:1.6;color:var(--ink);margin:48px 0 20px;border-left:5px solid var(--gold);padding-left:15px}.wc191 h3{font-size:1.2rem;line-height:1.7;margin-top:28px}.wc191 p{margin:16px 0}.wc191 a{color:#165f80;text-decoration:underline;text-underline-offset:.22em}.wc191 img{max-width:100%;height:auto;display:block}.wc191 .wc-kicker{color:#8a581a;font-size:.82rem;letter-spacing:.1em}.wc191 .wc-lead{font-size:1.08rem}.wc191 .wc-meta,.wc191 figcaption,.wc191 .wc-hint{font-size:.87rem;color:#4d5d63}.wc191 .wc-note{border-left:3px solid #c59449;background:#faf5e9;padding:14px 18px;font-size:.93rem}.wc191 .wc-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.wc191 .wc-picks section{border:1px solid #ded9ca;border-radius:16px;padding:22px;background:#fcfaf5;min-width:0}.wc191 .wc-picks h2{border:0;padding:0;margin:10px 0;font-size:1.3rem}.wc191 .wc-picks img{width:225px;height:225px;object-fit:contain;margin:auto;background:white}.wc191 .wc-tag{font-weight:bold;color:#8d5b18}.wc191 .wc-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px;background:#edf3f4;border-radius:12px;margin:30px 0}.wc191 .wc-toc a{font-size:.94rem}.wc191 figure{margin:28px 0}.wc191 .wc-hero img{width:100%;border-radius:10px}.wc191 .wc-hero figcaption{margin-top:10px}.wc191 .wc-diagram{padding:24px;background:#f7f7f1;border:1px solid #d7ded6;border-radius:14px}.wc191 .wc-diagram figcaption{font-size:1rem;font-weight:bold;color:#243e48;margin-bottom:18px}.wc191 .wc-diagram>p{font-size:.88rem}.wc191 .wc-axis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wc191 .wc-axis-grid>div{padding:18px;background:white;border:1px solid #ddd5c5;border-radius:9px;min-width:0}.wc191 .wc-axis-grid p{font-size:.92rem}.wc191 .wc-swatch{height:60px;display:block;border:1px solid #a87d2e;margin:14px 0;border-radius:9px}.wc191 .wc-pale-clear{background:repeating-linear-gradient(90deg,#f9cd5f 0 12px,#ffe3a2 12px 14px)}.wc191 .wc-pale-cloudy{background:#eac263}.wc191 .wc-dark-clear{background:repeating-linear-gradient(90deg,#744423 0 12px,#a66f3e 12px 14px)}.wc191 .wc-dark-cloudy{background:#8a6546}.wc191 .wc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;list-style:none;counter-reset:flow}.wc191 .wc-flow li{background:#fff;padding:18px 14px;border-top:4px solid #ac782c;border-radius:8px;min-width:0;counter-increment:flow}.wc191 .wc-flow li:before{content:counter(flow);display:block;font-weight:bold;color:#98631a}.wc191 .wc-flow span{display:block;font-size:.88rem;margin-top:8px}.wc191 .wc-table{max-width:100%;overflow-x:auto;border:1px solid #d6dedf;border-radius:8px}.wc191 table{width:100%;min-width:540px;border-collapse:collapse;font-size:.95rem}.wc191 caption{text-align:left;font-weight:bold;padding:12px}.wc191 th,.wc191 td{padding:14px;border:1px solid #d6dedf;vertical-align:top;text-align:left}.wc191 thead th{background:#284753;color:white}.wc191 tbody th{background:#f3f0e7;width:25%}.wc191 .wc-labels,.wc191 .wc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wc191 .wc-labels>div{background:white;border:2px solid #a87b35;padding:18px 12px;text-align:center;border-radius:6px}.wc191 .wc-labels b{display:block;color:#6e4412;letter-spacing:.05em}.wc191 .wc-labels span{display:block;font-size:.87rem;margin-top:8px}.wc191 .wc-choices>div{background:#f3f6f6;border-radius:12px;padding:18px}.wc191 .wc-choices h3{margin-top:0;font-size:1.08rem}.wc191 .wc-choices p{font-size:.94rem}.wc191 .wc-product{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px}.wc191 .wc-product>div{min-width:0}.wc191 .wc-product img{width:260px}.wc191 .cta-group{display:grid;grid-template-columns:1fr;gap:12px;max-width:100%}.wc191 .cta-group .shop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;max-width:100%;white-space:normal;border:1px solid #c4b894;border-radius:9px;padding:12px;background:#fff9e7;text-decoration:none}.wc191 .shop-logo{flex:0 0 80px}.wc191 .shop-logo img{max-width:80px;height:28px;object-fit:contain}.wc191 .shop-label{font-size:.94rem}.wc191 .wc-faq{padding:8px 0 16px;border-bottom:1px solid #dce2e1}.wc191 .wc-summary{background:#edf3f1;border-radius:12px;padding:20px 24px;margin-top:40px}.wc191 .wc-summary h2{margin-top:0}.wc191 details{padding:20px;background:#f5f5f1;border-radius:10px}.wc191 summary{cursor:pointer;font-weight:700}.wc191 section[id],.wc191 h3[id]{scroll-margin-top:25px}.wc191 .wc-glass{width:92px;height:200px;border:3px solid #c9d9dd;border-radius:18px 18px 28px 28px;margin:12px auto 25px;background:linear-gradient(#fff 0 18%,transparent 18%),repeating-linear-gradient(90deg,#ffd46a 0 15px,#ffe5a5 15px 17px);box-shadow:0 7px 0 -1px #d6e0df}.wc191 .wc-glass:after{content:'説明用イラスト';font-size:.7rem;display:block;text-align:center;width:160px;position:relative;top:200px;left:-35px;color:#56636a}
@media(max-width:700px){.wc191{padding:24px 16px 40px}.wc191 .wc-picks,.wc191 .wc-choices,.wc191 .wc-product,.wc191 .wc-flow,.wc191 .wc-labels{grid-template-columns:1fr}.wc191 .wc-toc{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.wc191 .wc-product img{margin:auto}.wc191 .wc-diagram{padding:16px}.wc191 .wc-axis-grid{gap:10px}.wc191 .wc-axis-grid>div{padding:10px}.wc191 .wc-axis-grid strong{font-size:.9rem}.wc191 h2{font-size:1.4rem}.wc191 .wc-product{gap:12px}.wc191 .wc-flow{gap:10px}.wc191 .wc-flow li{padding:12px}.wc191 .wc-flow li:before{display:inline;margin-right:12px}.wc191 .wc-flow span{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.wc191 *{scroll-behavior:auto}}