.docs-section{background:#F8F6F1;padding:48px 40px 64px;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;position:relative;}
.docs-section::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#F8F6F1;z-index:0;}
.docs-section > *{position:relative;z-index:1;}

/* Page header */
.docs-section .page-header{text-align:center;margin-bottom:48px;}
.docs-section .page-header h2{font-size:32px;color:#1A3A5C;margin:0;font-weight:bold;letter-spacing:3px;}
.docs-section .page-header .deco{width:50px;height:2px;background:#C9A961;margin:16px auto 0;}
.docs-section .page-header .sub-text{font-size:14px;color:#888;margin-top:12px;line-height:1.7;}

/* Document cards — 3 columns */
.docs-section .doc-list{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}

.docs-section .doc-card{background:#fff;border:1px solid #DDE5EF;border-radius:12px;overflow:hidden;transition:box-shadow 0.25s,border-color 0.25s,transform 0.25s;}
.docs-section .doc-card:hover{box-shadow:0 6px 24px rgba(26,58,92,0.10);border-color:#C9A961;transform:translateY(-4px);}

/* Card header — gradient */
.docs-section .doc-card .dc-header{background:linear-gradient(135deg,#1A3A5C,#2A5A8C);padding:28px 24px;text-align:center;position:relative;}
.docs-section .doc-card .dc-header::before{content:"";display:inline-block;width:6px;height:24px;background:#C9A961;border-radius:3px;position:absolute;left:24px;top:50%;transform:translateY(-50%);}
.docs-section .doc-card .dc-icon{font-size:36px;margin-bottom:10px;}
.docs-section .doc-card .dc-title{font-size:17px;color:#fff;font-weight:bold;letter-spacing:1px;margin:0;}
.docs-section .doc-card .dc-subtitle{font-size:11px;color:#C9A961;letter-spacing:2px;text-transform:uppercase;margin-top:4px;}

/* Card body */
.docs-section .doc-card .dc-body{padding:24px 24px 28px;}
.docs-section .doc-card .dc-body p{font-size:14px;color:#555;line-height:1.9;margin:0 0 12px;}
.docs-section .doc-card .dc-body p:last-child{margin-bottom:0;}
.docs-section .doc-card .dc-body strong{color:#1A3A5C;}
.docs-section .doc-card .dc-body a{color:#1A3A5C;text-decoration:underline;}
.docs-section .doc-card .dc-body a:hover{color:#C9A961;}

/* Steps inside card */
.docs-section .doc-card .dc-steps{list-style:none;padding:0;margin:12px 0 0;}
.docs-section .doc-card .dc-steps li{position:relative;padding-left:28px;margin-bottom:10px;font-size:13px;color:#666;line-height:1.8;}
.docs-section .doc-card .dc-steps li:last-child{margin-bottom:0;}
.docs-section .doc-card .dc-steps li::before{content:"";position:absolute;left:0;top:8px;width:18px;height:18px;background:#F0F4F8;border-radius:50%;border:2px solid #C9A961;}
.docs-section .doc-card .dc-steps li .step-num{position:absolute;left:3px;top:6px;width:12px;text-align:center;font-size:10px;font-weight:bold;color:#1A3A5C;z-index:1;}

/* Highlight box inside card */
.docs-section .doc-card .dc-box{margin-top:14px;padding:12px 16px;background:#F0F4F8;border-radius:6px;font-size:13px;color:#555;line-height:1.8;}
.docs-section .doc-card .dc-box strong{color:#1A3A5C;}
.docs-section .doc-card .dc-box .pdf-tag{display:inline-block;background:#1A3A5C;color:#fff;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:bold;margin:0 2px;}

@media (max-width:768px){
  .docs-section .doc-list{grid-template-columns:1fr;gap:16px;}
}
@media (max-width:600px){
  .docs-section{padding:32px 16px 44px;}
  .docs-section .page-header h2{font-size:24px;}
  .docs-section .doc-card .dc-header{padding:20px 16px;}
  .docs-section .doc-card .dc-icon{font-size:28px;}
  .docs-section .doc-card .dc-title{font-size:15px;}
  .docs-section .doc-card .dc-body{padding:18px 16px 20px;}
  .docs-section .doc-card .dc-body p{font-size:13px;}
  .docs-section .doc-card .dc-steps li{font-size:12px;}
}