*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--surface-canvas,#f5f5f8);color:var(--text-primary,#20222a);font-family:Inter,"PingFang SC",system-ui,sans-serif;line-height:1.85}a{color:var(--action-bg,#5848e8);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7562ef;outline-offset:4px}header:not(.pp-nav){display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:20px 5%;border-bottom:1px solid #ddd;background:var(--surface-content,#fff)}header:not(.pp-nav)>a:first-child{margin-right:auto;color:inherit;font-weight:700}header:not(.pp-nav) span{font-weight:400;color:#666}main{margin:40px auto;padding:0 24px;max-width:1240px}.reader{max-width:980px}.reader section{padding:36px 0;border-bottom:1px solid #d9dbe5;scroll-margin-top:24px}h1{font-size:clamp(30px,4vw,46px);line-height:1.35}h2{font-size:25px;line-height:1.5}h3{font-size:19px}p{max-width:76ch;overflow-wrap:anywhere}small{color:#656875}.lead{font-size:19px;color:#555b68}.hero{position:relative;padding:30px 0}.hero .method-icon{width:90px;height:96px;float:right;margin:0 0 20px 20px}.english,.eyebrow{color:#686b7a}.boundary{font-size:14px}.contents,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.contents a{padding:8px 12px;border-radius:8px;background:var(--surface-content,#fff);border:1px solid #ddd}.categories{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.categories button{min-height:48px;white-space:normal;text-align:left}.categories [aria-pressed=true]{background:var(--action-bg,#5848e8);color:var(--action-fg,#fff)}input{font:inherit;border:1px solid #bbb;border-radius:12px;padding:14px 18px;width:100%;background:var(--surface-content,#fff);color:inherit}label{display:block;font-weight:600;margin:24px 0 8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.method-card{display:flex;flex-direction:column;color:inherit;padding:26px;background:var(--surface-content,#fff);border:1px solid #ddd;border-radius:18px;transition:transform .15s}.method-card:hover{transform:translateY(-3px);text-decoration:none;border-color:var(--action-bg,#5848e8)}.method-card img{width:54px;height:58px;margin-bottom:16px}.method-card h2{font-size:21px}.method-card p{font-size:15px;color:#595f6d;flex:1}.method-card span{color:var(--action-bg,#5848e8);font-size:14px}.method-card[hidden]{display:none}.io-grid,.relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.io-grid article,.relation,.source,.step{padding:24px;border:1px solid #ddd;border-radius:14px;background:var(--surface-content,#fff)}.relation{color:inherit}.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;counter-reset:item}.flow li{border:1px solid #d4d0f0;border-top:4px solid var(--action-bg,#5848e8);background:var(--surface-content,#fff);border-radius:12px;padding:20px;position:relative}.flow span,.number{display:block;font-weight:700;color:var(--action-bg,#5848e8);font-size:23px}.flow p{font-size:14px}.step{margin:20px 0}.step h3{margin-top:0}.decision{border-left:3px solid var(--action-bg,#5848e8);padding:10px 18px;background:#f2efff}.decision p{margin:6px 0}.stop{font-size:14px;color:#785137}.source{margin:18px 0}.source p{font-size:15px}.code{border:1px solid #ccc;border-radius:14px;padding:16px;background:var(--surface-content,#fff);margin:20px 0;overflow:hidden}.code pre{overflow:auto;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.code>button{float:right}.code>span{display:block;font-size:14px}.standards{padding-left:26px}.standards li{padding:8px 12px}footer:not(.pp-footer){padding:32px;text-align:center;color:#727583;font-size:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;background:white;padding:12px}.document{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:24px;border-radius:14px}body .zw-btn{min-height:44px}img{max-width:100%}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){main{padding:0 18px;margin-top:24px}.cards,.io-grid,.relation-grid{grid-template-columns:1fr}.hero .method-icon{width:62px}.categories button{flex:1 1 44%;font-size:13px;padding:10px}.reader section{padding:24px 0}header:not(.pp-nav){gap:12px;font-size:14px}.flow{grid-template-columns:1fr}.method-card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.method-card{transition:none}}
.document{white-space:normal}.document pre{white-space:pre-wrap;overflow-wrap:anywhere}.document table{display:block;overflow:auto}
.cat-A{--icon-tint:#eaf1ff}.cat-B{--icon-tint:#eeeaff}.cat-C{--icon-tint:#fff1da}.cat-D{--icon-tint:#e6f5f3}.cat-E{--icon-tint:#eaf4e4}.cat-F{--icon-tint:#fce9ed}.cat-G{--icon-tint:#f1eafa}.method-card img,.method-icon{background:var(--icon-tint,#eeeaff);padding:8px;border-radius:12px}.method-card img{width:70px;height:74px}.hero .method-icon{padding:12px}

/* 055 visual graph and safe documents */
.dependency-map{overflow:auto;margin:24px 0;padding:12px;background:var(--bg-surface,#fff);border:1px solid #ddd;border-radius:14px}.dependency-map svg{display:block;width:100%;height:auto;min-width:300px}.table-scroll{overflow:auto} .document{white-space:normal}.document table{border-collapse:collapse;width:100%;font-size:14px}.document td,.document th{padding:10px;border:1px solid #ddd;text-align:left}.document pre{white-space:pre-wrap;overflow-wrap:anywhere} @media print{header,.contents,.copy{display:none}.reader{max-width:none}.dependency-map{overflow:visible}section{break-inside:auto}}

.reader .table-scroll table{border-collapse:collapse;width:100%;font-size:14px}.reader .table-scroll td,.reader .table-scroll th{padding:12px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}.reader .table-scroll th{background:var(--bg-surface,#fff)}
/* Site chrome is owned by project portal; content CSS cannot restyle it. */
.inno-method-site{background:var(--inno-canvas);color:var(--inno-text);font-family:var(--inno-font);--surface-canvas:var(--inno-canvas);--surface-content:var(--inno-surface);--text-primary:var(--inno-text);--action-bg:var(--inno-action);--action-fg:#fff}.inno-method-site .pp-nav a,.inno-method-site .pp-footer a{color:inherit}.inno-method-site .pp-links a[aria-current=page]{color:var(--inno-action)}.inno-method-site main.overview{max-width:1200px}.inno-method-site .method-card{border-color:var(--inno-border);border-radius:var(--inno-radius)}.inno-method-site .pp-nav a:hover,.inno-method-site .pp-footer a:hover{text-decoration:none}.inno-method-site .pp-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.inno-method-site .zw-btn{border-radius:9px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:500}.inno-method-site input{border-radius:9px;border-color:var(--inno-border)}.inno-method-site :is(.step,.source,.relation,.code,.io-grid article){border-radius:var(--inno-radius)}

/* ML-019: compact stage mark and stronger engineering icon silhouettes. */
.method-card{position:relative}.method-card .category-badge{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--inno-border,#d8dce4);border-radius:8px;background:var(--icon-tint,#eeeaff);color:#394150;font:700 15px/1 var(--inno-font,system-ui);letter-spacing:.02em}.method-card img{width:76px;height:76px;padding:7px;border-radius:14px;margin-bottom:12px}.method-card h2{margin-top:10px}.hero .method-icon{padding:9px}@media(max-width:600px){.method-card .category-badge{top:22px;right:22px;width:30px;height:30px}.method-card img{width:72px;height:72px}}