:root{--purple:#7e3f8f;--pink:#c7237e;--orange:#e89a3b;--coral:#ef6e6e;--green:#179b8f;--blue:#2952a4;--ink:#242029;--muted:#57505c;--line:#dfd1e3;--soft:#fbf8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:17px/1.56 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--purple)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.shell{width:min(1400px,calc(100% - clamp(36px,8vw,144px)));margin:auto}.hero{padding:clamp(75px,11vw,160px) 0 clamp(65px,8vw,115px)}.eyebrow{margin:0 0 15px;color:var(--purple);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.08}h1{max-width:1050px;margin:0;font-size:clamp(3.6rem,7.5vw,8rem);letter-spacing:-.04em}h1 em{color:var(--purple)}.lead{max-width:860px;font-size:clamp(1.16rem,1.6vw,1.5rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-actions a,.context a{display:inline-block;border:1px solid var(--purple);border-radius:9px;padding:12px 18px;text-decoration:none;font-weight:700}.hero-actions a:first-child,.context a{background:var(--purple);color:#fff}.section{padding:clamp(65px,8vw,115px) 0;scroll-margin-top:70px}.section-tint{background:var(--soft)}.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(30px,5vw,85px);align-items:end;margin-bottom:35px}.section-head h2,.context h2{margin:0;font-size:clamp(2.5rem,4.4vw,5rem);letter-spacing:-.035em}.section-head>p{margin:0;font-size:1.1rem;max-width:590px}.cycle-layout,.distortion-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);gap:24px;align-items:stretch}.cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cycle-grid button{min-height:180px;padding:22px;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:13px;background:#fff;color:var(--ink);text-align:left}.cycle-grid button[aria-pressed=true],.cycle-grid button:hover{background:#faf4fc;border-color:var(--purple)}.cycle-grid .number{display:block;color:var(--c);font:700 clamp(2.6rem,4vw,4.2rem)/1 'Playfair Display',Georgia,serif}.cycle-grid strong{display:block;margin-top:9px;font:600 clamp(1.35rem,1.7vw,1.8rem) 'Playfair Display',Georgia,serif}.cycle-grid small{display:block;margin-top:8px;color:var(--muted);font-size:.88rem;line-height:1.4}.detail{border:1px solid var(--line);border-left:5px solid var(--purple);border-radius:14px;background:#fff;padding:clamp(26px,3vw,45px)}.detail h3{font-size:clamp(2.2rem,3.5vw,3.5rem);margin:8px 0 20px}.detail p{font-size:1.07rem}.detail h4{color:var(--purple);margin:30px 0 5px}.detail .big-question{font:600 clamp(1.45rem,2.1vw,2rem)/1.3 'Playfair Display',Georgia,serif}.knowing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.knowing-grid article{min-height:230px;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:13px;padding:24px;background:#fff}.knowing-grid article:nth-child(1){--c:var(--coral)}.knowing-grid article:nth-child(2){--c:var(--orange)}.knowing-grid article:nth-child(3){--c:var(--purple)}.knowing-grid article:nth-child(4){--c:var(--pink)}.knowing-grid span{color:var(--c);font:700 2.7rem 'Playfair Display',Georgia,serif}.knowing-grid h3{font-size:1.7rem;margin:10px 0}.knowing-grid p{margin:0}.example,.bridge{margin:27px 0 0;padding:20px 24px;border-left:4px solid var(--purple);border-radius:9px;background:#fff;font-size:1.08rem}.distortion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.distortion-options button{min-height:110px;text-align:left;padding:18px;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:11px;background:#fff;color:var(--ink)}.distortion-options button[aria-pressed=true],.distortion-options button:hover{border-color:var(--purple);background:var(--soft)}.distortion-options strong,.distortion-options span{display:block}.distortion-options strong{font:600 1.5rem 'Playfair Display',Georgia,serif}.distortion-options span{margin-top:5px;font-size:.87rem}.step-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:28px 0}.step-nav button{min-height:60px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:700}.step-nav button[aria-current=step]{background:var(--purple);color:#fff;border-color:var(--purple)}.workspace{min-height:440px;padding:clamp(25px,4vw,55px);border:1px solid var(--line);border-radius:15px;background:#fff}.workspace h3{margin:0 0 15px;font-size:clamp(2.4rem,4vw,4rem)}.workspace .question{font:600 clamp(1.35rem,2vw,1.9rem)/1.3 'Playfair Display',Georgia,serif}.workspace .hint{max-width:900px;color:var(--muted)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.fields label{display:block;font-weight:700}.fields label span{display:block;margin-bottom:8px}.fields textarea,.fields select{display:block;width:100%;min-height:120px;padding:14px;border:1px solid #bea3c5;border-radius:10px;background:#fff;color:var(--ink);resize:vertical}.fields select{min-height:50px}.fields .full{grid-column:1/-1}.controls{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.controls button,.summary-actions button,.sorting button{border:1px solid var(--purple);border-radius:9px;background:#fff;color:var(--purple);padding:11px 17px;font-weight:700}.controls #next,.summary-actions button:first-child{background:var(--purple);color:#fff}.controls button:disabled{opacity:.45;cursor:not-allowed}.sorting{margin:25px 0}.sorting input{width:100%;max-width:620px;padding:12px;border:1px solid #bea3c5;border-radius:9px}.sorting-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sorting-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:25px}.sorting-list div{min-height:100px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.sorting-list h4{margin:0 0 8px;color:var(--purple)}.sorting-list p{overflow-wrap:anywhere;margin:8px 0}.sorting-list p button{border:0;background:transparent;color:var(--pink);padding:0 5px}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary article{border:1px solid var(--line);border-radius:10px;padding:20px;overflow-wrap:anywhere;white-space:pre-wrap}.summary h4{margin:0 0 10px;color:var(--purple)}.summary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.context{display:grid;grid-template-columns:1fr 1fr;gap:25px 70px}.context a{width:max-content;align-self:start}footer{text-align:center;padding:35px;border-top:1px solid var(--line);color:var(--purple);font-size:.87rem}@media(max-width:950px){.section-head,.cycle-layout,.distortion-layout,.context{grid-template-columns:1fr}.knowing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.cycle-grid,.distortion-options,.fields,.summary{grid-template-columns:1fr 1fr}.cycle-grid button{min-height:145px;padding:15px}.knowing-grid,.sorting-list{grid-template-columns:1fr 1fr}.step-nav{grid-template-columns:repeat(3,1fr)}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}}@media(max-width:430px){.distortion-options,.sorting-list,.summary{grid-template-columns:1fr}.hero-actions a{width:100%;text-align:center}}@media print{.hero,.section:not(#work),.step-nav,.controls,.summary-actions,.briter-global-nav,.briter-global-spacer,footer{display:none!important}body{font-size:10pt}.shell{width:100%}.section{padding:0}.workspace{border:0;padding:0}.summary{gap:8pt}.summary article{padding:10pt;break-inside:avoid}.summary h4{font-size:12pt}}
.loop-head,.self-head{margin-top:clamp(70px,8vw,115px)}.loop-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:20px}.loop-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.loop-steps button{min-height:95px;padding:15px;border:1px solid var(--line);border-left:4px solid var(--purple);border-radius:9px;background:#fff;text-align:left;color:var(--ink);font-weight:700}.loop-steps button span{display:block;color:var(--purple);font:700 1.5rem 'Playfair Display',Georgia,serif}.loop-steps button[aria-pressed=true],.loop-steps button:hover{background:var(--soft);border-color:var(--purple)}.loop-steps button:last-child{grid-column:1/-1}.self-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.self-check article{padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff}.self-check h3{font-size:1.55rem;margin:0 0 5px}.self-check p{font-size:.92rem;margin:0 0 14px}.self-check .rating-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.self-check button{min-height:44px;border:1px solid #b997c2;border-radius:7px;background:#fff;color:#43304a;font-size:.78rem}.self-check button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}.self-result{margin-top:18px;padding:20px 24px;border-left:4px solid var(--purple);border-radius:9px;background:var(--soft)}@media(max-width:950px){.loop-layout{grid-template-columns:1fr}.self-check{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.loop-steps,.self-check{grid-template-columns:1fr}.loop-steps button:last-child{grid-column:auto}}

/* Circular interaction adapted from the supplied Discernment Cycle HTML. */
.cycle-layout{grid-template-columns:minmax(460px,1fr) minmax(350px,.82fr);align-items:center;gap:clamp(34px,5vw,90px)}
.cycle-grid{position:relative;display:block;width:min(100%,610px);aspect-ratio:1;margin:0 auto}
.cycle-ring{position:absolute;inset:0;width:100%;height:100%;color:#bc9bc5;pointer-events:none}
.cycle-center{position:absolute;inset:36%;display:grid;place-items:center;text-align:center;color:var(--purple);font:italic 600 clamp(1rem,1.6vw,1.45rem)/1.25 'Playfair Display',Georgia,serif;pointer-events:none}
.cycle-grid .cycle-move{position:absolute;transform:translate(-50%,-50%);display:grid;place-content:center;justify-items:center;gap:4px;width:clamp(102px,11vw,150px);min-height:clamp(82px,9vw,112px);padding:8px;border:2px solid var(--c);border-radius:12px;background:#fff;color:var(--ink);text-align:center;box-shadow:0 8px 20px #271a2b12}
.cycle-grid .cycle-move .number{font-size:clamp(1.45rem,2vw,2rem);color:var(--c)}
.cycle-grid .cycle-move strong{margin:0;font-size:clamp(1.05rem,1.45vw,1.45rem)}
.cycle-grid .cycle-move[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff}
.cycle-grid .cycle-move[aria-pressed=true] .number{color:#fff}
@media(max-width:950px){.cycle-layout{grid-template-columns:1fr}.cycle-grid{max-width:570px}}
@media(max-width:560px){.cycle-grid{width:min(100%,430px)}.cycle-grid .cycle-move{width:clamp(78px,23vw,108px);min-height:70px;padding:5px}.cycle-grid .cycle-move strong{font-size:.9rem}.cycle-grid .cycle-move .number{font-size:1.1rem}.cycle-center{font-size:.85rem}}

/* Finished walkthrough cards replace the previous on-page worksheet fields. */
.example-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.example-path article{min-height:160px;padding:20px;border:1px solid var(--line);border-left:5px solid var(--purple);border-radius:12px;background:#fbf8fc}
.example-path article:nth-child(2){border-left-color:var(--green)}
.example-path article:nth-child(3){border-left-color:var(--orange)}
.example-path article:nth-child(4){border-left-color:var(--pink)}
.example-path h4{margin:0 0 10px;color:var(--ink);font:700 1.1rem/1.25 'DM Sans',Arial,sans-serif}
.example-path p{margin:0;color:var(--muted);font-size:.98rem}
.worksheet-actions{display:flex;flex-wrap:wrap;gap:10px;margin:-12px 0 28px}
.worksheet-actions a,.worksheet-actions button{display:inline-flex;align-items:center;border:1px solid var(--purple);border-radius:9px;background:#fff;color:#172033;padding:11px 17px;text-decoration:none;font:700 1rem 'DM Sans',Arial,sans-serif}
.worksheet-actions a:first-child{background:var(--purple);color:#fff}
.controls button{color:#172033}
.controls #next{color:#fff}
@media(max-width:950px){.example-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.example-path{grid-template-columns:1fr}.worksheet-actions a,.worksheet-actions button{width:100%;justify-content:center}.workspace{padding:24px 18px}}
@media print{.worksheet-actions{display:none!important}.example-path{grid-template-columns:1fr 1fr;gap:8pt}.example-path article{padding:10pt;break-inside:avoid}.example-path h4{font-size:12pt}}