.article-tools-note{display:flex;gap:14px;flex-wrap:wrap;padding:20px 0;font-size:13px;border-bottom:1px solid #c5d4df}.article-tools-note span{font-weight:400}
.article-visual{margin:32px auto 44px;padding:32px;background:#f0f5f8;border:1px solid #d5e0e7;max-width:860px;color:#173f6a}
.visual-heading{margin-bottom:24px}.visual-heading>span,.sheet-head>span{font-size:12px;letter-spacing:.08em;display:block;margin-bottom:10px}.visual-heading h3,.sheet-head h3{font-size:24px;line-height:1.55;margin:0;text-wrap:pretty}
.article-visual figcaption{font-size:12px;font-weight:400;line-height:1.9;margin-top:24px;padding-top:16px;border-top:1px solid #c5d4df;color:#50687b}
.visual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.visual-steps>li{position:relative;border-top:3px solid #173f6a;padding-top:18px}
.visual-steps>li+li::before{content:'→';position:absolute;left:-21px;top:34px;font-size:20px}
.step-no{font-size:13px;display:block;margin-bottom:12px}.visual-steps h4{font-size:20px;line-height:1.5;margin:0 0 12px}.visual-steps p{font-size:14px;line-height:1.9;font-weight:500}
.article-sheet{margin:32px 0 0;padding:32px;background:#fff;border:1px solid #b4c6d3;box-shadow:5px 5px 0 #dce7ee;color:#173f6a}
.sheet-head{border-bottom:3px solid #173f6a;padding-bottom:20px}.sheet-head>p{font-size:12px;font-weight:400;line-height:1.8;margin-top:12px}
.article-sheet dl{margin:0}.article-sheet dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:19px 0;border-bottom:1px solid #d4dfe7}.article-sheet dt{font-size:14px;font-weight:700}.article-sheet dd{margin:0;font-size:15px;font-weight:500;line-height:1.9}
.sheet-download{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#173f6a;color:#fff;padding:16px 20px;margin-top:24px;font-size:14px;min-height:48px}.sheet-download:hover{background:#28547b}.sheet-format{font-size:12px;font-weight:400;margin:10px 0 0}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-pair img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-pair .photo-detail{object-fit:cover;object-position:70% 45%;aspect-ratio:4/3;clip-path:inset(0)}
.photo-pair>div:nth-child(2){overflow:hidden}.photo-pair>div:nth-child(2) img{object-fit:none;object-position:66% 44%;height:220px}
.photo-pair h4{font-size:17px;margin:18px 0 8px}.photo-pair p{font-size:14px;font-weight:500}
.actual-screen img{width:100%;height:auto;border:1px solid #b6c6d3}.screen-notes{padding-left:22px;font-weight:500;font-size:15px;margin-top:24px}.screen-notes li+li{margin-top:14px}
.crop-demo{display:grid;grid-template-columns:1fr 180px;gap:32px;align-items:center}.crop-controls p{font-size:15px;font-weight:500}.crop-controls [role=group]{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.crop-controls button{border:1px solid #173f6a;background:white;color:#173f6a;padding:12px;font-size:14px;min-height:44px}.crop-controls button[aria-pressed=true]{background:#173f6a;color:white}.crop-phone{border:6px solid #173f6a;border-radius:16px;overflow:hidden;background:white}.crop-phone img{width:100%;height:280px;object-fit:cover;object-position:0% center}.crop-demo.is-hand .crop-phone img{object-position:72% center}.crop-status{font-size:13px!important}
.editor-demo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor-fields,.editor-result{padding:24px;background:#fff;border:1px solid #bccdd9;min-width:0}.editor-fields label{display:block;font-size:13px;margin-top:18px}.editor-fields input,.editor-fields textarea{display:block;width:100%;min-width:0;border:1px solid #96aebb;background:#fff;color:#173f6a;padding:12px;margin-top:8px;font:inherit;font-size:16px;line-height:1.65;border-radius:0}.editor-fields>p{font-size:12px;margin-top:14px;font-weight:400}.demo-label{font-size:12px;font-weight:600}.editor-result h4{font-size:22px;line-height:1.6;margin:24px 0;overflow-wrap:anywhere}.editor-result h5{font-size:13px;margin:22px 0 10px}.editor-result p{font-size:14px;font-weight:400;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.demo-draft{display:inline-block;font-size:12px;background:#f2e725;padding:6px 10px;margin-top:24px}
.answer-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.answer-pair>div{padding:24px;background:#fff}.answer-pair>div:last-child{border-top:4px solid #173f6a}.answer-pair span{display:block;font-size:12px;margin-bottom:16px}.answer-pair h4{font-size:19px;line-height:1.5;margin:0 0 16px}.answer-pair p{font-size:15px;font-weight:500;line-height:1.95}
.system-root{background:#173f6a;color:#fff;text-align:center;padding:24px;max-width:400px;margin:auto}.system-map h4{font-size:20px;margin:0 0 8px}.system-map p{font-size:14px;font-weight:500}.system-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.system-branches>div{position:relative;border:1px solid #a9bece;background:#fff;padding:20px}.system-branches>div:before{content:'';position:absolute;left:50%;top:-37px;width:1px;height:36px;background:#173f6a}.system-branches h4{font-size:18px}
.journal-card img[src*="editorial"]{object-fit:contain;background:#f2f6f9}
@media(max-width:700px){.article-visual{padding:22px 18px;margin:26px auto 34px}.visual-heading h3,.sheet-head h3{font-size:21px}.visual-steps{grid-template-columns:1fr;gap:24px}.visual-steps>li{padding:14px 0 0 38px}.step-no{position:absolute;left:0;top:16px}.visual-steps>li+li:before{content:none}.visual-steps h4{font-size:19px}.article-sheet{padding:22px 18px}.article-sheet dl>div{grid-template-columns:1fr;gap:8px;padding:16px 0}.article-sheet dd{font-size:15px}.photo-pair{grid-template-columns:1fr;gap:24px}.photo-pair>div:nth-child(2) img{height:200px}.editor-demo,.answer-pair{grid-template-columns:1fr}.editor-fields,.editor-result{padding:20px}.crop-demo{grid-template-columns:1fr;gap:24px}.crop-phone{width:180px;justify-self:center}.system-branches{grid-template-columns:1fr;gap:18px;margin-top:24px}.system-branches>div:before{height:18px;top:-19px}.system-branches>div:first-child:before{height:24px;top:-25px}.sheet-download{font-size:14px;padding:14px}.article-tools-note{gap:5px}}
@media(prefers-reduced-motion:reduce){.article-visual *{transition:none!important}}

.photo-pair img,.photo-pair>div:nth-child(2) img{height:240px;aspect-ratio:auto}
@media(max-width:700px){.photo-pair img,.photo-pair>div:nth-child(2) img{height:210px}}
.journal-thumb img[src*="editorial"]{object-fit:contain!important;background:#f2f6f9}

.system-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.system-branches>div:before{display:none}.system-branches>div{border-left:3px solid #173f6a}
@media(max-width:700px){.system-branches{grid-template-columns:1fr}}