/* Complete Decision Guide — reasoning + visual storytelling refinement | 20 Aug 2026 */
.complete-guide-page .hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#071827 0%,#0a2133 55%,#0d2a3f 100%);}
.complete-guide-page .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(191,145,63,.18),transparent 35%);pointer-events:none;}
.complete-guide-page .hero .wrap{position:relative;z-index:1;}
.complete-guide-page .hero-grid{align-items:center;gap:clamp(40px,7vw,96px);}
.complete-guide-page .hero-card{background:transparent;border:0;box-shadow:none;padding:0;display:flex;justify-content:center;}
.complete-guide-page .hero-card:before{content:"";position:absolute;width:min(36vw,440px);height:min(36vw,440px);border-radius:50%;background:radial-gradient(circle,rgba(209,163,76,.19),rgba(209,163,76,0) 66%);filter:blur(1px);}
.complete-guide-page .hero-card .cover{position:relative;z-index:1;max-height:560px;width:auto;filter:drop-shadow(0 26px 36px rgba(0,0,0,.42));transform:rotate(1.1deg);}
.complete-guide-page .hero .lead{max-width:720px;}
.complete-guide-page .meta-strip{flex-wrap:wrap;}

.cg-flow-section{background:#f6f1e7;position:relative;overflow:hidden;}
.cg-flow-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(184,139,57,.045),transparent 34%,rgba(9,31,48,.035));pointer-events:none;}
.cg-flow{position:relative;z-index:1;margin-top:36px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;align-items:start;}
.cg-flow-step{position:relative;padding:0 14px;text-align:center;}
.cg-flow-step:not(:last-child):after{content:"";position:absolute;top:26px;left:67%;right:-33%;height:1px;background:linear-gradient(90deg,#b78a38,#d7bb83);}
.cg-flow-num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#092035;color:#d7b76e;border:1px solid #b98938;font-family:Georgia,serif;font-size:1.15rem;box-shadow:0 8px 20px rgba(9,32,53,.12);position:relative;z-index:2;}
.cg-flow-step h3{font-size:1rem;margin:.25rem 0 .45rem;color:#0a2034;}
.cg-flow-step p{font-size:.88rem;line-height:1.5;color:#52606c;margin:0 auto;max-width:180px;}

.cg-evidence-strip{margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(183,138,56,.45);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.6);}
.cg-evidence-item{padding:24px 22px;min-height:150px;}
.cg-evidence-item+.cg-evidence-item{border-left:1px solid rgba(183,138,56,.28);}
.cg-evidence-item strong{display:block;font-family:Georgia,serif;font-size:1.18rem;color:#0a2034;margin-bottom:7px;}
.cg-evidence-item span{color:#5c6771;font-size:.94rem;line-height:1.52;}

.cg-success-section{background:#071a2a;color:#f8f3e8;position:relative;overflow:hidden;}
.cg-success-section:after{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 78% 50%,rgba(201,154,67,.16),transparent 32%);pointer-events:none;}
.cg-success-section .wrap{position:relative;z-index:1;}
.cg-success-section h2,.cg-success-section h3{color:#fff9eb;}
.cg-success-section p{color:#d8e0e6;}
.cg-success-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;margin-top:20px;}
.cg-success-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cg-success-item{padding:20px;border-top:1px solid rgba(218,177,92,.5);background:rgba(255,255,255,.025);}
.cg-success-item strong{display:block;color:#e1bd6f;font-size:1.04rem;margin-bottom:5px;}
.cg-success-item span{color:#cbd6dd;font-size:.92rem;line-height:1.48;}
.cg-success-question{border-left:3px solid #c6963e;padding:24px 0 24px 26px;font-family:Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.24;color:#fff9eb;}

.cg-position-section{background:#fff;}
.cg-position-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.cg-position{padding:24px 20px;border:1px solid #ded7c8;border-radius:14px;background:#fbfaf6;min-height:170px;}
.cg-position strong{display:block;color:#0a2034;font-family:Georgia,serif;font-size:1.12rem;margin-bottom:8px;}
.cg-position p{margin:0;color:#59636b;font-size:.94rem;}
.cg-position:nth-child(2){border-color:#c7a05c;background:#fbf6ec;}

.cg-ten-part .card{height:100%;border-top:3px solid #b98a38;box-shadow:0 10px 24px rgba(7,28,44,.06);}
.cg-ten-part .grid-2{gap:18px;}

@media (max-width:980px){
 .cg-flow{grid-template-columns:1fr 1fr;gap:22px;}
 .cg-flow-step{text-align:left;display:grid;grid-template-columns:52px 1fr;column-gap:14px;padding:0;align-items:start;}
 .cg-flow-step:not(:last-child):after{display:none;}
 .cg-flow-num{margin:0;grid-row:1/3;}
 .cg-flow-step h3{margin:.15rem 0 .3rem;}
 .cg-flow-step p{margin:0;max-width:none;}
 .cg-evidence-strip{grid-template-columns:1fr 1fr;}
 .cg-evidence-item:nth-child(3){border-left:0;border-top:1px solid rgba(183,138,56,.28);}
 .cg-evidence-item:nth-child(4){border-top:1px solid rgba(183,138,56,.28);}
 .cg-success-grid{grid-template-columns:1fr;gap:28px;}
 .cg-position-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
 .complete-guide-page .hero-card .cover{max-height:420px;}
 .cg-flow{grid-template-columns:1fr;}
 .cg-evidence-strip{grid-template-columns:1fr;}
 .cg-evidence-item+.cg-evidence-item,.cg-evidence-item:nth-child(3){border-left:0;border-top:1px solid rgba(183,138,56,.28);}
 .cg-success-list{grid-template-columns:1fr;}
 .cg-position-grid{grid-template-columns:1fr;}
}