/* Sobre a Academy: the two ways into practice are cards, and each card is the tab
   that reveals its panel below. academy-experience.css lines 1-51 never applied
   (unclosed comment), so the studio gets its own scoped layer here. */
.academy-students .about-academy{overflow-x:clip}
.practice-studio{position:relative}
.studio-cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0 30px}
.studio-cards[hidden]{display:none}
.studio-card{--gold:#e8b547;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);align-items:center;gap:22px;min-height:248px;padding:28px 26px 28px 30px;border-radius:20px;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;font:inherit;color:inherit;border:0;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.studio-card:hover{transform:translateY(-3px)}
.studio-card:focus-visible{outline:3px solid #b8872c;outline-offset:4px}
.sc-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sc-kicker{display:flex;align-items:center;gap:12px;font:600 11px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.sc-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none}
.sc-title{display:block;margin:18px 0 8px;font:400 clamp(28px,2.35vw,36px)/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-.012em}
.sc-text{font:400 14px/1.5 Inter,sans-serif}
.sc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.sc-chips>span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;font:600 12.5px/1 Inter,sans-serif}
.sc-cta{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#f6cd62,#e5ab3a);color:#1b2330;font:600 14.5px/1 Inter,sans-serif;box-shadow:0 10px 22px -12px #b07a1c,inset 0 1px 0 #fff3c9;transition:transform .25s ease,box-shadow .25s ease}
.studio-card:hover .sc-cta{transform:translateX(2px);box-shadow:0 14px 26px -12px #b07a1c,inset 0 1px 0 #fff3c9}
.sc-art{position:relative;display:flex;flex-direction:column;gap:9px;border-radius:16px;padding:18px 16px}

/* Questões comentadas: navy, a gold light arc and a question in progress. */
.studio-card--question{background:radial-gradient(circle at 104% 128%,#0000 0 318px,#f1c15a26 319px,#f5cf6e 321px 322.5px,#f1c15a40 325px,#0000 338px),radial-gradient(120% 90% at 85% 0%,#1d3a62 0%,transparent 55%),linear-gradient(160deg,#0f2646,#0a1a30 70%);color:#fff;box-shadow:0 22px 44px -28px #0a1a30e6}
.studio-card--question .sc-kicker{color:#f0c055}
.studio-card--question .sc-icon{background:#f7e3b01f;color:#f6d98f;box-shadow:inset 0 0 0 1px #f6d98f33}
.studio-card--question .sc-text{color:#d5deea}
.studio-card--question .sc-chips>span{border:1px solid #ffffff2e;background:#ffffff0a;color:#fff}
.studio-card--question .sc-chips svg{color:#f0c055}
.sc-art--question{background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff21,0 18px 30px -20px #000}
.sc-q-head{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:6px;color:#b9c6d8}
.sc-q-head i{display:block;height:6px;border-radius:4px;background:#ffffff38}
.sc-q-head i+i{width:62%}
.sc-q-head svg{grid-row:1/3;grid-column:2}
.sc-q-opt{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff21}
.sc-q-opt b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff5c;font:600 12px/1 Inter,sans-serif;color:#fff}
.sc-q-opt i{display:block;height:5px;width:48%;border-radius:4px;background:#ffffff3b}
.sc-q-opt.is-picked{background:#f0c05522;box-shadow:inset 0 0 0 1.5px #f0c055}
.sc-q-opt.is-picked b{box-shadow:inset 0 0 0 1.5px #f0c055;color:#f7d57d}
.sc-q-opt.is-picked i{width:70%;background:#f0c055}

/* Simulado personalizado: warm paper, a gold hairline and the set-up form. */
.studio-card--sim{background:radial-gradient(90% 90% at 12% 110%,#fbe8bf 0%,transparent 60%),linear-gradient(160deg,#fffcf5,#fdf3df);color:#10263f;box-shadow:inset 0 0 0 1.5px #efc66c,0 22px 44px -32px #8b651c99}
.studio-card--sim .sc-kicker{color:#a66f10}
.studio-card--sim .sc-icon{background:#fff;color:#c28418;box-shadow:0 6px 14px -8px #a8741a80}
.studio-card--sim .sc-text{color:#4a5c70}
.studio-card--sim .sc-chips>span{background:#fff8ea;color:#1b2e44;box-shadow:inset 0 0 0 1px #f0dcb2,0 6px 14px -12px #a8741a}
.studio-card--sim .sc-chips svg{color:#b8801c}
.sc-art--sim{background:#fffdf8;box-shadow:0 22px 40px -24px #8b651c80,inset 0 0 0 1px #f2e3c3;padding:18px 14px 16px;gap:7px}
.sc-clock{position:absolute;right:-8px;top:-10px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#b8801c;box-shadow:0 8px 18px -10px #8b651c}
.sc-form-title{font:700 12px/1.2 Inter,sans-serif;color:#10263f;margin:2px 0 4px}
.sc-row{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;gap:8px;font:500 10px/1.2 Inter,sans-serif;color:#40526a}
.sc-row em{font-style:normal}
.sc-row>span{position:relative;display:block;padding:7px 22px 7px 9px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #e7e2d6;color:#10263f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-row>span:after{content:'';position:absolute;right:9px;top:50%;width:5px;height:5px;border-right:1.5px solid #40526a;border-bottom:1.5px solid #40526a;transform:translateY(-70%) rotate(45deg)}
.sc-start{margin-top:4px;display:grid;place-items:center;min-height:30px;border-radius:7px;background:#13304b;color:#fff;font:600 10.5px/1 Inter,sans-serif}

/* The card that owns the visible panel. */
.studio-card[aria-selected=true]{transform:none}
.studio-card--question[aria-selected=true]{box-shadow:0 0 0 2px #f0c055,0 26px 50px -26px #0a1a30f0}
.studio-card--sim[aria-selected=true]{box-shadow:inset 0 0 0 2px #e3a93a,0 0 0 4px #f5d99a66,0 26px 50px -30px #8b651caa}
.studio-card[aria-selected=false]{opacity:.9}
.studio-card[aria-selected=false]:hover{opacity:1}
.studio-panel{scroll-margin-top:96px}

/* Dr. Aus reaches in from the page edge, pen toward the set-up form. */
.studio-hand{position:absolute;z-index:3;top:34%;right:calc((100% - 100vw) / 2 - 44px);width:280px;pointer-events:none;opacity:0;transform:translateX(70%) rotate(9deg);transform-origin:100% 80%;transition:opacity .7s ease,transform 1s cubic-bezier(.22,1,.36,1)}
.studio-hand img{display:block;width:100%;height:auto;filter:drop-shadow(-10px 18px 18px #3b2a0e33)}
.practice-studio.is-hand-in .studio-hand{opacity:1;transform:none}
.practice-studio.is-hand-in .studio-hand img{animation:sc-note 1.5s ease-in-out 1s 2 both}
@keyframes sc-note{0%,100%{transform:none}30%{transform:translate(-5px,4px) rotate(-3deg)}55%{transform:translate(-2px,1px) rotate(-1deg)}75%{transform:translate(-6px,5px) rotate(-3.5deg)}}
@media(max-width:1279px){.studio-hand{display:none}}

@media(max-width:1180px){.studio-card{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);padding:24px 22px}.sc-chips>span{min-height:30px;padding:0 11px;font-size:11.5px}}
@media(max-width:900px){.studio-cards{grid-template-columns:1fr}.studio-card{min-height:0}}
@media(max-width:560px){.studio-card{grid-template-columns:1fr;padding:22px 20px 24px}.sc-art{display:none}.sc-title{font-size:30px}.sc-cta{min-height:44px;padding:0 22px}}
@media(prefers-reduced-motion:reduce){.studio-card,.sc-cta,.studio-hand{transition:none}.studio-hand{opacity:1;transform:none}.practice-studio.is-hand-in .studio-hand img{animation:none}}

/* Studio copy and the closing PDF chapter. Their first rules sit inside a comment that
   was never closed at the top of academy-experience.css, so they never applied; these
   replace them (desktop and phone; academy-mobile.css adds the phone chapters). */
.academy-students .practice-studio>header{max-width:780px;margin:0 0 30px}
.academy-students .practice-studio>header h3{margin:12px 0 16px;font:400 clamp(34px,3.2vw,48px)/1.05 var(--acad-display);letter-spacing:-.012em;color:#102a40}
.academy-students .practice-studio>header h3 em{font-style:italic;color:#a4741f}
.academy-students .practice-studio>header>p:last-child{margin:0;max-width:62ch;font:400 16px/1.65 Inter,sans-serif;color:#4f6074}
.academy-students .practice-studio>header>p:last-child strong{color:#102a40}
.academy-students .studio-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:48px;align-items:start;margin-top:44px}
.academy-students .studio-panel[hidden]{display:none}
.academy-students .studio-copy h4{margin:0 0 14px;font:400 clamp(28px,2.4vw,34px)/1.1 var(--acad-display);letter-spacing:-.01em;color:#132d42}
.academy-students .studio-copy>p{margin:0 0 20px;font:400 15px/1.65 Inter,sans-serif;color:#4f6074}
.academy-students .studio-features{display:grid;gap:12px;list-style:none;margin:0 0 22px;padding:0}
.academy-students .studio-features li{position:relative;padding-left:31px;font:500 14.5px/1.45 Inter,sans-serif;color:#1d354b}
.academy-students .studio-features li::before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1.5px solid #cda653;border-radius:50%;box-sizing:border-box}
.academy-students .studio-features li::after{content:'';position:absolute;left:6.5px;top:6.2px;width:7px;height:4px;border:solid #a4741f;border-width:0 0 1.8px 1.8px;transform:rotate(-45deg)}
.academy-students .studio-copy>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 14.5px/1.3 Inter,sans-serif;color:#17364c;text-decoration:underline;text-decoration-color:#c9a45f;text-underline-offset:5px}
.academy-students .studio-copy>a svg{width:18px;height:18px;flex:none}
.academy-students .studio-demo{min-width:0}
@media(max-width:1000px){.academy-students .studio-panel{grid-template-columns:minmax(0,1fr);gap:26px}}

/* The card keeps the artwork's own 3:1 shape wherever the copy fits, so the whole
   picture is its background: dark room on the left for the copy, the notebook right.
   overflow:clip (not hidden) lets the card grow when the copy needs more height. */
.academy-students .closing-pdf{position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-content:center;gap:0 40px;aspect-ratio:3/1;margin:80px 0 0;padding:38px 56px;border-radius:24px;background:#06172b;color:#fff8e9;box-shadow:0 44px 80px -54px #06172b}
.academy-students .closing-pdf>picture{position:absolute;inset:0;z-index:-2}
.academy-students .closing-pdf>picture img{width:100%;height:100%;object-fit:cover;object-position:right center}
.academy-students .closing-pdf::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041527f5 0%,#041527de 36%,#0415274d 66%,transparent 88%)}
.academy-students .closing-pdf-copy,.academy-students .closing-pdf-action{grid-column:1;min-width:0;margin:0}
.academy-students .closing-pdf .kicker{margin:0;color:#e7c37b}
.academy-students .closing-pdf h2{margin:12px 0 16px;font:400 clamp(40px,3.5vw,50px)/.98 var(--acad-display)!important;letter-spacing:-.015em;color:#fff8e9}
.academy-students .closing-pdf h2 em{color:#e7c37b}
.closing-pdf-seals{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 14px;padding:0}
.closing-pdf-seals li{display:flex;align-items:baseline;gap:7px;padding:7px 13px 8px;border:1px solid #e7c37b4d;border-radius:12px;background:#ffffff0b;font:500 12.5px/1.25 Inter,sans-serif;color:#dfe6ee}
.closing-pdf-seals b{font:400 23px/1 var(--acad-display);color:#f1d08b}
.academy-students .closing-pdf-copy>p:last-child{margin:0 0 18px;max-width:52ch;font:400 15px/1.55 Inter,sans-serif;color:#cfd9e3}
.academy-students .closing-pdf-action .academy-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:0 24px;border-radius:14px;font-size:15px}
.academy-students .closing-pdf-action>p{margin:10px 0 0;max-width:58ch;font:11.5px/1.55 Inter,sans-serif;color:#aebdcc}
/* Tablets: the copy stays clear of the notebook, which grows as the card gets taller. */
@media(max-width:1023px){.academy-students .closing-pdf{grid-template-columns:minmax(0,1fr);padding:40px}.academy-students .closing-pdf-copy,.academy-students .closing-pdf-action{max-width:340px}}