.gradings-page{min-height:100vh}.gradings-page .history-hero{background:linear-gradient(135deg,rgba(239,62,52,.9),rgba(255,107,53,.8)),url(/images/gradings/grading-hero.jpg) 50%/cover no-repeat}.gradings-page .history-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:1.5rem}.gradings-page .history-hero p{font-size:clamp(1.1rem,2vw,1.3rem);color:rgba(255,255,255,.95);max-width:600px;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.gradings-page section{padding:5rem 0}.gradings-page section:nth-child(2n){background:#1a1a1a}.gradings-page section:nth-child(odd){background:#111}.gradings-page #book-section{background:#ef3e34;color:white}@media (max-width:768px){.gradings-page section{padding:3rem 0}.gradings-page .history-hero{padding:4rem 1rem}}@media (max-width:480px){.gradings-page section{padding:2rem 0}.gradings-page .history-hero{padding:3rem 1rem}}.grading-accordion{padding:4rem 2rem;background:#111;color:#ededed;max-width:1400px;margin:0 auto}.grading-accordion h2{text-align:center;color:#ef3e34;font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}.accordion-container{margin-top:2rem}.accordion-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.accordion-item:hover{border-color:#ef3e34}.accordion-header{width:100%;padding:1.5rem 2rem;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:none;color:#ededed;font-size:1.2rem;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center}.accordion-header:hover{background:linear-gradient(135deg,#333,#2a2a2a)}.accordion-header.active{background:linear-gradient(135deg,#ef3e34,#c12f27);color:white}.accordion-icon{font-size:1.5rem;font-weight:700;transition:transform .3s ease}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#1a1a1a}.accordion-content.open{max-height:2000px;padding:1.5rem 2rem 2rem}.course-item{padding:1.5rem;margin-bottom:1rem;background:#222;border-left:4px solid #ef3e34;border-radius:8px}.course-item:last-child{margin-bottom:0}.course-item h3{color:#ef3e34;font-size:1.3rem;margin:0 0 1rem;font-weight:600}.course-item p{margin:.5rem 0;color:#ccc;font-size:1rem;line-height:1.6}.course-item p strong{color:#ededed;font-weight:600;margin-right:.5rem}@media (max-width:768px){.grading-accordion{padding:2rem 1rem}.accordion-header{font-size:1rem}.accordion-content.open,.accordion-header{padding:1rem 1.5rem}.course-item{padding:1rem}.course-item h3{font-size:1.1rem}.course-item p{font-size:.9rem}}.grading-explanation{padding:5rem 0;background:#1a1a1a}.grading-explanation .section-header{text-align:center;margin-bottom:3rem}.grading-explanation .section-header h2{font-size:clamp(2rem,4vw,3rem);color:#ef3e34;margin-bottom:1rem}.grading-explanation .section-header p{font-size:1.2rem;color:#ccc;max-width:700px;margin:0 auto;line-height:1.6}.grading-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-button{padding:1rem 2rem;background:#2a2a2a;border:2px solid #ef3e34;color:#ef3e34;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem}.tab-button:hover{transform:translateY(-2px)}.tab-button.active,.tab-button:hover{background:#ef3e34;color:white}.tab-content{min-height:500px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.overview-card{background:#2a2a2a;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.3);text-align:center;transition:transform .3s ease;border:1px solid #333}.overview-card:hover{transform:translateY(-5px)}.overview-card .card-icon{width:60px;height:60px;background:#ef3e34;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.overview-card .card-icon .material-symbols-outlined{color:white;font-size:2rem}.overview-card h3{color:#ef3e34;margin-bottom:1rem;font-size:1.3rem}.overview-card p{color:#ccc;line-height:1.6}.grading-philosophy{background:#2a2a2a;padding:3rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.3);border:1px solid #333}.grading-philosophy h3{color:#ef3e34;font-size:1.8rem;margin-bottom:1rem}.grading-philosophy p{color:#ccc;line-height:1.7;margin-bottom:2rem;font-size:1.1rem}.philosophy-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.philosophy-points .point{display:flex;align-items:flex-start;gap:1rem}.philosophy-points .point .material-symbols-outlined{color:#ef3e34;font-size:1.5rem;margin-top:.2rem}.philosophy-points .point h4{color:#ef3e34;margin-bottom:.5rem;font-size:1.1rem}.philosophy-points .point p{color:#ccc;margin:0;font-size:.95rem;line-height:1.5}.aspects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.aspect-card{background:#2a2a2a;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:transform .3s ease;border:1px solid #333}.aspect-card:hover{transform:translateY(-5px)}.aspect-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.aspect-icon{width:50px;height:50px;background:#ef3e34;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aspect-icon .material-symbols-outlined{color:white;font-size:1.5rem}.aspect-header h3{color:#ef3e34;margin-bottom:.5rem;font-size:1.3rem}.aspect-header p{color:#ccc;line-height:1.5;margin:0}.aspect-details{list-style:none;padding:0;margin:0}.aspect-details li{border-bottom:1px solid #444;color:#ccc;position:relative;padding:.75rem 0 .75rem 1.5rem}.aspect-details li:last-child{border-bottom:none}.aspect-details li:before{content:"\2713";position:absolute;left:0;color:#ef3e34;font-weight:700}.process-timeline{max-width:800px;margin:0 auto}.process-step{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.process-step:not(:last-child):after{content:"";position:absolute;left:2rem;top:4rem;width:2px;height:calc(100% + 1rem);background:#ef3e34;opacity:.3}.step-number{width:4rem;height:4rem;background:#ef3e34;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content{flex:1;background:#2a2a2a;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.3);border:1px solid #333}.step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.step-header h3{color:#ef3e34;font-size:1.4rem;margin:0}.step-duration{background:#444;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#ccc;font-weight:500}.step-content p{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.step-activities{list-style:none;padding:0;margin:0}.step-activities li{color:#ccc;position:relative;padding:.5rem 0 .5rem 1.5rem}.step-activities li:before{content:"\2022";position:absolute;left:0;color:#ef3e34;font-weight:700}@media (max-width:768px){.grading-explanation{padding:3rem 0}.grading-tabs{gap:.5rem}.tab-button{padding:.75rem 1.5rem;font-size:.9rem}.overview-grid{gap:1.5rem}.aspects-grid,.overview-grid{grid-template-columns:1fr}.process-step{flex-direction:column;gap:1rem}.process-step:after{display:none}.step-number{align-self:flex-start}.grading-philosophy{padding:2rem}.philosophy-points{grid-template-columns:1fr}}@media (max-width:480px){.tab-button{padding:.5rem 1rem;font-size:.8rem}.aspect-card,.overview-card,.step-content{padding:1.5rem}.step-header{flex-direction:column;align-items:flex-start}}