.single-post .dq-main{overflow:hidden;background:#f3f8fc}
.single-post .dq-breadcrumb{padding-block:13px;background:#fff;border-bottom:1px solid #e7eef5}
.dq-single{padding:0 0 72px}
.dq-single-hero{position:relative;overflow:hidden;padding:48px 0 58px;background:linear-gradient(135deg,#edf9ff 0%,#fff 57%,#e8f6ff 100%)}
.dq-single-hero:before,.dq-single-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.dq-single-hero:before{right:-120px;top:-220px;width:520px;height:520px;border:1px solid rgba(8,120,209,.09);box-shadow:0 0 0 62px rgba(8,120,209,.025),0 0 0 124px rgba(8,120,209,.018)}
.dq-single-hero:after{left:-170px;bottom:-220px;width:420px;height:420px;background:radial-gradient(circle,rgba(57,189,245,.13),transparent 68%)}
.dq-single-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);gap:clamp(36px,5vw,68px);align-items:center}
.dq-single-hero__copy{min-width:0}
.dq-single-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;color:#63798d;font-size:13px;font-weight:600;letter-spacing:.02em}
.dq-single-hero__kicker a,.dq-single-hero__kicker>span:first-child{color:#0878d1;font-weight:800;text-transform:uppercase}
.dq-single-hero h1{max-width:780px;margin:0;color:#082e59;font-size:clamp(40px,3.65vw,54px);font-weight:750;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.dq-single-hero__lead{max-width:690px;margin:21px 0 0;color:#506b82;font-size:clamp(17px,1.2vw,20px);line-height:1.65}
.dq-single-hero .dq-single-info{gap:10px 23px;margin:26px 0 0;padding:19px 0 0;border:0;border-top:1px solid rgba(74,127,165,.18);color:#60788c;font-size:13px}
.dq-single-hero .dq-single-info span{position:relative}
.dq-single-hero .dq-single-info span+span:before{content:"";position:absolute;left:-13px;top:50%;width:3px;height:3px;border-radius:50%;background:#8fb1cc;transform:translateY(-50%)}
.dq-single-hero .dq-single-info strong{font-weight:700;color:#294b68}
.dq-single-hero .dq-single-info a{color:#0878d1;font-weight:800}
.dq-single-hero__visual{position:relative;overflow:hidden;margin:0;border:6px solid rgba(255,255,255,.9);border-radius:24px;background:#deedf7;box-shadow:0 24px 60px rgba(7,52,90,.15)}
.dq-single-hero__visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.4);border-radius:18px;pointer-events:none}
.dq-single-hero__visual img{display:block;width:100%;height:100%;aspect-ratio:16/11;object-fit:cover;transform:scale(1.01)}
.dq-single-content{position:relative;padding-top:48px}
.dq-single-reading{max-width:900px;margin-inline:auto;padding:clamp(30px,4vw,48px) clamp(22px,5vw,58px);border:1px solid #dce9f2;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(8,59,98,.07)}
.dq-single-reading>.dq-richtext{color:#263f53;font-size:18px;line-height:1.82}
.dq-single-reading>.dq-richtext>p:first-of-type{margin-top:0;padding:18px 20px;border-left:3px solid #20a9e4;border-radius:0 12px 12px 0;background:#f1f9fe;color:#284d69;font-size:18px;line-height:1.72}
.dq-single-reading>.dq-richtext p{margin:0 0 22px}
.dq-single-reading>.dq-richtext h2{position:relative;margin:48px 0 18px;padding-top:17px;color:#082e59;font-size:clamp(27px,2.5vw,33px);line-height:1.27;letter-spacing:-.018em;text-wrap:balance}
.dq-single-reading>.dq-richtext h2:before{content:"";position:absolute;left:0;top:0;width:48px;height:4px;border-radius:99px;background:linear-gradient(90deg,#0878d1,#45c4f5)}
.dq-single-reading>.dq-richtext h3{margin:36px 0 15px;color:#12436e;font-size:24px;line-height:1.35}
.dq-single-reading>.dq-richtext h4{margin:28px 0 12px;color:#174e77;font-size:20px;line-height:1.4}
.dq-single-reading>.dq-richtext ul,.dq-single-reading>.dq-richtext ol{margin:0 0 25px;padding-left:23px}
.dq-single-reading>.dq-richtext li{margin:8px 0;padding-left:5px}
.dq-single-reading>.dq-richtext li::marker{color:#0b88d7;font-weight:800}
.dq-single-reading>.dq-richtext blockquote{margin:30px 0;padding:22px 25px;border:0;border-radius:18px;background:#082f59;color:#eaf7ff}
.dq-single-reading>.dq-richtext img{display:block;max-width:100%;height:auto;margin:30px auto;border-radius:20px;box-shadow:0 14px 35px rgba(8,59,98,.11)}
.dq-single-reading .dq-toc{margin:0 0 34px;border:1px solid #cce4f4;border-radius:16px;background:#f7fbfe;box-shadow:0 8px 22px rgba(16,82,128,.05)}
.dq-single-reading .dq-toc summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:11px 18px;background:linear-gradient(100deg,#eaf7ff,#f8fcff);color:#0878d1;font-size:14px;letter-spacing:0;text-transform:none}
.dq-single-reading .dq-toc__heading{display:flex;align-items:center;gap:12px;min-width:0}
.dq-single-reading .dq-toc__heading>span:last-child{display:grid;gap:2px}
.dq-single-reading .dq-toc__heading strong{color:#0b4777;font-size:15px;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}
.dq-single-reading .dq-toc__heading small{color:#688296;font-size:11px;font-weight:600;line-height:1.3}
.dq-single-reading .dq-toc__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#fff;color:#0878d1;box-shadow:0 5px 14px rgba(8,120,209,.09)}
.dq-single-reading .dq-toc__toggle{position:relative;flex:0 0 34px;width:34px;height:34px;border:1px solid #c9e1f1;border-radius:50%;background:#fff}
.dq-single-reading .dq-toc__toggle:before,.dq-single-reading .dq-toc__toggle:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:2px;border-radius:2px;background:#0878d1;transform:translate(-50%,-50%);transition:transform .2s ease}
.dq-single-reading .dq-toc__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}
.dq-single-reading .dq-toc[open] .dq-toc__toggle:after{transform:translate(-50%,-50%) rotate(0)}
.dq-single-reading .dq-toc__list{counter-reset:dq-toc;display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;margin:0;padding:18px;border-top:1px solid #d9eaf5;list-style:none}
.dq-single-reading .dq-toc__item{counter-increment:dq-toc;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;margin:0;padding:8px 9px;border-radius:9px;font-size:14px;line-height:1.45;transition:background .18s ease}
.dq-single-reading .dq-toc__item:before{content:counter(dq-toc,decimal-leading-zero);position:static;display:grid;place-items:center;width:30px;height:24px;border-radius:7px;background:#e4f4fe;color:#0878d1;font-size:10px;font-weight:800;line-height:1}
.dq-single-reading .dq-toc__item:hover{background:#eef8fe}
.dq-single-reading .dq-toc__item a{color:#274a66;font-weight:650}
.dq-single-reading .dq-toc__item a:hover{color:#0878d1}
.dq-single-reading .dq-toc__item--h3,.dq-single-reading .dq-toc__item--h4,.dq-single-reading .dq-toc__item--h5{margin-left:0}
.dq-single-reading>.dq-expert-box{margin-top:50px;border:0;border-radius:20px;background:linear-gradient(110deg,#eaf8ff,#f7fcff);box-shadow:inset 4px 0 #20a9e4}
.dq-single-related{margin-top:60px;padding:46px clamp(24px,4vw,52px);border-radius:30px;background:linear-gradient(135deg,#eaf8ff,#f5fbff);border:1px solid #dceef8}
.dq-single-related__head p{margin:0 0 7px;color:#0878d1;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dq-single-related__head h2{margin:0 0 28px;color:#082e59;font-size:clamp(28px,3vw,38px);letter-spacing:-.025em}
.dq-single-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dq-single-related__card{display:flex;overflow:hidden;flex-direction:column;border:1px solid rgba(197,222,238,.75);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(8,61,104,.07);transition:transform .25s ease,box-shadow .25s ease}
.dq-single-related__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,61,104,.12)}
.dq-single-related__image{display:block;overflow:hidden;aspect-ratio:16/9;background:#dfeef7}
.dq-single-related__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.dq-single-related__card:hover .dq-single-related__image img{transform:scale(1.045)}
.dq-single-related__card>div{display:flex;flex:1;flex-direction:column;padding:21px}
.dq-single-related__card time{color:#7890a3;font-size:12px}
.dq-single-related__card h3{margin:8px 0 18px;color:#0b315b;font-size:18px;line-height:1.4}
.dq-single-related__card h3 a{color:inherit}
.dq-single-related__more{margin-top:auto;color:#0878d1;font-size:14px;font-weight:800}
.dq-single-content>.dq-review-section{max-width:980px;margin:54px auto 0}

@media(max-width:960px){
  .dq-single-hero{padding-block:42px 58px}
  .dq-single-hero__inner{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:32px}
  .dq-single-hero h1{font-size:clamp(38px,5vw,52px)}
  .dq-single-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dq-single-related__card:last-child{display:none}
}

@media(max-width:720px){
  .single-post .dq-breadcrumb{padding-block:10px}
  .dq-single{padding-bottom:46px}
  .dq-single-hero{padding:28px 0 48px}
  .dq-single-hero__inner{grid-template-columns:1fr;gap:28px}
  .dq-single-hero__visual{order:-1;border-width:5px;border-radius:20px;transform:none}
  .dq-single-hero__visual img{aspect-ratio:16/10}
  .dq-single-hero h1{font-size:clamp(34px,10vw,44px);line-height:1.1}
  .dq-single-hero__lead{margin-top:15px;font-size:16px;line-height:1.58}
  .dq-single-hero .dq-single-info{display:grid;gap:7px;margin-top:18px;padding-top:15px}
  .dq-single-hero .dq-single-info span+span:before{display:none}
  .dq-single-content{padding-top:28px}
  .dq-single-reading{padding:26px 20px;border-radius:20px}
  .dq-single-reading>.dq-richtext{font-size:16px;line-height:1.75}
  .dq-single-reading>.dq-richtext>p:first-of-type{padding:16px 17px;font-size:17px}
  .dq-single-reading>.dq-richtext h2{margin-top:42px;font-size:27px}
  .dq-single-reading>.dq-richtext h3{font-size:22px}
  .dq-single-reading .dq-toc__list{grid-template-columns:1fr;padding:14px 18px 18px}
  .dq-single-related{margin-top:38px;padding:30px 18px;border-radius:22px}
  .dq-single-related__grid{grid-template-columns:1fr}
  .dq-single-related__card:last-child{display:flex}
  .dq-single-content>.dq-review-section{margin-top:38px}
}

@media(prefers-reduced-motion:reduce){.dq-single-related__card,.dq-single-related__image img{transition:none}}