/* Method V4 — depth and vitality for the READ-ONLY Smart Personal Review demo.
   Scoped to .gic-method-v4-review. Never touches Study, other notes or grading. */
.gic-method-v4 .gic-method-v4-review{
  background:linear-gradient(180deg,#f8fbf7 0%,#eef5ef 48%,#f9fbf7 100%);
  padding:clamp(22px,4vw,62px) 0 clamp(68px,7vw,114px);
  isolation:isolate;
}
.gic-method-v4 .gic-method-v4-review-card{
  position:relative;display:block;overflow:hidden;
  padding:clamp(24px,4.5vw,60px)!important;
  border:1px solid #367b68!important;border-radius:clamp(27px,3vw,38px)!important;
  background:
    radial-gradient(ellipse at 93% 5%,rgba(88,186,155,.27),transparent 42%),
    radial-gradient(ellipse at 0% 96%,rgba(6,44,38,.46),transparent 48%),
    linear-gradient(140deg,#103b35 0%,#0d5849 58%,#1f765d 100%)!important;
  box-shadow:0 28px 54px rgba(12,59,49,.21),0 5px 0 #c6d8ca,0 3px 0 #f8fbf7!important;
}
.gic-method-v4 .gic-method-v4-review-card::before{
  content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-260px;top:-310px;
  border:1px solid rgba(244,225,173,.20);box-shadow:0 0 0 80px rgba(255,255,255,.022),0 0 0 160px rgba(255,255,255,.016);
  pointer-events:none;
}
.gic-method-v4 .gic-method-v4-review-card::after{
  content:"";position:absolute;left:clamp(23px,4.5vw,60px);right:clamp(23px,4.5vw,60px);top:0;height:3px;
  background:linear-gradient(90deg,transparent,#e0bb75 32%,#f2e2b9 62%,transparent);
  pointer-events:none;
}
.gic-method-v4 .gic-method-v4-review-copy{position:relative;z-index:1;max-width:850px;margin:0 auto 29px;text-align:center}
.gic-method-v4 .gic-method-v4-review-eyebrow-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.gic-method-v4 .gic-method-v4-review-copy .gic-method-section-label{
  margin:0;color:#e2c18a!important;font:850 11px/1.4 Manrope,Inter,system-ui,sans-serif;
  letter-spacing:.16em;
}
.gic-method-v4 .gic-method-v4-kicker-star{color:#ead9ac;margin-right:7px;font-size:14px}
.gic-method-v4 .gic-method-v4-demo-pill{
  color:#e2f5e9;font:800 10px/1.2 Manrope,Inter,system-ui,sans-serif;letter-spacing:.09em;
  padding:8px 12px;border:1px solid rgba(224,245,229,.25);border-radius:999px;
  background:rgba(255,255,255,.085)
}
.gic-method-v4 .gic-method-v4-review-copy h2{
  margin:0 0 14px!important;color:#f7fbf5!important;
  font:650 clamp(41px,6vw,75px)/1.03 Newsreader,Georgia,serif!important;
  letter-spacing:-.044em;
}
.gic-method-v4 .gic-method-v4-review-copy h2 em{color:#e9d099;font-weight:650;font-style:italic}
.gic-method-v4 .gic-method-v4-review-copy .gic-method-v4-review-lead{
  margin:0 auto 23px!important;color:#d5e9df!important;
  font:500 clamp(14px,1.5vw,17px)/1.65 Manrope,Inter,system-ui,sans-serif!important;max-width:590px;
}
.gic-method-v4 .gic-method-v4-review-journey{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;
  color:#e6eee7;font:750 11px/1.2 Manrope,Inter,system-ui,sans-serif;
}
.gic-method-v4 .gic-method-v4-review-journey span{
  display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;
  border:1px solid rgba(221,243,230,.19);background:rgba(235,255,245,.075)
}
.gic-method-v4 .gic-method-v4-review-journey b{color:#e5c58b;font-size:10px;letter-spacing:.01em}
.gic-method-v4 .gic-method-v4-review-journey i{color:#c7cdbd;font-style:normal}
.gic-method-v4 .gic-method-v4-practice-board{
  position:relative;z-index:1;max-width:760px;margin:0 auto;
  padding:clamp(18px,3vw,35px);
  border:1px solid #efeadf;border-radius:clamp(21px,3vw,28px);
  background:
    radial-gradient(ellipse at 95% 0%,rgba(242,224,180,.22),transparent 48%),
    linear-gradient(160deg,#ffffff 0%,#fffcf6 100%);
  box-shadow:0 23px 44px rgba(1,31,25,.30),0 7px 0 rgba(8,43,33,.26),inset 0 2px 0 rgba(255,255,255,.95);
  color:#193e34;
}
.gic-method-v4 .gic-method-v4-sample-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.gic-method-v4 .gic-method-v4-sample-label{
  display:inline-flex;align-items:center;gap:8px;color:#987337;
  font:850 10px/1.4 Manrope,Inter,system-ui,sans-serif;letter-spacing:.095em;
}
.gic-method-v4 .gic-method-v4-dot{width:7px;height:7px;border-radius:50%;background:#c4a264;box-shadow:0 0 0 4px #f7ecce}
.gic-method-v4 .gic-method-v4-sample-type{
  color:#1b6b57;background:#e9f4ee;border-radius:999px;padding:7px 11px;
  font:850 10px/1.2 Manrope,Inter,system-ui,sans-serif;letter-spacing:.06em;
}
.gic-method-v4 .gic-method-v4-sample-content{border-left:3px solid #d2b371;padding:9px 0 15px 18px;margin-bottom:19px}
.gic-method-v4 .gic-method-v4-sample-de{
  display:block;color:#153f34;font:650 clamp(27px,3.6vw,43px)/1.09 Newsreader,Georgia,serif;
  letter-spacing:-.025em;overflow-wrap:anywhere;
}
.gic-method-v4 .gic-method-v4-sample-en{margin:9px 0 0!important;color:#78857d;font:600 12px/1.4 Manrope,Inter,system-ui,sans-serif}
.gic-method-v4 .gic-method-v4-question-row{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:13px}
.gic-method-v4 .gic-method-v4-question-row p{margin:0!important;font:800 clamp(14px,1.7vw,17px)/1.3 Manrope,Inter,system-ui,sans-serif;color:#244d3f}
.gic-method-v4 .gic-method-v4-question-row span{font:800 9px/1.4 Manrope,Inter,system-ui,sans-serif;color:#978365;letter-spacing:.09em;white-space:nowrap}
.gic-method-v4 .gic-method-v4-rating-grid{gap:12px!important;align-items:stretch}
.gic-method-v4 .gic-method-v4-rating-grid button{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  min-height:119px;padding:15px 7px 12px!important;
  border-radius:20px!important;border:1px solid var(--rate-border)!important;
  background:linear-gradient(160deg,var(--rate-top),var(--rate-bottom))!important;
  box-shadow:0 5px 0 var(--rate-floor),0 13px 18px rgba(22,56,42,.075)!important;
  color:var(--rate-ink)!important;text-align:center;
  transform:translateY(0);transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;
  -webkit-tap-highlight-color:transparent;
}
.gic-method-v4 .gic-method-v4-rating-grid button.needs{--rate-top:#fff9f5;--rate-bottom:#fde9e6;--rate-border:#eac4b9;--rate-floor:#ddb2a8;--rate-ink:#96564c}
.gic-method-v4 .gic-method-v4-rating-grid button.learning{--rate-top:#fffcf1;--rate-bottom:#f8edcc;--rate-border:#e7d3a0;--rate-floor:#d6bd82;--rate-ink:#8c6929}
.gic-method-v4 .gic-method-v4-rating-grid button.confident{--rate-top:#f5fdfa;--rate-bottom:#e0f1ec;--rate-border:#b0d5c6;--rate-floor:#8abda8;--rate-ink:#236653}
.gic-method-v4 .gic-method-v4-rating-grid button.mastered{--rate-top:#f3fcf3;--rate-bottom:#d7ece2;--rate-border:#9dceb4;--rate-floor:#6caa8b;--rate-ink:#115f47}
.gic-method-v4 .gic-method-v4-rating-grid button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--rate-floor),0 17px 22px rgba(22,56,42,.12)!important}
.gic-method-v4 .gic-method-v4-rating-grid button[aria-pressed="true"]{
  transform:translateY(4px);box-shadow:0 1px 0 var(--rate-floor),inset 0 1px 5px rgba(31,67,56,.075)!important;
  outline:3px solid var(--rate-ink)!important;outline-offset:1px!important;
}
.gic-method-v4 .gic-method-v4-rating-grid button .gic-method-v4-rate-symbol{
  display:grid;place-items:center;width:32px;height:32px;margin-bottom:2px;border-radius:999px;
  background:#ffffffb8;color:var(--rate-ink);border:1px solid currentColor;
  font:700 21px/1 Georgia,serif;
}
.gic-method-v4 .gic-method-v4-rating-grid button strong{font:850 clamp(12px,1.5vw,15px)/1.15 Manrope,Inter,system-ui,sans-serif}
.gic-method-v4 .gic-method-v4-rating-grid button small{font:700 11px/1.2 Manrope,Inter,system-ui,sans-serif;opacity:.78}
.gic-method-v4 .gic-method-v4-result{
  margin-top:22px;display:flex;gap:13px;align-items:center;
  padding:15px 17px;border:1px solid #cde0d7;border-radius:18px;
  background:linear-gradient(100deg,#f0f8f3,#f7fbf8);
  box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(19,88,60,.045);
  transition:background .2s,border-color .2s;
}
.gic-method-v4 .gic-method-v4-result-symbol{
  display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;
  background:#d7ede1;color:#155c48;border-radius:13px;
  font:700 23px/1 Newsreader,Georgia,serif;
}
.gic-method-v4 .gic-method-v4-result-copy{min-width:0;flex:1}
.gic-method-v4 .gic-method-v4-result-kicker{color:#738c7e;display:block;font:850 9px/1.2 Manrope,Inter,system-ui,sans-serif;letter-spacing:.10em;margin-bottom:6px}
.gic-method-v4 .gic-method-v4-result .gic-method-v2-rating-feedback{
  font:800 clamp(12px,1.55vw,15px)/1.35 Manrope,Inter,system-ui,sans-serif!important;
  color:#225847!important;text-align:left!important;min-height:0!important;margin:0!important;
}
.gic-method-v4 .gic-method-v4-result-stamp{
  flex:none;padding:6px 8px;border:1px solid #bad5c5;border-radius:999px;
  color:#2a735e;background:white;font:850 9px/1.1 Manrope,Inter,system-ui,sans-serif;
  letter-spacing:.04em;
}
.gic-method-v4 .gic-method-v4-review-card[data-review-state="needs"] .gic-method-v4-result{background:#fff3ee;border-color:#eac4b9}
.gic-method-v4 .gic-method-v4-review-card[data-review-state="learning"] .gic-method-v4-result{background:#fffae9;border-color:#e7d3a0}
.gic-method-v4 .gic-method-v4-review-card[data-review-state="confident"] .gic-method-v4-result{background:#effaf5;border-color:#b0d5c6}
.gic-method-v4 .gic-method-v4-review-card[data-review-state="mastered"] .gic-method-v4-result{background:#e4f5ea;border-color:#9dceb4}
.gic-method-v4 .gic-method-v4-rating-grid button:focus-visible{outline:3px solid #b78a45!important;outline-offset:3px!important}
@media(max-width:600px){
  .gic-method-v4 .gic-method-v4-review{padding-top:25px;padding-bottom:72px}
  .gic-method-v4 .gic-method-v4-review-card{padding:25px 15px!important;border-radius:28px!important}
  .gic-method-v4 .gic-method-v4-review-copy{margin-bottom:25px}
  .gic-method-v4 .gic-method-v4-review-copy h2{font-size:clamp(38px,10.2vw,55px)!important}
  .gic-method-v4 .gic-method-v4-review-copy .gic-method-v4-review-lead{font-size:13px!important;line-height:1.6}
  .gic-method-v4 .gic-method-v4-review-eyebrow-row{gap:9px;margin-bottom:14px}
  .gic-method-v4 .gic-method-v4-review-copy .gic-method-section-label{font-size:10px}
  .gic-method-v4 .gic-method-v4-demo-pill{font-size:9px;padding:7px 9px}
  .gic-method-v4 .gic-method-v4-practice-board{padding:19px 14px 18px;border-radius:22px}
  .gic-method-v4 .gic-method-v4-rating-grid{gap:10px!important}
  .gic-method-v4 .gic-method-v4-rating-grid button{min-height:115px;padding:13px 4px 11px!important;border-radius:16px!important}
  .gic-method-v4 .gic-method-v4-rating-grid button strong{font-size:12px}
  .gic-method-v4 .gic-method-v4-sample-content{padding-left:13px;margin-bottom:17px}
  .gic-method-v4 .gic-method-v4-review-journey{gap:5px}
  .gic-method-v4 .gic-method-v4-review-journey span{padding:8px 9px;font-size:10px}
  .gic-method-v4 .gic-method-v4-review-journey i{font-size:11px}
  .gic-method-v4 .gic-method-v4-result{margin-top:17px;padding:13px;gap:9px}
  .gic-method-v4 .gic-method-v4-result-symbol{flex-basis:33px;width:33px;height:33px}
  .gic-method-v4 .gic-method-v4-result-stamp{font-size:8px}
}
@media(max-width:350px){
  .gic-method-v4 .gic-method-v4-review-card{padding:19px 11px!important}
  .gic-method-v4 .gic-method-v4-practice-board{padding:15px 10px}
  .gic-method-v4 .gic-method-v4-review-journey span{font-size:9px;padding:7px}
  .gic-method-v4 .gic-method-v4-review-journey{gap:4px}
  .gic-method-v4 .gic-method-v4-rating-grid button strong{font-size:11px}
  .gic-method-v4 .gic-method-v4-result-stamp{display:none}
}
@media(prefers-reduced-motion:reduce){
  .gic-method-v4 .gic-method-v4-rating-grid button,
  .gic-method-v4 .gic-method-v4-result{transition:none}
}