.dag-page{
  background:
    radial-gradient(circle at top right, rgba(230,126,34,.10), transparent 22%),
    linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
}
.dag-page .container{max-width:1200px;}
.dag-intro{
  padding: 34px 0 10px;
}
.dag-intro-grid,
.dag-feature-grid,
.dag-form-grid,
.dag-asset-grid,
.dag-preview-actions,
.dag-preview-sign{
  display:grid;
  gap:18px;
}
.dag-intro-grid,
.dag-feature-grid{grid-template-columns: repeat(3, minmax(0,1fr));}
.dag-promo{
  background: linear-gradient(135deg, rgba(26,54,93,.98), rgba(26,54,93,.86));
  color:#fff;
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 55px rgba(26,54,93,.16);
}
.dag-promo h2,.dag-promo h3{color:#fff; margin-top:0;}
.dag-promo p{margin:0 0 12px; opacity:.95;}
.dag-promo .btn-outline{background:transparent; color:#fff; border-color:rgba(255,255,255,.68);}
.dag-card,
.dag-app,
.dag-panel,
.dag-preview-doc,
.dag-side-note,
.dag-step-card{
  background:#fff;
  border:1px solid rgba(26,54,93,.08);
  border-radius:22px;
  box-shadow:0 12px 32px rgba(15,23,42,.06);
}
.dag-card,
.dag-step-card{padding:22px;}
.dag-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.85rem;
  font-weight:800;
  color:var(--primary);
  background:rgba(26,54,93,.07);
  border-radius:999px;
  padding:7px 12px;
  margin-bottom:12px;
}
.dag-card h3,.dag-step-card h3{margin:0 0 10px; font-size:1.15rem;}
.dag-card p,.dag-step-card p{margin:0; color:#475569;}
.dag-card ul,
.dag-step-card ul,
.dag-note-list,
.dag-rule-list,
.dag-help-list{margin:12px 0 0 18px; padding:0; color:#475569;}
.dag-app-wrap{padding:12px 0 46px;}
.dag-app{
  overflow:hidden;
}
.dag-app-head{
  padding:24px 28px 18px;
  background:linear-gradient(135deg, rgba(26,54,93,.97), rgba(38,76,122,.88));
  color:#fff;
}
.dag-app-head h2{color:#fff; margin:0; padding-left:0; font-size:1.7rem;}
.dag-app-head h2::before{display:none;}
.dag-app-head p{margin:10px 0 0; max-width:760px; opacity:.94;}
.dag-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.dag-toolbar button,
.dag-toolbar label,
.dag-action,
.dag-nav-btn,
.dag-pill,
.dag-side-step{
  font:inherit;
}
.dag-toolbar button,
.dag-toolbar label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.12);
  color:#fff;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
}
.dag-toolbar button:hover,
.dag-toolbar label:hover{background:rgba(255,255,255,.18);}
.dag-toolbar input[type="file"]{display:none;}
.dag-progress{height:8px; background:rgba(255,255,255,.18); border-radius:999px; margin-top:18px; overflow:hidden;}
.dag-progress-bar{height:100%; background:linear-gradient(90deg, #f8b26a, #f0d197); width:0; transition:width .25s ease;}
.dag-app-body{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:0;
  min-height:680px;
}
.dag-side{
  border-right:1px solid rgba(26,54,93,.08);
  padding:24px 18px;
  background:linear-gradient(180deg, rgba(26,54,93,.025), rgba(26,54,93,0));
}
.dag-side-nav{display:flex; flex-direction:column; gap:8px; position:sticky; top:96px;}
.dag-side-step{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  border:none;
  text-align:left;
  padding:14px 16px;
  border-radius:18px;
  background:transparent;
  color:#475569;
  cursor:pointer;
  transition:all .18s ease;
}
.dag-side-step:hover{background:rgba(26,54,93,.06); color:var(--primary);}
.dag-side-step.is-active{
  background:rgba(26,54,93,.08);
  color:var(--primary);
  box-shadow: inset 0 0 0 1px rgba(26,54,93,.08);
}
.dag-side-step.is-done .dag-side-step__num{background:#ecfdf5; color:#047857; border-color:#a7f3d0;}
.dag-side-step__num{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(26,54,93,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.88rem;
  background:#fff;
}
.dag-side-step__text strong{display:block; font-size:.98rem;}
.dag-side-step__text span{display:block; font-size:.78rem; opacity:.8; margin-top:2px;}
.dag-main{padding:28px;}
.dag-main-head{display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px;}
.dag-main-head h3{margin:0; font-size:1.6rem; color:var(--primary);}
.dag-main-head p{margin:8px 0 0; color:#64748b;}
.dag-main-content{display:grid; gap:18px;}
.dag-alert,
.dag-info,
.dag-tip{
  border-radius:18px;
  padding:18px 18px 18px 20px;
}
.dag-alert{background:#fff7ed; border-left:4px solid #fb923c;}
.dag-info{background:#eff6ff; border-left:4px solid #60a5fa;}
.dag-tip{background:#ecfeff; border-left:4px solid #22c55e;}
.dag-alert h4,.dag-info h4,.dag-tip h4{margin:0 0 8px; color:#0f172a; font-size:1rem;}
.dag-alert p,.dag-info p,.dag-tip p{margin:0; color:#475569;}
.dag-field,
.dag-fieldset{
  display:grid;
  gap:8px;
}
.dag-fieldset{padding:0; border:none; margin:0;}
.dag-fieldset legend{font-weight:800; color:var(--primary); margin-bottom:10px;}
.dag-label{font-size:.96rem; font-weight:700; color:#334155;}
.dag-help{font-size:.82rem; color:#64748b; line-height:1.6;}
.dag-input,
.dag-select,
.dag-textarea{
  width:100%;
  border:1px solid #d7dde7;
  background:#fff;
  border-radius:14px;
  padding:12px 14px;
  font:inherit;
  color:#0f172a;
}
.dag-textarea{min-height:120px; resize:vertical;}
.dag-input:focus,
.dag-select:focus,
.dag-textarea:focus{border-color:rgba(26,54,93,.44); box-shadow:0 0 0 4px rgba(26,54,93,.08); outline:none;}
.dag-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.dag-form-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr));}
.dag-choice-grid{display:flex; flex-wrap:wrap; gap:10px;}
.dag-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  border-radius:999px;
  border:1px solid #d7dde7;
  background:#fff;
  color:#334155;
  cursor:pointer;
  font-weight:700;
  transition:all .15s ease;
}
.dag-pill:hover{border-color:rgba(26,54,93,.28); color:var(--primary);}
.dag-pill.is-selected{background:var(--primary); color:#fff; border-color:var(--primary); box-shadow:0 8px 18px rgba(26,54,93,.18);}
.dag-check-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
.dag-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fff;
  border:1px solid #d7dde7;
  border-radius:16px;
  padding:12px 14px;
}
.dag-check input{margin-top:3px;}
.dag-check span{color:#334155;}
.dag-stack{display:grid; gap:14px;}
.dag-children-head,
.dag-assets-head,
.dag-preview-actions,
.dag-nav-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.dag-action,
.dag-nav-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:14px;
  border:none;
  cursor:pointer;
  padding:12px 18px;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.dag-action:hover,
.dag-nav-btn:hover{transform:translateY(-1px);}
.dag-action--primary,
.dag-nav-btn--primary{background:var(--primary); color:#fff; box-shadow:0 14px 28px rgba(26,54,93,.18);}
.dag-action--ghost,
.dag-nav-btn--ghost{background:#fff; color:var(--primary); border:1px solid rgba(26,54,93,.16);}
.dag-action--danger{background:#fff1f2; color:#be123c; border:1px solid rgba(244,63,94,.2);}
.dag-action--muted{background:#f8fafc; color:#475569; border:1px solid #d7dde7;}
.dag-action[disabled],
.dag-nav-btn[disabled]{opacity:.45; cursor:not-allowed; transform:none; box-shadow:none;}
.dag-entity,
.dag-asset-item{
  padding:20px;
  border:1px solid rgba(26,54,93,.1);
  border-radius:20px;
  background:linear-gradient(180deg, #fff, #fcfdff);
}
.dag-entity-head,
.dag-asset-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px;}
.dag-entity-title,
.dag-asset-title{font-weight:800; color:var(--primary); font-size:1.05rem;}
.dag-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.dag-mini{font-size:.85rem; color:#64748b;}
.dag-preview-doc{padding:34px; background:#fff;}
.dag-preview-doc h4{margin:0; font-size:1.08rem; color:#111827;}
.dag-clause{display:grid; gap:7px; padding:0 0 18px; border-bottom:1px solid rgba(15,23,42,.08); margin-bottom:18px;}
.dag-clause:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.dag-clause p{margin:0; white-space:pre-wrap; color:#334155;}
.dag-preview-sign{grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:32px;}
.dag-sign-box{padding-top:14px; border-top:1px solid rgba(15,23,42,.12);}
.dag-sign-line{display:block; border-bottom:1px solid rgba(15,23,42,.4); padding:0 0 4px; margin-top:10px; min-height:32px;}
.dag-side-note{padding:20px; background:linear-gradient(180deg, rgba(230,126,34,.08), rgba(230,126,34,.02));}
.dag-side-note h4{margin:0 0 10px; color:var(--primary);}
.dag-nav-actions{margin-top:20px; padding-top:20px; border-top:1px solid rgba(26,54,93,.08);}
.dag-mobile-steps{
  display:none;
  gap:10px;
  overflow:auto;
  padding-bottom:2px;
  margin-bottom:18px;
}
.dag-mobile-step{
  flex:0 0 auto;
  min-width:122px;
  border-radius:16px;
  border:1px solid #d7dde7;
  background:#fff;
  padding:10px 12px;
  text-align:left;
  cursor:pointer;
}
.dag-mobile-step strong{display:block; color:#0f172a;}
.dag-mobile-step span{display:block; margin-top:3px; font-size:.75rem; color:#64748b;}
.dag-mobile-step.is-active{border-color:var(--primary); background:#f7fafc; box-shadow:0 8px 18px rgba(26,54,93,.08);}
.dag-link-inline{font-weight:800; color:var(--primary); text-decoration:none;}
.dag-link-inline:hover{text-decoration:underline; text-underline-offset:3px;}
@media print {
  header, .breadcrumb, #contact, .site-footer, .floating-cv, .fixed-cta, .dag-promo, .dag-intro, .dag-app-head, .dag-side, .dag-nav-actions, .dag-mobile-steps, .dag-side-note, .dag-preview-actions {display:none !important;}
  body, .dag-page{background:#fff !important;}
  .dag-app, .dag-preview-doc{box-shadow:none !important; border:none !important;}
  .dag-main{padding:0 !important;}
  .dag-preview-doc{padding:0 !important;}
}
@media (max-width: 1080px){
  .dag-intro-grid,
  .dag-feature-grid,
  .dag-form-grid,
  .dag-asset-grid,
  .dag-check-grid,
  .dag-preview-sign{grid-template-columns:1fr 1fr;}
  .dag-app-body{grid-template-columns:1fr;}
  .dag-side{display:none;}
  .dag-mobile-steps{display:flex;}
}
@media (max-width: 720px){
  .dag-intro-grid,
  .dag-feature-grid,
  .dag-form-grid,
  .dag-form-grid--triple,
  .dag-asset-grid,
  .dag-check-grid,
  .dag-preview-sign{grid-template-columns:1fr;}
  .dag-app-head,
  .dag-main,
  .dag-preview-doc{padding:22px;}
  .dag-main-head h3{font-size:1.35rem;}
  .dag-promo{padding:22px;}
}


/* 2026-03-18 fullscreen app tuning */
html{height:100%;}
body.dag-page > header,
body.dag-page > .breadcrumb,
body.dag-page > .site-footer,
body.dag-page > .floating-cv,
body.dag-page > .fixed-cta{
  flex:0 0 auto;
}
.dag-page .kr-section-navwrap,
.dag-page .breadcrumb,
.dag-page .site-footer,
.dag-page .floating-cv,
.dag-page .fixed-cta{
  display:none !important;
}

.dag-page .container.dag-shell__container{
  max-width:1320px;
}

.dag-app-head{
  flex:0 0 auto;
  padding:18px 22px 14px;
}
.dag-app-head p{
  max-width:none;
  margin-top:8px;
}
.dag-toolbar{margin-top:12px;}
.dag-progress{margin-top:14px;}

.dag-side{
  padding:18px 14px;
  overflow:auto;
}
.dag-side-nav{
  position:static;
  top:auto;
}

.dag-main-head{
  flex:0 0 auto;
  margin-bottom:14px;
}
.dag-main-head h3{font-size:1.45rem;}

.dag-main-content::-webkit-scrollbar,
.dag-side::-webkit-scrollbar,
.dag-mobile-steps::-webkit-scrollbar{
  width:8px;
  height:8px;
}
.dag-main-content::-webkit-scrollbar-thumb,
.dag-side::-webkit-scrollbar-thumb,
.dag-mobile-steps::-webkit-scrollbar-thumb{
  background:rgba(26,54,93,.22);
  border-radius:999px;
}
.dag-nav-actions{
  flex:0 0 auto;
  margin-top:14px;
  padding-top:14px;
  background:linear-gradient(180deg, rgba(255,255,255,0), #fff 22%);
}
.dag-preview-doc{padding:26px;}
.dag-page .dag-intro,
.dag-page .dag-promo,
.dag-page #contact{
  display:none !important;
}
@media (max-width: 1080px){
  .dag-shell{padding-top:10px;}
  .dag-app-head{padding:16px 18px 12px;}
  .dag-app-body{grid-template-columns:1fr;}
  .dag-main{padding:18px;}
  .dag-main-content{padding-right:2px;}
}
@media (max-width: 720px){
  body.dag-page{
    height:100svh;
  }
  .dag-shell{padding:8px 0 10px;}
  .dag-app-head,
  .dag-main,
  .dag-preview-doc{padding:16px;}
  .dag-toolbar button,
  .dag-toolbar label{padding:9px 12px;}
  .dag-nav-actions{gap:10px;}
  .dag-nav-btn{flex:1 1 0;}
}
/* 離婚協議書ナビを通常スクロールページとして表示 */
html{
  height:auto;
}

body.dag-page{
  height:auto;
  min-height:100vh;
  display:block;
  overflow-x:visible;
  overflow-y:auto;
  overscroll-behavior:auto;
}

.dag-shell,
.dag-shell__container,
#agreement-navi-app,
.dag-app{
  height:auto;
  min-height:0;
  overflow:visible;
}

.dag-app-body{
  min-height:680px;
}

.dag-main,
.dag-main-content,
.dag-side{
  min-height:0;
  overflow:visible;
}