
.jddg-project-guide{
  --jddg-bg:#f4f6f8;
  --jddg-panel:#fff;
  --jddg-text:#18242e;
  --jddg-muted:#66717d;
  --jddg-line:#d8e0e6;
  --jddg-navy:#17344d;
  --jddg-blue:#245d83;
  --jddg-soft:#eef3f6;
  --jddg-warn:#8a5b00;
  --jddg-warn-bg:#fff8e8;
  --jddg-ok:#17623b;
  --jddg-ok-bg:#edf8f2;
  color:var(--jddg-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.7
}
.jddg-project-guide *{box-sizing:border-box}
.jddg-project-guide a{color:#14577f;text-decoration:none}
.jddg-project-guide a:hover{text-decoration:underline}
.jddg-project-guide button,.jddg-project-guide input,.jddg-project-guide select,.jddg-project-guide textarea{font:inherit}
.jddg-project-guide .guide-hero{padding:32px 34px;border:1px solid var(--jddg-line);border-radius:14px;background:linear-gradient(180deg,#f8fafb,#eef3f6)}
.jddg-project-guide .guide-kicker,.jddg-project-guide .guide-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--jddg-muted);font-weight:700}
.jddg-project-guide h1{font-size:34px;line-height:1.25;margin:7px 0 3px;letter-spacing:-.02em}
.jddg-project-guide .guide-en{font-size:14px;color:var(--jddg-muted);font-weight:600}
.jddg-project-guide .guide-lead{max-width:880px;margin:16px 0 0;font-size:16px;color:#354957}
.jddg-project-guide .guide-notice{display:grid;gap:4px;margin-top:20px;padding:14px 16px;border-left:4px solid var(--jddg-blue);background:#fff;border-radius:8px;font-size:12px}
.jddg-project-guide .guide-notice span{color:#4d5f6d}
.jddg-project-guide .guide-privacy{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px}
.jddg-project-guide .guide-privacy>div{padding:14px 16px;border:1px solid var(--jddg-line);border-radius:10px;background:#fff}
.jddg-project-guide .guide-privacy strong{font-size:12px}
.jddg-project-guide .guide-privacy p{margin:4px 0 0;font-size:11px;color:var(--jddg-muted)}
.jddg-project-guide .guide-app{display:grid;gap:16px}
.jddg-project-guide .guide-panel{padding:22px;border:1px solid var(--jddg-line);border-radius:12px;background:var(--jddg-panel)}
.jddg-project-guide .guide-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}
.jddg-project-guide .guide-panel-head h2,.jddg-project-guide .guide-source h2{margin:3px 0 0;font-size:21px;line-height:1.35}
.jddg-project-guide .guide-panel-head p,.jddg-project-guide .guide-source p{margin:5px 0 0;font-size:12px;color:var(--jddg-muted)}
.jddg-project-guide .guide-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.jddg-project-guide .guide-btn,.jddg-project-guide .guide-link-btn{appearance:none;border:1px solid var(--jddg-navy);border-radius:8px;background:var(--jddg-navy);color:#fff;padding:9px 13px;font-size:12px;font-weight:700;cursor:pointer}
.jddg-project-guide .guide-btn-secondary{background:#fff;color:var(--jddg-navy)}
.jddg-project-guide .guide-btn-quiet,.jddg-project-guide .guide-link-btn{background:#fff;color:#526472;border-color:#cbd5dc}
.jddg-project-guide .guide-btn:hover,.jddg-project-guide .guide-link-btn:hover{filter:brightness(.98)}
.jddg-project-guide .guide-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jddg-project-guide .guide-identity-grid label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#4e606e}
.jddg-project-guide input[type="text"],.jddg-project-guide input[type="number"],.jddg-project-guide select,.jddg-project-guide textarea{width:100%;border:1px solid #cbd5dc;border-radius:8px;background:#fff;padding:9px 10px;color:var(--jddg-text)}
.jddg-project-guide input:focus,.jddg-project-guide select:focus,.jddg-project-guide textarea:focus{outline:2px solid rgba(36,93,131,.18);border-color:#6f9bb8}
.jddg-project-guide .guide-status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.jddg-project-guide .guide-status-card{padding:14px;border:1px solid var(--jddg-line);border-radius:10px;background:#fafbfc}
.jddg-project-guide .guide-status-card strong{display:block;font-size:24px;line-height:1.1;color:var(--jddg-navy)}
.jddg-project-guide .guide-status-card span{display:block;margin-top:5px;font-size:11px;color:var(--jddg-muted)}
.jddg-project-guide .guide-status-card.open{background:var(--jddg-warn-bg);border-color:#ead7a9}
.jddg-project-guide .guide-status-card.open strong{color:var(--jddg-warn)}
.jddg-project-guide .guide-updated{font-size:10px;color:var(--jddg-muted);white-space:nowrap}
.jddg-project-guide .guide-question{border:1px solid #c9d8e3;border-radius:12px;background:#f8fbfd;padding:18px}
.jddg-project-guide .guide-question-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.jddg-project-guide .guide-chip{display:inline-flex;align-items:center;border:1px solid #cbd7df;border-radius:999px;background:#fff;padding:3px 8px;font-size:10px;color:#4d6170}
.jddg-project-guide .guide-question h3{font-size:20px;margin:0}
.jddg-project-guide .guide-question .en-label{font-size:11px;color:var(--jddg-muted);margin-top:2px}
.jddg-project-guide .guide-impact{margin-top:9px;font-size:12px;color:#435968}
.jddg-project-guide .guide-question-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:15px}
.jddg-project-guide .guide-question-controls input,.jddg-project-guide .guide-question-controls select{max-width:330px}
.jddg-project-guide .guide-question-links{margin-top:14px;padding-top:12px;border-top:1px solid #dbe5eb;font-size:11px;color:var(--jddg-muted)}
.jddg-project-guide .guide-question-links a{margin-right:10px}
.jddg-project-guide .guide-empty{padding:16px;border:1px dashed #cbd5dc;border-radius:10px;color:var(--jddg-muted);font-size:12px;background:#fafbfc}
.jddg-project-guide .guide-gap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.jddg-project-guide .guide-gap-card{padding:14px;border:1px solid var(--jddg-line);border-radius:10px}
.jddg-project-guide .guide-gap-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.jddg-project-guide .guide-gap-head strong{font-size:13px}
.jddg-project-guide .guide-gap-head span{font-size:20px;font-weight:700;color:var(--jddg-navy)}
.jddg-project-guide .guide-gap-card p{margin:6px 0 0;font-size:11px;color:var(--jddg-muted)}
.jddg-project-guide .guide-gap-examples{margin-top:9px;padding-top:8px;border-top:1px solid #edf0f2;font-size:10px}
.jddg-project-guide .guide-gap-examples a{display:block;margin:3px 0}
.jddg-project-guide .guide-instance-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.jddg-project-guide .guide-instance-need,.jddg-project-guide .guide-instance-item{padding:13px;border:1px solid var(--jddg-line);border-radius:10px;background:#fafbfc}
.jddg-project-guide .guide-instance-need strong,.jddg-project-guide .guide-instance-item strong{font-size:12px}
.jddg-project-guide .guide-instance-need p,.jddg-project-guide .guide-instance-item p{margin:4px 0 9px;font-size:10px;color:var(--jddg-muted)}
.jddg-project-guide .guide-instances-list{display:grid;gap:7px;margin-top:12px}
.jddg-project-guide .guide-instance-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff}
.jddg-project-guide .guide-human-list{display:grid;gap:9px}
.jddg-project-guide .guide-human-item{padding:14px;border:1px solid var(--jddg-line);border-radius:10px;background:#fff}
.jddg-project-guide .guide-human-item-head{display:flex;justify-content:space-between;gap:12px}
.jddg-project-guide .guide-human-id{font-size:11px;font-weight:700;color:#1b577c}
.jddg-project-guide .guide-human-item p{margin:6px 0 0;font-size:12px;color:#425563}
.jddg-project-guide .guide-human-condition{font-size:11px;color:var(--jddg-muted);margin-top:5px}
.jddg-project-guide .guide-human-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.jddg-project-guide .guide-human-note{margin-top:9px}
.jddg-project-guide .guide-answered-list{display:grid;gap:7px}
.jddg-project-guide .guide-answered-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--jddg-line);border-radius:9px}
.jddg-project-guide .guide-answered-row strong{font-size:11px}
.jddg-project-guide .guide-answered-row .value{font-size:11px;color:#3c5363}
.jddg-project-guide .guide-source{background:#f8fafb}
.jddg-project-guide .guide-loading,.jddg-project-guide .guide-error{padding:20px;border:1px solid var(--jddg-line);border-radius:10px;background:#fff}
.jddg-project-guide .guide-error{border-color:#e0b4b4;background:#fff5f5;color:#7f2626}
.jddg-project-guide code{font-size:.92em;background:#f0f3f5;padding:1px 4px;border-radius:4px}
@media(max-width:1000px){
  .jddg-project-guide .guide-status-grid{grid-template-columns:repeat(3,1fr)}
  .jddg-project-guide .guide-gap-grid,.jddg-project-guide .guide-instance-needs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .jddg-project-guide .guide-hero{padding:22px 18px}
  .jddg-project-guide h1{font-size:27px}
  .jddg-project-guide .guide-privacy,.jddg-project-guide .guide-identity-grid{grid-template-columns:1fr}
  .jddg-project-guide .guide-panel{padding:17px}
  .jddg-project-guide .guide-panel-head{display:block}
  .jddg-project-guide .guide-actions{justify-content:flex-start;margin-top:12px}
  .jddg-project-guide .guide-status-grid{grid-template-columns:repeat(2,1fr)}
  .jddg-project-guide .guide-gap-grid,.jddg-project-guide .guide-instance-needs{grid-template-columns:1fr}
  .jddg-project-guide .guide-answered-row{grid-template-columns:1fr}
}

.jddg-project-guide .guide-more{margin-top:10px}

.jddg-project-guide .guide-count-note{margin:10px 0 0;font-size:10px;color:var(--jddg-muted)}

.jddg-project-guide .guide-instance-actions{display:flex;flex-wrap:wrap;gap:6px}
.jddg-project-guide .guide-absent-scopes{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid #d8e0e6;border-radius:9px;background:#f8fafb;font-size:10px;color:#536574}
.jddg-project-guide .guide-absent-scopes strong{margin-right:4px}
.jddg-project-guide .guide-absent-scopes span{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #d2dce3;border-radius:999px;background:#fff}
.jddg-project-guide .guide-absent-scopes button{appearance:none;border:0;background:transparent;color:#14577f;font-size:10px;font-weight:700;cursor:pointer;padding:0}
