.article-page .page-head{padding:16px var(--container-pad) 0}.article-page .page-head .inner{max-width:880px}.article-page .article-wrap{max-width:720px;padding:24px var(--container-pad) 64px;margin:0 auto}.article-page .article-tail{max-width:880px;padding:56px var(--container-pad);margin:0 auto}.article-page .article-tail .aicopy-banner{margin:0}.article-page .a-head{margin-bottom:24px}.article-page .a-head .eyebrow{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-xs);font:var(--fw-bold) 12px/1.4 var(--font-base);align-items:center;gap:6px;margin-bottom:16px;padding:4px 10px;display:inline-flex}.article-page .a-head h1{font:var(--fw-bold) 36px/1.4 var(--font-base);color:var(--text-heading);letter-spacing:var(--ls-tight);margin:0 0 20px}.article-page .a-meta{font:var(--type-body-sm);color:var(--text-label);flex-wrap:wrap;align-items:center;gap:16px;display:flex}.article-page .a-meta .item{align-items:center;gap:6px;display:flex}.article-page .a-meta .icon{color:var(--gray-400);flex:none}.article-page .a-meta .item strong{color:var(--text-body);font-weight:var(--fw-medium)}.article-page .a-meta .item .ph{font-family:var(--font-mono);color:var(--text-placeholder)}.article-page .aicopy-banner{background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-md);margin:32px 0;overflow:hidden}.article-page .aicopy-banner .head{background:var(--primary-subtle);border-bottom:1px solid var(--primary-border);align-items:flex-start;gap:14px;padding:24px 28px;display:flex}.article-page .aicopy-banner .head-icon{background:var(--primary);width:44px;height:44px;color:var(--white);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:flex}.article-page .aicopy-banner .head-icon .icon{width:26px;height:26px;stroke:var(--white)}.article-page .aicopy-banner .head-text .eyebrow{font:var(--fw-bold) 11px/1.4 var(--font-base);color:var(--primary);letter-spacing:var(--ls-wide);margin-bottom:6px;display:inline-block}.article-page .aicopy-banner .head-text h2{font:var(--fw-bold) 20px/1.4 var(--font-base);color:var(--text-heading);letter-spacing:var(--ls-tight);margin:0 0 6px}.article-page .aicopy-banner .head-text p{font:var(--type-body-sm);color:var(--text-body);margin:0}.article-page .aicopy-banner .body{padding:20px 28px}.article-page .aicopy-banner .action{flex-wrap:wrap;gap:10px;display:flex}.article-page .aicopy-banner .help{font:var(--type-caption);color:var(--text-label);margin:8px 0 0}.article-page .aicopy-banner .textarea{width:100%;font:var(--type-body-sm);font-family:var(--font-mono);color:var(--text-body);background:var(--bg-standard);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-sizing:border-box;resize:vertical;min-height:240px;margin-top:12px;padding:12px;display:none}.article-page .aicopy-banner .textarea.show{display:block}.article-page .hero-img{aspect-ratio:16/9;background:var(--bg-standard);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--gray-400);justify-content:center;align-items:center;margin:32px 0;display:flex}.article-page .hero-img .icon{width:64px;height:64px}.article-page .hero-cover{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:auto;margin:32px 0;display:block}.article-page .related-products{padding:56px var(--container-pad);background:var(--bg-standard);border-top:1px solid var(--border-subtle)}.article-page .related-products .inner{max-width:880px;margin:0 auto}.article-page .related-products h2{font:var(--fw-bold) 22px/1.4 var(--font-base);color:var(--text-heading);letter-spacing:var(--ls-tight);margin:0 0 6px}.article-page .related-products .sub{font:var(--type-body);color:var(--text-label);margin:0 0 24px}.article-page .rp-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.article-page .rp-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-standard);flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.article-page .rp-card:hover{border-color:var(--primary)}.article-page .rp-card .thumb{aspect-ratio:1;background:var(--bg-standard);border-radius:var(--radius-xs);color:var(--gray-400);justify-content:center;align-items:center;display:flex}.article-page .rp-card .rp-maker{font:var(--fw-medium) 11px/1.4 var(--font-base);color:var(--text-label);letter-spacing:var(--ls-wide)}.article-page .rp-card .rp-name{font:var(--fw-bold) 14px/1.5 var(--font-base);color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.article-page .rp-card .rp-price{font:var(--fw-bold) 15px/1.4 var(--font-base);color:var(--text-heading);margin:0}.article-page .rp-card .rp-price .ph{font-family:var(--font-mono);color:var(--text-placeholder);font-weight:var(--fw-regular)}.article-page .rp-card .rp-price .yen-sm{font-size:11px;font-weight:var(--fw-regular);color:var(--text-label);margin-left:2px}.article-page .rp-card .rp-modelno{font:var(--type-caption);color:var(--text-body);margin:0}.article-page .rp-card .rp-external{font:var(--fw-medium) 12px/1.4 var(--font-base);color:var(--text-label)}.article-page .rp-card .rp-actions{flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;display:flex}.article-page .rp-card .rp-official{font:var(--fw-medium) 13px/1.4 var(--font-base);color:var(--text-link);text-decoration:none}.article-page .rp-card .rp-official:hover{text-decoration:underline}.article-page .rp-disclaimer{font:var(--type-caption);color:var(--text-label);background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:20px;padding:12px 16px}.article-page .rp-disclaimer strong{color:var(--text-body)}.article-page .related-articles{padding:56px var(--container-pad);background:var(--white)}.article-page .related-articles .inner{max-width:880px;margin:0 auto}.article-page .related-articles h2{font:var(--fw-bold) 22px/1.4 var(--font-base);color:var(--text-heading);letter-spacing:var(--ls-tight);margin:0 0 6px}.article-page .related-articles .sub{font:var(--type-body);color:var(--text-label);margin:0 0 24px}.article-page .ra-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.article-page .ra-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-standard);text-decoration:none;overflow:hidden}.article-page .ra-card:hover{border-color:var(--primary)}.article-page .ra-card .ra-thumb{aspect-ratio:16/9;background:var(--bg-standard);color:var(--gray-400);justify-content:center;align-items:center;display:flex}.article-page .ra-card .ra-body{padding:16px}.article-page .ra-card .ra-tag{background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-xs);font:var(--fw-medium) 11px/1.4 var(--font-base);margin-bottom:8px;padding:2px 8px;display:inline-block}.article-page .ra-card h3{font:var(--fw-bold) 16px/1.5 var(--font-base);color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;display:-webkit-box;overflow:hidden}.article-page .ra-card .ra-date{font:var(--type-caption);color:var(--text-label);margin:0}.article-page .ra-card .ra-date .ph{font-family:var(--font-mono)}.article-page .meta-footer{max-width:720px;padding:32px var(--container-pad);border-top:1px solid var(--border-subtle);margin:48px auto 0}.article-page .meta-footer .row{border-bottom:1px dashed var(--border-subtle);align-items:baseline;gap:16px;padding:12px 0;display:flex}.article-page .meta-footer .row:last-child{border-bottom:none}.article-page .meta-footer .k{font:var(--fw-bold) 13px/1.4 var(--font-base);color:var(--text-label);letter-spacing:var(--ls-wide);flex:none;min-width:100px}.article-page .meta-footer .v{font:var(--type-body-sm);color:var(--text-body);flex:1}.article-page .meta-footer .v a{color:var(--text-link);text-decoration:none}.article-page .meta-footer .v a:hover{text-decoration:underline}.article-page .meta-footer .v .ph{font-family:var(--font-mono);color:var(--text-placeholder)}@media (max-width:1024px){.article-page .rp-grid,.article-page .ra-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.article-page .a-head h1{font-size:26px}.article-page .aicopy-banner .head{flex-direction:column;gap:10px}.article-page .rp-grid,.article-page .ra-grid{grid-template-columns:1fr}}