/* B — Öğrenme Yolu homepage (2026-09-14). Brand tokens: ink #2d1261, accent #ffcb3d, paper #fffaf0. */
.revision[data-revision-page="home"]{background:#fffaf0}
.yol-hero,.yol-panel-wrap,.yol-lesson,.yol-start,.yol-story,.yol-continuity,.yol-faq{color:#2d1261}
.yol-hero .yol-slogan,.yol-panel h2,.yol-lesson h2,.yol-start h2,.yol-story h2,.yol-continuity h2,.yol-faq h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.035em;line-height:1.05;margin:0;font-weight:800}
.yol-hero em,.yol-lesson em{font-style:normal}
.yol-hero em{color:#7b3dff}
.yol-lesson em{text-decoration:underline;text-decoration-color:#ffcb3d;text-decoration-thickness:6px;text-underline-offset:8px}
.yol-link{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:#ffcb3d;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.yol-hero .eyebrow,.yol-lesson .eyebrow,.yol-start .eyebrow,.yol-story .eyebrow,.yol-continuity .eyebrow,.yol-faq .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:18px}

/* Hero: the age path */
.yol-hero{padding-top:52px}
.yol-hero-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end}
.yol-hero .yol-slogan{font-size:clamp(42px,4.6vw,64px)}
.yol-hero-side{display:flex;flex-direction:column;gap:18px;padding-bottom:10px}
.yol-hero-side p{font-size:19px;line-height:1.5;color:#4c3f60;margin:0}
.yol-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.yol-scene{position:relative;margin-top:28px;aspect-ratio:1280/330}
.yol-scene svg{position:absolute;inset:0;width:100%;height:100%}
.yol-scene circle{fill:#fffaf0;stroke:#2d1261;stroke-width:3}
.yol-scene circle.on{fill:#2d1261}
.yol-scene img{position:absolute;height:auto}
.yol-stations{display:flex;justify-content:space-between;margin-top:-58px;position:relative}
.yol-station{display:flex;flex-direction:column;align-items:center;gap:10px;width:260px}
.yol-station:first-child{align-items:flex-start}.yol-station:last-child{align-items:flex-end}
.yol-station button{font:800 17px/1 'Manrope',Arial,sans-serif;color:#2d1261;min-height:48px;white-space:nowrap;padding:0 22px;border:1.5px solid #2d1261;border-radius:999px;background:#fff;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.yol-station button:hover{background:#fff4c2}
.yol-station button[aria-pressed="true"]{background:#2d1261;color:#fff;box-shadow:4px 4px 0 #ffcb3d}
.yol-station-teen button[aria-pressed="true"]{box-shadow:4px 4px 0 #7b3dff}
.yol-station-core button{font-size:19px;min-height:54px;padding:0 26px;display:inline-flex;align-items:center;gap:10px}
.yol-station-core button small{font:700 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#ffcb3d;color:#2d1261}
.yol-station-core button[aria-pressed="true"] small{background:#ffcb3d}
.yol-station button:focus-visible{outline:3px solid #267be5;outline-offset:4px}
.yol-station span{font-size:13px;color:#68547b}
.yol-station img{display:none}

/* Selected-age panel */
.yol-panel-wrap{margin-top:44px}
.yol-panel{border:1px solid #2d1261;border-radius:16px;background:#fff;box-shadow:6px 6px 0 #2d1261;padding:34px 40px 28px}
.yol-panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}
.yol-panel-head>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.yol-panel h2{font-size:34px}
.yol-panel-count{font-size:15px;color:#68547b;margin:0}
.yol-panel-tools{display:flex;align-items:center;gap:18px}
.yol-panel-tools label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.yol-panel-tools select{min-height:44px;padding:0 12px;border:1px solid #2d1261;border-radius:8px;background:#fff;font:inherit;color:inherit}
.yol-panel-tools .text-button{min-height:44px;padding:0;background:none;border:0;font:700 14px 'DM Sans',Arial,sans-serif;color:#2d1261;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.yol-panel-intro{font-size:16px;line-height:1.6;color:#4c3f60;margin:0;padding:22px 0 26px;border-top:1px solid #d8d0e4}
.yol-panel[data-state="age"] .yol-panel-intro:not([data-intro-for]){display:none}
.yol-panel-intro-band{font-size:17px;color:#2d1261}
.yol-panel[data-tone="teen"]{box-shadow:6px 6px 0 #7b3dff}
.yol-panel[data-tone="teen"] .yol-course:hover{background:#efe8ff}
.yol-panel[data-tone="teen"] .yol-course img{width:36px;height:36px;flex-basis:36px}
.yol-panel[data-tone="teen"] .yol-lane-title strong{color:#4b2aa6}
.yol-lane{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;padding:20px 0;border-top:1px solid #d8d0e4}
.yol-lane-title{display:flex;flex-direction:column;gap:4px}
.yol-lane-title strong{font:800 18px/1.3 'Manrope',Arial,sans-serif}
.yol-lane-title span{font-size:13px;color:#68547b}
.yol-lane-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.yol-course{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border:1px solid #2d1261;border-radius:10px;background:#fff;color:inherit;min-height:64px;text-decoration:none}
.yol-course:hover{background:#fff4c2}
.yol-course[data-preparing="true"]{border-style:dashed;border-color:#8f7bb0;color:#4c3f60}
.yol-course img{width:44px;height:44px;flex:0 0 44px}
.yol-course span{display:flex;flex-direction:column;gap:2px;min-width:0}
.yol-course b{font-size:15px;line-height:1.25}
.yol-course small{font-size:12px;color:#68547b}
.yol-course em{font-style:normal;font-size:12px;color:#7b3dff;font-weight:700}
.yol-lane-empty{grid-column:1/-1;font-size:14px;color:#68547b;margin:0;padding:12px 0}
.yol-panel-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;padding-top:18px;border-top:1px solid #d8d0e4}
.yol-panel-foot p{font-size:13px;color:#68547b;margin:0;max-width:520px}
.yol-panel-foot>div{display:grid;grid-template-columns:auto auto;gap:12px 16px;align-items:center;justify-items:end}
.yol-panel-foot>div .yol-link{grid-column:1/-1}

/* Shared media tiles */
.yol-media{margin:0;min-width:0;border-radius:12px;overflow:hidden}
.yol-media .evidence-media{border-radius:0}
.yol-media figcaption{padding:16px 20px;display:flex;flex-direction:column;gap:4px;background:#2d1858;color:#fff}
.yol-media figcaption strong{font:800 18px/1.25 'Manrope',Arial,sans-serif;letter-spacing:-.02em}
.yol-media figcaption span{font-size:13px;color:#d6cae6}

/* Inside a lesson */
.yol-lesson{padding-block:96px 80px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center}
.yol-lesson .yol-media .evidence-media,.yol-lesson .yol-media .media-placeholder-center{min-height:420px}
.yol-lesson h2{font-size:clamp(34px,3.6vw,50px)}
.yol-principles{list-style:none;margin:26px 0 12px;padding:0;display:flex;flex-direction:column}
.yol-principles li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid #d8d0e4}
.yol-principles li:last-child{border-bottom:1px solid #d8d0e4}
.yol-principles li>span{font:800 22px/1.2 'Manrope',Arial,sans-serif;color:#7b3dff}
.yol-principles b{font-size:16px}
.yol-principles p{font-size:14px;line-height:1.5;color:#4c3f60;margin:4px 0 0}

/* Section heads */
.yol-head{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;margin-bottom:36px}
.yol-head h2{font-size:clamp(34px,3.9vw,56px)}
.yol-head>p{font-size:17px;line-height:1.6;color:#4c3f60;margin:0 0 6px}

/* First four weeks ledger */
.yol-start{border-top:1px solid #2d1261;padding-top:56px}
.yol-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #2d1261;border-radius:14px;overflow:hidden;background:#fff}
.yol-ledger>div{padding:26px 24px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #d8d0e4}
.yol-ledger>div:last-child{border-right:0}
.yol-ledger .eyebrow{color:#7b3dff;margin-bottom:0}
.yol-ledger b{font:800 18px/1.3 'Manrope',Arial,sans-serif}
.yol-ledger p{font-size:14px;line-height:1.5;color:#4c3f60;margin:0}
.yol-ledger-accent{background:#ffdc3f}
.yol-ledger-accent .eyebrow,.yol-ledger-accent p{color:#2d1261}
.yol-start-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.yol-start-foot p{font-size:13px;color:#68547b;margin:0}

/* Student story */
.yol-story{padding-top:96px}
.yol-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:20px}
.yol-story-grid .yol-media .evidence-media,.yol-story-grid .yol-media .media-placeholder-center{min-height:300px}
.yol-tile-first .evidence-media{background:#f8e895;color:#392650}
.yol-tile-first .media-state{color:#554423;border-color:#b99f38;font-size:12px}
.yol-tile-first .media-symbol{color:#463257;border-color:#bcaa64}
.yol-tile-first .media-placeholder-center>span:last-child{color:#75613b}
.yol-tile-first figcaption{background:#ffdc3f;color:#2d1261}
.yol-tile-first figcaption span{color:#5a4a2a}
.yol-tile-later .evidence-media{background:#ded2ff;color:#2d1261}
.yol-tile-later .media-state{color:#2d1261;border-color:#8f7bb0}
.yol-tile-later .media-symbol{color:#2d1261;border-color:#8f7bb0}
.yol-tile-later .media-placeholder-center>span:last-child{color:#4c3f60}
.yol-tile-later figcaption{background:#c9b8f5;color:#2d1261}
.yol-tile-later figcaption span{color:#4c3f60}
.yol-story-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;font-size:14px}
.yol-story-context>div{display:flex;gap:16px;align-items:baseline}
.yol-story-context span{color:#68547b}
.yol-story-context p{grid-column:1/-1;margin:4px 0 0;font-size:13px;color:#68547b}

/* Continuity band */
.yol-continuity{margin-top:80px;position:relative;overflow:hidden;border-radius:16px;background:#e6e9fb;border:1px solid #2d1261;display:grid;grid-template-columns:1fr 1fr;min-height:380px}
.yol-continuity-copy{padding:52px 48px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.yol-continuity h2{font-size:clamp(32px,3.3vw,46px)}
.yol-continuity-copy>p{font-size:16px;line-height:1.6;color:#4c3f60;max-width:440px;margin:0}
.yol-family{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:12px;margin-top:6px}
.yol-family .yol-media .evidence-media,.yol-family .yol-media .media-placeholder-center{min-height:150px;padding:44px 12px 14px}
.yol-family .media-placeholder-center strong{font-size:14px}
.yol-family .media-placeholder-center>span:last-child,.yol-family .media-symbol{display:none}
.yol-family figcaption{padding:10px 14px}
.yol-family figcaption strong{font-size:14px}
.yol-continuity-art{width:100%;height:100%;object-fit:cover;object-position:center}

/* FAQ + guide */
.yol-faq{padding-block:88px 72px;display:grid;grid-template-columns:1fr 1.4fr;gap:64px}
.yol-faq-side{display:flex;flex-direction:column;gap:14px}
.yol-faq h2{font-size:clamp(32px,3.2vw,44px)}
.yol-faq-side>p{font-size:15px;line-height:1.6;color:#4c3f60;margin:0}
.yol-guides{display:flex;flex-direction:column;margin-top:26px}
.yol-guides .eyebrow{margin-bottom:6px}
.yol-guides a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 0;border-top:1px solid #d8d0e4;font-weight:700;font-size:16px;text-decoration:none;color:inherit}
.yol-guides a:last-child{border-bottom:1px solid #d8d0e4}
.yol-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.yol-faq-grid>div:last-child:nth-child(odd){grid-column:1/-1}
.yol-faq-grid>div{padding:22px 24px;border:1px solid #2d1261;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px}
.yol-faq-grid b{font-size:16px}
.yol-faq-grid p{font-size:14px;line-height:1.55;color:#4c3f60;margin:0}
.revision-close{border-top:1px solid #2d1261}

@media(max-width:1050px){
 .yol-hero-copy{grid-template-columns:minmax(0,1fr);gap:20px}
 .yol-lane-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .yol-lesson{grid-template-columns:minmax(0,1fr);gap:32px}
 .yol-head{grid-template-columns:minmax(0,1fr);gap:16px}
 .yol-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
 .yol-ledger>div:nth-child(2){border-right:0}.yol-ledger>div:nth-child(-n+2){border-bottom:1px solid #d8d0e4}
 .yol-story-grid{grid-template-columns:1fr 1fr}.yol-story-grid .student-story-film{grid-column:1/-1}
 .yol-continuity{grid-template-columns:minmax(0,1fr)}.yol-continuity-art{max-height:320px}
 .yol-faq{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media(max-width:760px){
 .yol-hero{padding-top:28px}
 .yol-hero-side p{font-size:16px}
 .yol-hero-actions .action{width:100%;justify-content:space-between}
 .yol-scene{display:none}
 .yol-stations{flex-direction:column;margin-top:28px;gap:14px;padding-left:36px;position:relative}
 .yol-stations::before{content:'';position:absolute;left:10px;top:12px;bottom:12px;width:8px;border-radius:4px;background:#ffcb3d}
 .yol-station{width:100%;flex-direction:row;align-items:center!important;justify-content:space-between;gap:12px;position:relative}
 .yol-station::before{content:'';position:absolute;left:-36px;top:14px;width:16px;height:16px;border-radius:50%;border:3px solid #2d1261;background:#fffaf0;box-sizing:border-box}
 .yol-station:has(button[aria-pressed="true"])::before{background:#2d1261;box-shadow:0 0 0 4px #ffcb3d}
 .yol-station button{order:1}.yol-station-core button{font-size:17px;min-height:48px;padding:0 20px}.yol-station-core button small{display:none}.yol-station span{order:2;flex:1}.yol-station img{display:block;order:3;width:64px;height:64px}
 .yol-panel-wrap{margin-top:28px}
 .yol-panel{padding:22px 18px 18px;box-shadow:4px 4px 0 #2d1261}
 .yol-panel h2{font-size:26px}
 .yol-panel-head{flex-direction:column;align-items:flex-start;gap:12px}
 .yol-lane{grid-template-columns:minmax(0,1fr);gap:10px}
 .yol-lane-list{grid-template-columns:minmax(0,1fr)}
 .yol-panel-foot{grid-template-columns:minmax(0,1fr)}.yol-panel-foot>div{grid-template-columns:minmax(0,1fr);justify-items:stretch}
 .yol-lesson{padding-block:56px 40px}
 .yol-lesson .yol-media .evidence-media,.yol-lesson .yol-media .media-placeholder-center{min-height:240px}
 .yol-start{padding-top:40px}
 .yol-ledger{grid-template-columns:minmax(0,1fr)}.yol-ledger>div{border-right:0;border-bottom:1px solid #d8d0e4}.yol-ledger>div:last-child{border-bottom:0}
 .yol-start-foot{flex-direction:column;align-items:flex-start}
 .yol-story{padding-top:56px}
 .yol-story-grid{grid-template-columns:1fr 1fr;gap:12px}
 .yol-story-grid .yol-media .evidence-media,.yol-story-grid .yol-media .media-placeholder-center{min-height:170px}
 .yol-story-grid .student-story-film .evidence-media,.yol-story-grid .student-story-film .media-placeholder-center{min-height:220px}
 .yol-story-context{grid-template-columns:minmax(0,1fr);gap:8px}
 .yol-continuity{margin-top:48px}.yol-continuity-copy{padding:28px 20px}
 .yol-family{grid-template-columns:1fr 1fr}
 .yol-faq{padding-block:56px 40px}
 .yol-faq-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:350px){.yol-story-grid,.yol-family{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.yol-station button{transition:none}}

/* Brand positioning (2026-09-15): vision hero, three parallel areas, repeated calls */
.yol-offer-link{display:inline-flex;flex-direction:column;gap:2px;min-height:44px;justify-content:center;padding:6px 0;color:#2d1261;text-decoration:none}
.yol-offer-link b{font:800 15px/1.2 'Manrope',Arial,sans-serif}
.yol-offer-link span{font-size:13px;color:#68547b;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffcb3d;text-decoration-thickness:2px}
.yol-path-title{font-size:clamp(22px,2.4vw,30px);margin-top:32px!important;padding-top:22px;border-top:1px solid #d8d0e4}
.yol-hero .yol-path-title+.yol-scene{margin-top:40px}
.yol-panel-foot .action.primary{white-space:nowrap}
.yol-areas{padding-top:88px}
.yol-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.yol-area{margin:0;padding:26px 24px 22px;border:1px solid #2d1261;border-radius:14px;background:#fff;box-shadow:5px 6px 0 #2d1261;display:flex;flex-direction:column;gap:12px}
.yol-area-digital{background:#eef3ff}.yol-area-ai{background:#f1ebff}.yol-area-finance{background:#fff6dc}
.yol-area-finance .yol-area-skills{color:#6f3689!important}
.yol-area-finance img{width:96px;height:auto}
.yol-area img{width:72px;height:72px}
.yol-area h3{font:800 24px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;margin:0;color:#2d1261}
.yol-area p{font-size:15px;line-height:1.55;color:#4c3f60;margin:0}
.yol-area-skills{font-weight:700;color:#5b2be0!important;font-size:14px!important}
.yol-area-support{font-size:14px!important;color:#2d1261!important;padding-top:10px;border-top:1px solid rgba(45,18,97,.18)}
.yol-area small{font-size:13px;color:#68547b;line-height:1.5}
/* Alan kartları bağlantıdır (21 Eylül 2026): başlıktaki bağlantı bütün kartı kaplar. */
.yol-area{position:relative;transition:transform .16s ease,box-shadow .16s ease}
.yol-area:hover,.yol-area:focus-within{transform:translate(-2px,-2px);box-shadow:8px 9px 0 #2d1261}
.yol-area-link{color:inherit;text-decoration:none}
.yol-area-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.revision .yol-area-link:focus-visible{outline:none}
.yol-area-link:focus-visible::after{outline:3px solid #7b3dff;outline-offset:3px}
.yol-area-go{margin-top:auto;padding-top:14px;border-top:1px solid rgba(45,18,97,.18);justify-content:space-between;font:800 15px/1.2 'DM Sans',Arial,sans-serif;color:#2d1261;display:flex;align-items:center;gap:8px}
.yol-area-go i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#ffdc3f;border:1px solid #2d1261;transition:transform .16s ease}
.yol-area:hover .yol-area-go i{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.yol-area,.yol-area-go i{transition:none}.yol-area:hover{transform:none}}
.yol-areas-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.yol-areas-foot p{font-size:15px;color:#4c3f60;margin:0;max-width:600px}
.yol-start-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.yol-sticky{display:none}
@media(max-width:1050px){.yol-area-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .yol-path-title{margin-top:28px!important;padding-top:20px}
 .yol-offer-link{width:100%}
 .yol-areas{padding-top:56px}.yol-area-grid{grid-template-columns:minmax(0,1fr);gap:14px}.yol-area{box-shadow:4px 4px 0 #2d1261}
 .yol-areas-foot{flex-direction:column;align-items:flex-start;gap:14px}
 .yol-panel-foot .action{width:100%;justify-content:space-between}
/* 400 px altında düğme metni tek satıra sığmayabilir; sarmasına izin ver. */
@media(max-width:400px){.yol-panel-foot .action.primary{white-space:normal}}
 .yol-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffaf0;border-top:1px solid #2d1261}
 .yol-sticky a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border:1px solid #2d1261;border-radius:8px;font:700 14px/1.2 'DM Sans',Arial,sans-serif;color:#2d1261;text-decoration:none;text-align:center}
 .yol-sticky a:first-child{background:#ffcb3d;box-shadow:3px 3px 0 #2d1261}
 .yol-sticky a b{font:800 12px/1 'Manrope',Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
 .revision[data-revision-page="home"]{padding-bottom:84px}
}

/* Institution facts (content/institution-facts.json) */
.yol-stats{margin:6px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;max-width:460px}
.yol-stats div{border-top:1px solid #2d1261;padding-top:8px}
.yol-stats dt{font:800 30px/1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;color:#2d1261;font-variant-numeric:tabular-nums}
.yol-stats dd{margin:4px 0 0;font-size:13px;color:#4c3f60;line-height:1.4}
.yol-stats-note{font-size:12px;color:#68547b;margin:0!important}
@media(max-width:760px){.yol-stats{max-width:none}.yol-stats dt{font-size:26px}}

/* Numbers section — S2 poster tiles (selected 2026-09-15) */
.yol-numbers{padding-top:88px}
.yol-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.yol-tile{border:1px solid #2d1261;border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:230px;box-shadow:5px 6px 0 #2d1261}
.yol-tile-paper{background:#fff}.yol-tile-accent{background:#ffdc3f}.yol-tile-ink{background:#2d1261;color:#fff}
.yol-tile-num{font:800 clamp(48px,5vw,72px)/0.95 'Manrope',Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.yol-tile b{font:800 18px/1.3 'Manrope',Arial,sans-serif;display:block}
.yol-tile p{font-size:14px;color:#4c3f60;margin:4px 0 0}
.yol-tile-accent p{color:#5a4a2a}.yol-tile-ink p{color:#d6cae6}
.yol-numbers-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.yol-numbers-foot p{font-size:14px;color:#68547b;margin:0;max-width:600px}
@media(max-width:1050px){.yol-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.yol-numbers{padding-top:56px}.yol-tiles{grid-template-columns:1fr 1fr;gap:12px}.yol-tile{min-height:170px;padding:20px 18px;box-shadow:4px 4px 0 #2d1261}.yol-numbers-foot{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:350px){.yol-tiles{grid-template-columns:minmax(0,1fr)}}

/* Numbers section — D2 selected 2026-09-15: cream ground, full-width yellow band, two characters, slightly tilted cards */
.yol-numbers{padding:40px 0 30px;margin-top:24px;background:transparent;color:#2d1261;border-radius:0;box-shadow:none;position:relative;overflow:visible}
.yol-numbers .yol-head{margin-bottom:22px}
.yol-numbers .yol-head h2{font-size:clamp(30px,3.4vw,46px)}
.yol-numbers .yol-head>p{color:#4c3f60;font-size:15px}
.yol-numbers .eyebrow{color:#2d1261}
.yol-tiles-wrap{position:relative;padding:22px 40px 10px}
.yol-band{position:absolute;left:calc(50% - 50vw);width:100vw;top:46%;height:34px;background:#ffdc3f;border-top:1.5px solid #2d1261;border-bottom:1.5px solid #2d1261;z-index:0}
.yol-band-char{position:absolute;z-index:2;height:auto}
.yol-band-char-left{left:-54px;top:-30px;width:120px}
.yol-band-char-right{right:-48px;top:-22px;width:104px}
/* A4 (21 Eylül 2026): kenar boşluğu 48 px'in altına inince sağdaki karakter ekranı taşırıp
   yatay kaydırma açıyordu (761–1275 px). Masaüstü yerleşimi aynı; altında içeri çekilir. */
@media(max-width:1275px){.yol-band-char-left{left:-16px;width:92px}.yol-band-char-right{right:-14px;width:80px}}
.yol-tiles{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.yol-numbers .yol-tile{border:1px solid #2d1261;box-shadow:5px 6px 0 #2d1261;min-height:190px;padding:24px 22px;gap:14px}
.yol-numbers .yol-tile-num{font-size:clamp(44px,4.2vw,60px)}
.yol-numbers .yol-tile-paper{background:#fff;color:#2d1261}.yol-numbers .yol-tile-paper p{color:#4c3f60}
.yol-numbers .yol-tile-accent{background:#2d1261;color:#fff}.yol-numbers .yol-tile-accent p{color:#d6cae6}
.yol-numbers .yol-tile-ink{background:#ded2ff;color:#2d1261;border:1px solid #2d1261}.yol-numbers .yol-tile-ink p{color:#4c3f60}
.yol-tiles>.yol-tile:nth-child(1){transform:rotate(-1.2deg)}.yol-tiles>.yol-tile:nth-child(2){transform:rotate(.8deg)}.yol-tiles>.yol-tile:nth-child(3){transform:rotate(-.6deg)}.yol-tiles>.yol-tile:nth-child(4){transform:rotate(1.1deg)}
.yol-numbers .yol-numbers-foot{margin-top:26px}
.yol-numbers .yol-numbers-foot p{color:#68547b;font-size:13px}
.yol-numbers .action.primary{box-shadow:4px 4px 0 #2d1261;border-color:#2d1261;color:#2d1261}
@media(max-width:1050px){.yol-tiles{grid-template-columns:1fr 1fr}.yol-band{top:50%}}
@media(max-width:760px){.yol-numbers{padding:28px 0 22px}.yol-tiles-wrap{padding:10px 0 6px}.yol-band{top:50%;height:22px}.yol-band-char{display:none}.yol-tiles>.yol-tile:nth-child(n){transform:none;min-height:150px;padding:18px 16px;box-shadow:4px 4px 0 #2d1261}.yol-tiles{gap:12px}}
@media(prefers-reduced-motion:reduce){.yol-tiles>.yol-tile:nth-child(n){transform:none}}

/* Merged story + continuity (2026-09-15); text-only lesson when placeholders are hidden */
.yol-families{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:44px;padding:36px 40px;border:1px solid #2d1261;border-radius:16px;background:#e6e9fb}
.yol-families-copy{display:flex;flex-direction:column;gap:12px}
.yol-families-copy h3{font:800 clamp(26px,2.6vw,34px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;margin:0;color:#2d1261}
.yol-families-copy p{font-size:15px;line-height:1.6;color:#4c3f60;margin:0}
.yol-families .yol-family{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.yol-lesson-text{grid-template-columns:minmax(0,1fr)}
.yol-lesson-text .yol-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1050px) and (min-width:601px){.yol-lesson-text .yol-principles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}}
.yol-lesson-text .yol-principles li{border-top:1px solid #d8d0e4;border-bottom:1px solid #d8d0e4}
@media(max-width:1050px){.yol-families{grid-template-columns:minmax(0,1fr)}.yol-lesson-text .yol-principles{grid-template-columns:minmax(0,1fr);gap:0}.yol-lesson-text .yol-principles li{border-bottom:0}.yol-lesson-text .yol-principles li:last-child{border-bottom:1px solid #d8d0e4}}
@media(max-width:760px){.yol-families{padding:22px 18px;margin-top:28px;gap:20px}}

/* Catalogue and course detail pages from content/courses.json (2026-09-15). Same tokens, journey language. */
.revision[data-revision-page="catalog"],.revision[data-revision-page="detail"]{background:#fffaf0}
.kurs-hero{padding-top:44px}
.kurs-hero .yol-hero-copy{align-items:start}
.kurs-hero h1{font-size:clamp(38px,4.6vw,64px)}
.kurs-stations{margin-top:36px;padding-top:26px;border-top:1px solid #d8d0e4;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.kurs-stations .yol-station{width:auto;align-items:flex-start}
.kurs-panel-wrap{margin-top:28px}
.yol-panel[data-state="all"] .yol-panel-intro:not([data-intro-for]){display:none}
.kurs-lane{align-items:start}
.kurs-lane-summary{font-size:13px;line-height:1.5;color:#4c3f60;margin:6px 0 0;max-width:200px}
.kurs-lane-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.kurs-card{align-items:flex-start;padding:14px 16px 14px 14px;min-height:0}
.kurs-card img{width:56px;height:56px;flex-basis:56px}
.kurs-card-body{gap:6px!important;flex:1}
.kurs-card-top{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px!important}
.kurs-card b{font-size:16px}
.kurs-card-short{font-size:13px!important;line-height:1.5;color:#4c3f60}
.kurs-card-foot{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:10px!important;padding-top:8px;border-top:1px solid #ece5f5}
.kurs-card .yol-link{min-height:0;font-size:13px}
.kurs-level{font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;white-space:nowrap;border:1px solid #2d1261;color:#2d1261;background:#fff}
.kurs-level-next{background:#2d1261;color:#fff}
.kurs-status{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:#2d1261}
.kurs-status::before{content:'';width:8px;height:8px;border-radius:50%;background:#2fb573}
.kurs-status.is-prep{color:#68547b}.kurs-status.is-prep::before{background:#ffcb3d}

/* Detail: header */
.kurs-detail-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:48px;align-items:center;padding-top:36px;color:#2d1261}
.kurs-detail-hero h1{font:800 clamp(38px,4.8vw,66px)/1.05 'Manrope',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 10px}
.kurs-detail-copy .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:16px}
.kurs-subtitle{font:700 20px/1.35 'Manrope',Arial,sans-serif;color:#7b3dff;margin:0 0 12px}
.kurs-lead{font-size:19px;line-height:1.5;color:#4c3f60;margin:0;max-width:60ch}
.kurs-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0}
.kurs-chips li{font:700 13px/1 'DM Sans',Arial,sans-serif;padding:9px 12px;border:1px solid #2d1261;border-radius:999px;background:#fff}
.kurs-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.kurs-prep-note{font-size:14px;color:#68547b;max-width:36ch}
.kurs-detail-art{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 24px;border:1px solid #2d1261;border-radius:16px;background:#fff;box-shadow:6px 6px 0 #2d1261}
.kurs-detail-art.tone-blue{background:#eef3ff}.kurs-detail-art.tone-violet{background:#f1ebff}.kurs-detail-art.tone-green{background:#e9f7ef}.kurs-detail-art.tone-yellow{background:#fff4c2}.kurs-detail-art.tone-lavender{background:#e6e9fb}
.kurs-detail-art img{width:min(220px,60%);height:auto}
.kurs-detail-art figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.kurs-detail-art figcaption span{font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#68547b}
.kurs-detail-art figcaption strong{font:800 24px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.02em;color:#2d1261}

/* Detail: sections */
.kurs-about,.kurs-program,.kurs-journey,.kurs-format,.kurs-prep,.kurs-faq{color:#2d1261;padding-top:64px}
.kurs-about h2,.kurs-program h2,.kurs-journey h2,.kurs-format h2,.kurs-prep h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.035em;line-height:1.05;margin:0;font-weight:800;font-size:clamp(28px,3.2vw,42px)}
.kurs-about .eyebrow,.kurs-program .eyebrow,.kurs-journey .eyebrow,.kurs-format .eyebrow,.kurs-prep .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:14px}
.kurs-about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:34px 40px;border:1px solid #2d1261;border-radius:16px;background:#fff}
.kurs-about-grid p{font-size:17px;line-height:1.6;color:#4c3f60;margin:14px 0 0;max-width:60ch}
.kurs-audience{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kurs-audience li{padding:12px 0;border-top:1px solid #d8d0e4;font-size:15px;line-height:1.5;display:flex;gap:12px}
.kurs-audience li::before{content:'→';color:#7b3dff;font-weight:800;flex:0 0 auto}
.kurs-modules{list-style:none;margin:0;padding:0;border-top:1px solid #2d1261}
.kurs-modules li{display:grid;grid-template-columns:56px minmax(0,1fr) 260px;gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid #d8d0e4}
.kurs-module-no{font:800 26px/1 'Manrope',Arial,sans-serif;color:#7b3dff;letter-spacing:-.03em}
.kurs-modules b{font-size:17px;display:block}
.kurs-modules small{display:block;font-size:12px;color:#68547b;margin-top:2px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}
.kurs-modules p{font-size:14px;line-height:1.55;color:#4c3f60;margin:6px 0 0}
.kurs-module-project{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #2d1261;border-radius:10px;background:#fff4c2}
.kurs-module-project span{font:700 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#68547b}
.kurs-module-project b{font-size:14px;line-height:1.35}
.kurs-outcomes{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;margin-top:24px;padding:24px 28px;border:1px solid #2d1261;border-radius:14px;background:#2d1261;color:#fff}
.kurs-outcomes .eyebrow{color:#ffcb3d;margin:0}
.kurs-outcomes ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kurs-outcomes li{font-size:15px;line-height:1.5;display:flex;gap:10px}
.kurs-outcomes li::before{content:'✓';color:#ffcb3d;font-weight:800}
.kurs-journey-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.kurs-rel{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid #2d1261;border-radius:12px;background:#fff;color:inherit;text-decoration:none;min-height:150px}
.kurs-rel:hover{background:#fff4c2}
.kurs-rel-label{font:700 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#68547b}
.kurs-rel img{width:44px;height:44px}
.kurs-rel b{font-size:17px;line-height:1.25}
.kurs-rel small{font-size:13px;color:#68547b}
.kurs-rel-current{background:#2d1261;color:#fff;box-shadow:5px 5px 0 #ffcb3d}
.kurs-rel-current .kurs-rel-label,.kurs-rel-current small{color:#ded2ff}
.kurs-rel-empty{border-style:dashed;border-color:#8f7bb0;color:#4c3f60;justify-content:center}
.kurs-alongside{margin-top:24px;padding-top:20px;border-top:1px solid #d8d0e4}
.kurs-alongside .eyebrow{font-size:12px;margin-bottom:12px}
.kurs-alongside-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kurs-format-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;border:1px solid #2d1261;border-radius:14px;background:#fff;overflow:hidden}
.kurs-format-list>div{padding:18px 20px;border-right:1px solid #d8d0e4;display:flex;flex-direction:column;gap:6px}
.kurs-format-list>div:last-child{border-right:0}
.kurs-format-list dt{font:700 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#68547b}
.kurs-format-list dd{margin:0;font-size:15px;font-weight:700;line-height:1.35}
.kurs-prep{padding:48px 40px;margin-top:64px;border:1px solid #2d1261;border-radius:16px;background:#fff;box-shadow:6px 6px 0 #ffcb3d;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.kurs-prep .yol-head{width:100%}
.kurs-start{padding-top:64px}
.kurs-faq{padding-top:64px}
@media(max-width:1050px){
 .kurs-lane-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kurs-detail-hero{grid-template-columns:minmax(0,1fr);gap:28px}
 .kurs-detail-art{flex-direction:row;justify-content:center;gap:28px;padding:20px}
 .kurs-detail-art figcaption{align-items:flex-start;text-align:left}
 .kurs-about-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px}
 .kurs-modules li{grid-template-columns:44px minmax(0,1fr);gap:14px}
 .kurs-modules li .kurs-module-project{grid-column:2}
 .kurs-outcomes{grid-template-columns:minmax(0,1fr);gap:12px}
 .kurs-format-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .kurs-format-list>div:nth-child(3n){border-right:0}.kurs-format-list>div:nth-child(-n+3){border-bottom:1px solid #d8d0e4}
}
@media(max-width:760px){
 .kurs-hero{padding-top:24px}
 .kurs-stations{margin-top:22px;padding-top:0;border-top:0;padding-left:36px}
 .kurs-stations .yol-station{width:100%}
 .kurs-lane-list{grid-template-columns:minmax(0,1fr)}
 .kurs-lane-summary{max-width:none}
 .kurs-detail-hero{padding-top:20px}
 .kurs-lead{font-size:16px}
 .kurs-actions .action{width:100%;justify-content:space-between}
 .kurs-detail-art{flex-direction:column;box-shadow:4px 4px 0 #2d1261}
 .kurs-about,.kurs-program,.kurs-journey,.kurs-format,.kurs-prep,.kurs-faq,.kurs-start{padding-top:44px}
 .kurs-journey-row,.kurs-alongside-list{grid-template-columns:minmax(0,1fr)}
 .kurs-rel{min-height:0}
 .kurs-format-list{grid-template-columns:1fr 1fr}
 .kurs-format-list>div{border-right:0;border-bottom:1px solid #d8d0e4}.kurs-format-list>div:nth-child(odd){border-right:1px solid #d8d0e4}.kurs-format-list>div:nth-last-child(-n+2){border-bottom:0}
 .kurs-prep{padding:28px 20px;margin-top:44px;box-shadow:4px 4px 0 #ffcb3d}
 .kurs-prep .action{width:100%;justify-content:space-between}
}
.kurs-card-top b{min-width:0}.kurs-level{flex:0 0 auto}
@media(max-width:1050px){.kurs-level{white-space:normal;text-align:center}}

/* Course detail — K6 flow chosen 15 Sep 2026: coloured hero per course, borderless pastel cards, centred headings. */
.f-hero{position:relative;margin:12px 20px 0;padding:56px 24px 48px;border-radius:28px;background:var(--f-bg,#2d1261);color:var(--f-ink,#fff);text-align:center;overflow:hidden}
.f-hero-in{max-width:760px;margin:0 auto;position:relative;z-index:1}
.f-tags{display:flex;justify-content:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.f-tags span{font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:#7b3dff;color:#fff}.f-tags span:nth-child(2){background:#ffcb3d;color:#2d1261}.f-tags .f-tag-prep{background:#fff;color:#2d1261}
.f-hero.is-dark .f-tags span:first-child{background:#7b3dff}.f-hero:not(.is-dark) .f-tags span:first-child{background:#2d1261}
.f-hero h1{font:800 clamp(40px,5vw,64px)/1.05 'Manrope',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 20px;color:var(--f-ink,#fff)}
.f-subtitle{font:700 20px/1.35 'Manrope',Arial,sans-serif;margin:-8px 0 18px;color:var(--f-soft)}
.f-trust{list-style:none;padding:0;margin:0 auto 28px;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--f-soft)}.f-trust li::before{content:'✓  ';color:#ffcb3d;font-weight:800}.f-hero:not(.is-dark) .f-trust li::before{color:#7b3dff}
.f-row-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:center}.f-row-form input,.f-row-form select{min-height:52px;padding:0 14px;border:0;border-radius:14px;font:15px 'DM Sans',Arial,sans-serif;background:#fff;color:#2d1261;min-width:0}.f-row-form small{grid-column:1/-1;font-size:12px;color:var(--f-soft,#b9a9d8);text-align:left}
.f-hero:not(.is-dark) .f-row-form input,.f-hero:not(.is-dark) .f-row-form select{border:1px solid rgba(45,18,97,.25)}
.f-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:0;border-radius:14px;background:#2d1261;color:#fff;font:700 15px 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 6px 0 rgba(45,18,97,.25)}.f-btn-yellow{background:#ffcb3d;color:#2d1261}.f-btn:hover{filter:brightness(1.05)}.f-btn:focus-visible{outline:3px solid #267be5;outline-offset:3px}
.f-hero-art{position:absolute;bottom:-20px;width:220px;z-index:0}.f-hero-art img{width:100%;height:auto}.f-hero-l{left:4%}.f-hero-r{right:4%;bottom:-10px;width:200px}
.f-crumb{margin-top:16px}
.f-sec{max-width:1180px;margin:0 auto;padding:96px 20px 0;color:#2d1261}.f-first{padding-top:40px}.f-last{padding-bottom:96px}
.f-sec h2{font:800 clamp(28px,3.2vw,40px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;text-align:center;margin:0 0 36px}
.f-sub{font-size:16px;line-height:1.5;color:#4c3f60;text-align:center;margin:-20px auto 28px;max-width:70ch}.f-center{text-align:center;margin-top:24px}
.f-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.f-card{border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px}.f-card b{font:800 20px/1.25 'Manrope',Arial,sans-serif}.f-card p{margin:0;font-size:15px;line-height:1.55;color:#4c3f60}
.f-white{background:#fff;box-shadow:0 10px 30px rgba(45,18,97,.06)}.f-yellow{background:#fff4c2}.f-mint{background:#e2f5ea}.f-lav{background:#e6e9fb}.f-blue{background:#e3ecff}.f-ink{background:#2d1261;color:#fff}
.f-ico{width:44px;height:44px;border-radius:14px;background:#ffcb3d;display:block;margin-bottom:6px}.f-ico-1{background:#c9dcff}.f-ico-2{background:#c5ecda}
.f-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}.f-bento .f-card{flex-direction:row;align-items:flex-end;justify-content:space-between;min-height:200px}.f-bento .f-card>div{max-width:60%}.f-bento img{width:120px;height:auto}.f-bento .f-card:first-child{grid-row:1/3;flex-direction:column;align-items:flex-start}.f-bento .f-card:first-child img{width:200px;align-self:flex-end}.f-bento .f-card:first-child>div{max-width:100%}
.f-band{display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:28px;padding:40px 48px}.f-band b{display:block;font:800 30px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;margin-bottom:10px}.f-band p{margin:0 0 18px;font-size:16px;line-height:1.5;color:#4c3f60;max-width:60ch}.f-band img{width:180px;height:auto;flex:0 0 auto}.f-links{display:flex;gap:20px;flex-wrap:wrap}.f-links a{font-weight:700;color:#2d1261;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.f-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-16px 0 24px}.f-chips span{font:700 14px/1 'DM Sans',Arial,sans-serif;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(45,18,97,.08)}
.f-acc details,.f-faq details{border-radius:18px;background:#f3f0fa;padding:0 24px;margin-bottom:10px}.f-acc summary,.f-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;font:700 16px/1.3 'DM Sans',Arial,sans-serif}.f-acc summary::-webkit-details-marker,.f-faq summary::-webkit-details-marker{display:none}.f-acc summary i,.f-faq summary i{width:28px;height:28px;border-radius:50%;background:#fff;flex:0 0 auto;position:relative}.f-acc summary i::before,.f-faq summary i::before{content:'+';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800}.f-acc details[open] summary i::before,.f-faq details[open] summary i::before{content:'–'}.f-acc p,.f-faq p{margin:0 0 20px;font-size:14px;line-height:1.55;color:#4c3f60}.f-acc summary:focus-visible,.f-faq summary:focus-visible{outline:3px solid #267be5;outline-offset:2px}
.f-example{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-radius:28px;padding:40px 48px;align-items:center}.f-example b{font:800 28px/1.1 'Manrope',Arial,sans-serif;display:block}.f-example p{font-size:15px;line-height:1.55;color:#4c3f60;margin:10px 0 18px}.f-author{display:flex;align-items:center;gap:12px}.f-author small{display:block;font-size:12px;color:#68547b}.f-author b{font:700 15px/1.2 'DM Sans',Arial,sans-serif}.f-avatar{width:44px;height:44px;border-radius:50%;background:#c9dcff}
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:240px;border:2px dashed #8f7bb0;border-radius:20px;background:#fff;color:#68547b;text-align:center;padding:16px}.ph span{font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.1em}.ph b{font-size:14px}
.f-packs .f-pack{border-radius:24px;padding:28px;background:#f3f0fa;display:flex;flex-direction:column;gap:6px}.f-pack.on{background:#fff4c2}.f-tag{font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#68547b}.f-pack b{font-size:18px}.f-pack strong{font:800 34px/1 'Manrope',Arial,sans-serif;letter-spacing:-.03em}.f-pack small{font-size:13px;color:#68547b}.f-pack p{font-size:14px;line-height:1.5;color:#4c3f60;margin:6px 0 14px;flex:1}.f-pack .f-btn{align-self:flex-start}
.f-fine{font-size:12px;color:#68547b;margin:16px 0 0;text-align:center}
.f-form{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-radius:28px;padding:44px 48px;align-items:center}.f-form>div{position:relative}.f-form>div b{display:block;font:800 30px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;margin-bottom:10px;color:#fff}.f-form>div p{font-size:15px;line-height:1.5;color:#ded2ff;margin:0;max-width:40ch}.f-form img{width:160px;height:auto;position:absolute;right:0;bottom:-70px}.f-stack{grid-template-columns:minmax(0,1fr)}.f-stack small{color:#b9a9d8}
.f-faq{columns:2;column-gap:16px}.f-faq details{break-inside:avoid;background:#fff;box-shadow:0 8px 24px rgba(45,18,97,.06)}
.revision[data-revision-page="detail"] .revision-close{display:none}
@media(max-width:1050px){.f-bento{grid-template-columns:1fr 1fr}.f-bento .f-card:first-child{grid-row:auto;grid-column:1/-1}.f-hero-art{display:none}.f-example,.f-form{grid-template-columns:minmax(0,1fr)}.f-form img{position:static;align-self:flex-end}}
@media(max-width:760px){.f-hero{margin:8px 12px 0;padding:40px 18px 32px;border-radius:22px}.f-row-form{grid-template-columns:minmax(0,1fr)}.f-sec{padding-top:64px}.f-first{padding-top:32px}.f-last{padding-bottom:64px}.f-3,.f-bento{grid-template-columns:minmax(0,1fr)}.f-bento .f-card{min-height:0}.f-band{flex-direction:column;align-items:flex-start;padding:28px 22px}.f-band img{width:120px}.f-example,.f-form{padding:28px 22px}.f-faq{columns:1}.f-card{padding:22px}.f-bento .f-card>div{max-width:100%}.f-bento img{width:90px}.f-pack .f-btn{align-self:stretch}}
/* T2 — ton zemin (chosen 15 Sep 2026): course tone over the whole detail page; variables come from the page head. */
.revision[data-revision-page="detail"]{background:var(--t-tint,#fffaf0)}
.f-sec h2,.f-links a{color:var(--t-strong-ink,#2d1261)}
.f-ico,.f-ico-1,.f-ico-2{background:var(--t-mid,#7b3dff)}
.f-btn{background:var(--t-strong-ink,#2d1261);color:#fff}.f-btn-yellow{background:#ffcb3d;color:#2d1261}
.f-chips span,.f-acc details,.f-faq details,.f-band.f-mint,.f-band.f-yellow,.f-example.f-mint,.f-card.f-yellow,.f-card.f-mint,.f-card.f-lav,.f-card.f-blue,.f-packs .f-pack{background:#fff}
.f-pack.on{background:var(--t-tint,#fff4c2)}.f-band.f-lav{background:#fff}
.f-card.f-white{box-shadow:0 10px 30px rgba(45,18,97,.08)}.f-faq details{box-shadow:0 8px 24px rgba(45,18,97,.06)}

/* Kurs sayfası: pratik bilgiler ve kaynak program notu (21 Eylül 2026) */
.f-pratik{display:grid;gap:0;margin:0;max-width:820px;margin-inline:auto}
.f-pratik>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px 24px;padding:16px 0;border-top:1px solid var(--t-line,#d8d0e4)}
.f-pratik dt{font-weight:800;font-size:15px}
.f-pratik dd{margin:0;font-size:15px;line-height:1.7}
.f-kaynak{font-size:13px;opacity:.85;margin-top:14px}
@media(max-width:760px){.f-pratik>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0}}

/* ————— Fingram alan teması (21 Eylül 2026) —————
   Yalnız finansal okuryazarlık kurslarında. Palet fingram.com.tr'den sayıldı:
   mor #6f3689, derin mor #4d1f68, altın #ffd774 → #cb9815, lavanta zemin #f1ebfa.
   Marka kimliği (logo, üstbilgi, yazı tipleri) değişmez; değişen alanın dili. */
.f-hero.is-fingram{
 background:
   radial-gradient(120% 90% at 84% 12%, rgba(255,215,116,.30) 0%, transparent 52%),
   radial-gradient(90% 80% at 6% 96%, rgba(157,92,186,.55) 0%, transparent 60%),
   linear-gradient(135deg,#8043a0 0%,#6f3689 34%,#4d1f68 70%,#35134a 100%);
 box-shadow:0 26px 60px -34px rgba(53,19,74,.9);
}
.f-hero.is-fingram::after{
 content:"";position:absolute;right:-90px;top:-110px;width:330px;height:330px;border-radius:999px;z-index:0;
 background:radial-gradient(circle at 34% 32%, rgba(255,233,168,.5), rgba(255,215,116,.1) 46%, transparent 68%);
}
.f-hero.is-fingram{isolation:isolate}
.f-hero.is-fingram::after{z-index:0}
.f-hero.is-fingram .f-hero-in{z-index:2}
.f-hero.is-fingram .f-hero-art{z-index:1}
.f-hero.is-fingram .f-tags span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff}
.f-hero.is-fingram .f-tags span:first-child{background:linear-gradient(135deg,#ffe9a8,#ffd774);border-color:transparent;color:#4a3208}
.f-hero.is-fingram .f-trust li{color:#efe4f8}
.f-hero.is-fingram .f-btn-yellow{
 background:linear-gradient(135deg,#ffe9a8 0%,#ffd774 46%,#cb9815 100%);color:#4a3208;
 box-shadow:0 6px 18px -6px rgba(203,152,21,.75), inset 0 1px 0 rgba(255,255,255,.55);
}
/* Sayfa gövdesi: altın vurgu, yumuşak gölge, geniş yuvarlaklık */
.kurs-fingram .f-tag,.kurs-fingram .f-sec .eyebrow{color:#cb9815}
.kurs-fingram .f-acc details,.kurs-fingram .f-pratik,.kurs-fingram .f-bento>div{border-radius:18px}
.kurs-fingram .f-btn:not(.f-btn-yellow){background:linear-gradient(135deg,#6f3689,#4d1f68);box-shadow:0 10px 24px -14px rgba(53,19,74,.9)}
.kurs-fingram .f-pratik>div{border-top-color:#d9c9ee}
.kurs-fingram .f-band.f-yellow{background:linear-gradient(120deg,#fff9e8,#fff4d6);border-color:#e9cf93}

/* Öğretim yöntemi şeridi */
.f-method{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:13px;max-width:1000px;margin-inline:auto}
.f-method>div{
 border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:7px;
 background:linear-gradient(160deg,#fff 0%,#f1ebfa 100%);
 box-shadow:0 10px 26px -22px rgba(53,19,74,.8);
}
.f-method b{font:800 14px/1.3 'Manrope',Arial,sans-serif;color:#6f3689}
.f-method span{font:400 13px/1.6 'DM Sans',Arial,sans-serif;color:#4a3a58}
.f-hero-yellow .f-btn-yellow{background:#2d1261;color:#fff}
.f-pack.on{background:#fff;box-shadow:inset 0 0 0 2px #2d1261,5px 6px 0 #ffdc3f}
@media(max-width:350px){.yol-tiles>.yol-tile{max-width:100%;box-shadow:3px 3px 0 #2d1261}.yol-tiles-wrap,.yol-numbers{overflow-x:clip}}

/* 1. tur (tasarım): masaüstünde duraklar yol noktalarının tam altında; yol konteyner dışına taşar */
.yol-scene{overflow:visible}
@media(min-width:761px){
 .yol-hero .yol-stations:not(.kurs-stations){position:relative;height:96px;margin-top:-58px;display:block}
 .yol-hero .yol-stations:not(.kurs-stations) .yol-station{position:absolute;top:0;width:auto;align-items:center;transform:translateX(-50%)}
 .yol-hero .yol-stations:not(.kurs-stations) .yol-station:first-child,.yol-hero .yol-stations:not(.kurs-stations) .yol-station:last-child{align-items:center}
 .yol-hero .yol-stations:not(.kurs-stations) .yol-station:nth-child(1){left:8.6%}.yol-hero .yol-stations:not(.kurs-stations) .yol-station:nth-child(2){left:36.3%}
 .yol-hero .yol-stations:not(.kurs-stations) .yol-station:nth-child(3){left:66.4%}.yol-hero .yol-stations:not(.kurs-stations) .yol-station:nth-child(4){left:93.75%}
}
/* 3) "İyi bir soru" vurgusu hero'daki gibi renkle */
.yol-lesson em{text-decoration:none;color:#7b3dff}
.yol-lesson{padding-block:72px 56px}
/* 5) kurs kartı üstbilgisi tek satır */

/* 2) boş şerit dar ve açıklamalı */
.yol-lane[data-empty="true"]{padding:12px 0;align-items:baseline}
.yol-lane[data-empty="true"] .yol-lane-title span{display:none}
.yol-lane[data-empty="true"] .yol-lane-empty{padding:0}
@media(min-width:761px){.yol-hero{padding-top:36px}.yol-path-title{margin-top:24px!important;padding-top:18px}.yol-hero .yol-path-title+.yol-scene{margin-top:24px}.yol-hero-note{font-size:14px;line-height:1.5;color:#5b4a70;margin:10px 0 0;max-width:46ch}.yol-inline-link{color:#4d1f68;font-weight:600}}
@media(max-width:760px){.yol-hero-note{font-size:13px;line-height:1.5;color:#5b4a70;margin:10px 0 0}}

@media(min-width:761px){.yol-hero{padding-top:28px}.yol-hero .yol-path-title+.yol-scene{aspect-ratio:1280/280}.yol-hero .yol-stations:not(.kurs-stations){margin-top:-52px}}
@media(min-width:761px) and (max-height:800px){.yol-hero .yol-path-title+.yol-scene{aspect-ratio:1280/240}}

/* 2. tur (tasarım/etkileşim) */
@media(min-width:761px){.yol-hero-side p.yol-hero-note{font-size:14px;line-height:1.5;color:#5b4a70;margin:10px 0 0;max-width:46ch}.yol-inline-link{white-space:nowrap}.yol-hero-copy{align-items:start}}
@media(max-width:760px){.yol-hero-side p.yol-hero-note{font-size:13px}.yol-start h2 br,.yol-numbers h2 br{display:none}}
@media(min-width:761px) and (max-height:800px){.yol-hero{padding-top:16px}.yol-path-title{margin-top:14px!important;padding-top:12px}.yol-hero .yol-path-title+.yol-scene{margin-top:10px;aspect-ratio:1280/220}}
.yol-hero .yol-stations{scroll-margin-top:20px}
.yol-start-actions .action{white-space:nowrap}.yol-start-foot p{max-width:70ch}
.yol-course small{font-size:13px}
@media(max-width:760px){.yol-course{min-height:56px}.yol-lane+.yol-lane{margin-top:8px}}
main:focus{outline:none}
@media(min-width:761px){.yol-hero{padding-bottom:16px}}
@media(min-width:761px) and (min-height:801px){.yol-hero .yol-path-title+.yol-scene{aspect-ratio:1280/260}}

/* 3. tur */
.yol-scene svg.yol-dots{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
@media(max-width:760px){.yol-station{scroll-margin-top:12px}}
@media(min-width:761px) and (max-height:800px){.yol-hero .yol-stations:not(.kurs-stations){margin-top:-40px}}
.yol-offer-link b{text-wrap:balance}
.yol-faq-list{align-items:start}
.revision-footer nav a{padding-block:6px}

/* 4. tur */
@media(max-width:760px){
 .yol-panel-tools{flex-wrap:nowrap;gap:12px}
 .yol-panel-tools label{gap:0;flex:1 1 auto;min-width:0}
 .yol-exact-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .yol-panel-tools select{width:100%}
 .yol-panel-head{gap:10px;margin-bottom:10px}
 .yol-panel-intro-band{font-size:16px;line-height:1.5;padding:14px 0 16px}
}
@media(min-width:761px){
 .yol-faq-grid{display:block;columns:2;column-gap:16px}
 .yol-faq-grid>div{break-inside:avoid;margin:0 0 16px}
}
@media(min-width:761px) and (max-height:800px){.yol-station span{font-size:12px}}
.nowrap{white-space:nowrap}
@media(max-width:760px){.yol-hero-side p.yol-hero-note{display:none}.yol-path-title{margin-top:12px!important;padding-top:8px}}
#baslangic:focus{outline:none}


/* ————— Ana sayfa teması G4 “Cam ve mesh” (22 Eyl 2026, kullanıcı seçimi; kaynak docs/artifacts/anasayfa-yorumlari-2026-09-22/kaynak/tema-g4.css) ————— */
/* G4 — Cam ve mesh: yavaş kayan lavanta–mavi–nane mesh, buzlu cam kutular */
[data-tema="g4"] body.revision[data-revision-page]{background:#f3f0ff;position:relative}
[data-tema="g4"] .tema-arka{position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:
 radial-gradient(38% 42% at 18% 22%,#ded2ff 0%,rgba(222,210,255,0) 70%),
 radial-gradient(34% 40% at 82% 18%,#c9dcff 0%,rgba(201,220,255,0) 70%),
 radial-gradient(40% 44% at 70% 78%,#c5ecda 0%,rgba(197,236,218,0) 70%),
 radial-gradient(30% 36% at 20% 84%,rgba(255,220,63,.55) 0%,rgba(255,220,63,0) 70%),
 linear-gradient(180deg,#f7f4ff,#eef2ff);
 animation:g4-mesh 28s ease-in-out infinite alternate}
[data-tema="g4"] .tema-arka i{display:none}
@keyframes g4-mesh{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-3%,2%,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){[data-tema="g4"] .tema-arka{animation:none}}
[data-tema="g4"] .site-header,[data-tema="g4"] main,[data-tema="g4"] .revision-footer{position:relative;z-index:1}
[data-tema="g4"] .site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.7);width:100%;max-width:none;padding-inline:max(24px,calc((100vw - 1400px)/2))}
[data-tema="g4"] .yol-hero .yol-slogan{color:#2d1261}
[data-tema="g4"] .yol-hero .yol-slogan em{background:linear-gradient(120deg,#7b3dff,#5b2be0 60%,#2d1261);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
[data-tema="g4"] .action.primary,[data-tema="g4"] .site-header .action{border:1px solid rgba(255,255,255,.8);border-radius:14px;background:linear-gradient(180deg,#ffe97a,#ffcb3d);box-shadow:0 10px 24px -10px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .2s,box-shadow .2s}
[data-tema="g4"] .action.primary:hover{transform:translateY(-2px)}
[data-tema="g4"] .action.secondary{border-radius:14px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.45);backdrop-filter:blur(10px);box-shadow:none}
[data-tema="g4"] .yol-hero-side{padding:26px 28px;border-radius:24px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 30px 60px -40px rgba(45,18,97,.4)}
[data-tema="g4"] .yol-hero{border-bottom:0}
[data-tema="g4"] .yol-path-title{border-top:1px solid rgba(45,18,97,.1)}
[data-tema="g4"] .yol-scene svg path:first-of-type{stroke:rgba(255,255,255,.75)}
[data-tema="g4"] .yol-scene svg path:nth-of-type(2){filter:drop-shadow(0 8px 14px rgba(255,203,61,.5))}
[data-tema="g4"] .yol-scene img{filter:drop-shadow(0 22px 24px rgba(45,18,97,.28))}
[data-tema="g4"] .yol-station button{border-radius:14px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.55);backdrop-filter:blur(12px);box-shadow:0 12px 24px -16px rgba(45,18,97,.45)}
[data-tema="g4"] .yol-station button[aria-pressed="true"]{background:#2d1261;color:#fff;border-color:#2d1261}
[data-tema="g4"] .yol-panel,[data-tema="g4"] .yol-ledger,[data-tema="g4"] .yol-area-link,[data-tema="g4"] .yol-faq-grid>div,[data-tema="g4"] .yol-numbers .yol-tile{border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 30px 60px -40px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
[data-tema="g4"] .yol-panel{border-radius:28px}
[data-tema="g4"] .yol-course{border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.7);box-shadow:0 8px 20px -14px rgba(45,18,97,.4);transition:transform .2s,background .2s}
[data-tema="g4"] .yol-course:hover{background:#fff;transform:translateY(-2px)}
[data-tema="g4"] .yol-lane{border-top:1px solid rgba(45,18,97,.08)}
[data-tema="g4"] .yol-panel-intro-band{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding-inline:16px}
[data-tema="g4"] .yol-start{border-top:0;padding-top:64px}
[data-tema="g4"] .yol-ledger{border-radius:22px;overflow:hidden}
[data-tema="g4"] .yol-ledger>div{border-right:1px solid rgba(45,18,97,.08)}
[data-tema="g4"] .yol-ledger-accent{background:linear-gradient(140deg,rgba(255,233,122,.9),rgba(255,203,61,.9))}
[data-tema="g4"] .yol-lesson-text .yol-principles li{border-top:1px solid rgba(45,18,97,.1);border-bottom:1px solid rgba(45,18,97,.1)}
[data-tema="g4"] .yol-lesson em{color:#7b3dff}
[data-tema="g4"] .yol-band{background:linear-gradient(90deg,rgba(255,220,63,.8),rgba(222,210,255,.8) 50%,rgba(201,220,255,.8));border:0;height:22px;filter:blur(2px)}
[data-tema="g4"] .yol-numbers .yol-tile{border-radius:20px}
[data-tema="g4"] .yol-numbers .yol-tile-accent{background:linear-gradient(140deg,rgba(123,61,255,.95),rgba(45,18,97,.95));color:#fff;border-color:transparent}
[data-tema="g4"] .yol-numbers .yol-tile-ink{background:linear-gradient(140deg,rgba(45,18,97,.95),rgba(77,31,104,.95))}
[data-tema="g4"] .yol-area-link{border-radius:24px;transition:transform .2s}
[data-tema="g4"] .yol-area-link:hover{transform:translateY(-3px)}
[data-tema="g4"] .yol-area-digital{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(222,210,255,.55))}
[data-tema="g4"] .yol-area-ai{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(201,220,255,.55))}
[data-tema="g4"] .yol-area-finance{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(197,236,218,.55))}
[data-tema="g4"] .yol-faq-grid>div{border-radius:18px}
[data-tema="g4"] .revision-close{border-top:0;border-radius:28px;padding:56px 48px;margin-top:40px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(20px)}
[data-tema="g4"] .revision-footer{border-top:1px solid rgba(45,18,97,.1)}
[data-tema="g4"] .yol-sticky{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.9)}
@media(max-width:760px){[data-tema="g4"] .site-header{position:relative;padding-inline:0;width:calc(100% - 36px)}[data-tema="g4"] .yol-hero-side{padding:18px}[data-tema="g4"] .revision-close{padding:36px 22px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){[data-tema="g4"] .action.primary,[data-tema="g4"] .yol-course,[data-tema="g4"] .yol-area-link{transition:none}}
[data-tema="g4"] .yol-numbers .yol-tile-ink{background:linear-gradient(140deg,rgba(45,18,97,.95),rgba(77,31,104,.95))!important;color:#fff!important;border-color:transparent!important}
[data-tema="g4"] .yol-numbers .yol-tile-ink *,[data-tema="g4"] .yol-numbers .yol-tile-accent *{color:#fff!important}
/* G4 uygulama ayarı: kabuk hizası ve hero yüksekliği */
@media(min-width:761px){[data-tema="g4"] .site-header{padding-inline:max(24px,calc((100vw - 1280px)/2))}[data-tema="g4"] .yol-hero-side{padding:20px 24px}}
@media(min-width:761px) and (max-height:800px){[data-tema="g4"] .yol-hero-side{padding:14px 18px}[data-tema="g4"] .yol-hero-side>p:first-child{font-size:17px;line-height:1.5}}
/* G4 denetim: sarı yalnız eylemde; cam kutu kenarı; telefonda blur azalt; başlık boşluğu */
[data-tema="g4"] .yol-ledger-accent{background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(222,210,255,.6));box-shadow:inset 4px 0 0 #ffcb3d}
[data-tema="g4"] .yol-panel,[data-tema="g4"] .yol-ledger,[data-tema="g4"] .yol-area-link,[data-tema="g4"] .yol-faq-grid>div,[data-tema="g4"] .yol-numbers .yol-tile,[data-tema="g4"] .revision-close{border-color:rgba(45,18,97,.08)}
@media(max-width:760px){[data-tema="g4"] .yol-faq-grid>div,[data-tema="g4"] .yol-station button,[data-tema="g4"] .yol-area-link,[data-tema="g4"] .yol-numbers .yol-tile,[data-tema="g4"] .yol-ledger,[data-tema="g4"] .revision-close{backdrop-filter:none;background:rgba(255,255,255,.82)}[data-tema="g4"] .yol-path-title{margin-top:36px!important}}
[data-tema="g4"] #sss-erken{scroll-margin-top:24px}
/* G4 denetim 2 (tasarım): alan kartı cam, mobil kabuk/sabit çubuk, header hizası, telefonda performans, şerit keskin */
[data-tema="g4"] .yol-area{border:1px solid rgba(45,18,97,.08);border-radius:24px;background:rgba(255,255,255,.55);box-shadow:0 30px 60px -40px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(150%);transition:transform .2s,box-shadow .2s}
[data-tema="g4"] .yol-area:hover,[data-tema="g4"] .yol-area:focus-within{transform:translateY(-3px);box-shadow:0 34px 60px -38px rgba(45,18,97,.5),inset 0 1px 0 rgba(255,255,255,.9)}
[data-tema="g4"] .yol-area-digital{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(222,210,255,.55))}
[data-tema="g4"] .yol-area-ai{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(201,220,255,.55))}
[data-tema="g4"] .yol-area-finance{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(197,236,218,.55))}
[data-tema="g4"] .yol-area-link{border:0;background:none;backdrop-filter:none;box-shadow:none;border-radius:0;transform:none}
[data-tema="g4"] .yol-area-link:hover{transform:none}
[data-tema="g4"] .yol-area-link::after{border-radius:24px}
[data-tema="g4"] .yol-band{filter:none;height:3px;background:linear-gradient(90deg,#ffdc3f,#ded2ff 50%,#c9dcff)}
@media(min-width:761px){[data-tema="g4"] .site-header{padding-inline:max(24px,calc((100vw - 1280px)/2));padding-block:12px}[data-tema="g4"] .site-header .logo{width:120px}}
@media(min-width:1051px){[data-tema="g4"] .site-header{padding-inline:max(48px,calc((100vw - 1280px)/2))}}
@media(max-width:760px){
 [data-tema="g4"] .site-header{position:relative;width:100%;max-width:none;margin-inline:0;padding-inline:18px}
 [data-tema="g4"] .tema-arka{animation:none;inset:0}
 [data-tema="g4"] .yol-area,[data-tema="g4"] .yol-hero-side,[data-tema="g4"] .action.secondary{backdrop-filter:none;background:rgba(255,255,255,.82)}
 [data-tema="g4"] .yol-sticky a{border:1px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:none;background:rgba(255,255,255,.55)}
 [data-tema="g4"] .yol-sticky a:first-child{background:linear-gradient(180deg,#ffe97a,#ffcb3d);box-shadow:0 10px 24px -10px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
}
/* G4 denetim 3 (erişilebilirlik): odak örtülmesin, blur yalnız gerektiği yerde, dokunmatikte sabit mesh, iki tonlu odak halkası */
@media(min-width:761px){html[data-tema="g4"]{scroll-padding-top:110px}}
@media(max-width:760px){html[data-tema="g4"]{scroll-padding-bottom:calc(81px + env(safe-area-inset-bottom))}}
[data-tema="g4"] .yol-panel,[data-tema="g4"] .yol-ledger,[data-tema="g4"] .yol-area,[data-tema="g4"] .yol-faq-grid>div,[data-tema="g4"] .yol-numbers .yol-tile,[data-tema="g4"] .revision-close{backdrop-filter:saturate(140%)}
/* Kartı kaplayan bağlantı katmanı: bağlantının kendisine filtre verilmez, yoksa ::after kartı değil bağlantıyı kaplar (22 Eyl 2026). */
[data-tema="g4"] .yol-area-link,[data-tema="g4"] .yol-area-link:hover{backdrop-filter:none;filter:none}
[data-tema="g4"] .action.secondary{backdrop-filter:none}
@media(hover:none),(max-width:760px){[data-tema="g4"] .tema-arka{animation:none}}
[data-tema="g4"] :is(a,button,select,summary):focus-visible{outline:3px solid #287be5;outline-offset:2px;box-shadow:0 0 0 2px #fff}
[data-tema="g4"] .eyebrow{color:#5b2be0}
[data-tema="g4"] .site-header nav>a{padding-block:11px}
/* G4 denetim 4 (veliler): panel girişindeki köprü bağlantı gibi görünsün */
html[data-tema="g4"] .yol-panel-intro a{color:#5b2be0;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:#ffcb3d;white-space:nowrap}
html[data-tema="g4"] .yol-panel-intro a:focus-visible{outline:3px solid #2d1261;outline-offset:2px;border-radius:4px}
/* G4 denetim 5 (tasarım/erişilebilirlik): telefonda %90 kartı mor kalsın, durak alt yazıları koyu, hero dengesi, ilk durak görünür */
[data-tema="g4"] .yol-numbers .yol-tile-accent{background:linear-gradient(140deg,rgba(123,61,255,.95),rgba(45,18,97,.95))!important;color:#fff!important;border-color:transparent!important}
[data-tema="g4"] .yol-station span{color:#4c3f60}
[data-tema="g4"] .yol-area:focus-within{outline:3px solid #287be5;outline-offset:2px}
[data-tema="g4"] .yol-area-link:focus-visible::after{outline:none}
@media(min-width:761px){[data-tema="g4"] .yol-hero-copy{align-items:center}}
@media(max-width:760px){[data-tema="g4"] .yol-path-title{margin-top:24px!important}}
@media(max-width:760px){[data-tema="g4"] .yol-path-title{margin-top:12px!important;padding-top:8px}[data-tema="g4"] .yol-hero-side{padding:16px}}
/* G4 son tur: hero düğmesi ekrandayken sabit çubuk gizli (telefon) */
@media(max-width:760px){
 html[data-tema="g4"] .yol-sticky{transition:transform .25s,opacity .25s}
 html[data-tema="g4"] .yol-sticky[data-gizli]{transform:translateY(110%);opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){html[data-tema="g4"] .yol-sticky{transition:none}}
@media(min-width:761px) and (max-height:800px){[data-tema="g4"] .yol-path-title{margin-top:8px!important}}


/* ————— G4 malzeme dili, kabuk sayfaları (22 Eyl 2026): kurs sayfaları kendi ton renginin mesh'i üstünde cam kutular; katalog ve iç sayfalar hafif mesh ————— */
[data-tema="g4"] body.revision[data-revision-page="detail"]{background:var(--t-light,#f7f4ff)}
[data-tema="g4"] body[data-revision-page="detail"] .tema-arka{background:
 radial-gradient(38% 42% at 16% 18%,var(--t-tint,#ded2ff) 0%,transparent 70%),
 radial-gradient(34% 40% at 84% 14%,color-mix(in srgb,var(--t-strong,#c9dcff) 55%,transparent) 0%,transparent 70%),
 radial-gradient(40% 44% at 70% 80%,color-mix(in srgb,var(--t-tint,#ded2ff) 80%,#fff) 0%,transparent 70%),
 radial-gradient(28% 34% at 18% 86%,rgba(255,220,63,.35) 0%,transparent 70%),
 linear-gradient(180deg,var(--t-light,#f7f4ff),#f7f4ff)}
[data-tema="g4"] body:not([data-revision-page="home"]):not([data-revision-page="detail"]) .tema-arka{opacity:.7}
[data-tema="g4"] .f-hero{box-shadow:0 34px 70px -44px rgba(45,18,97,.55)}
[data-tema="g4"] .f-hero:not(.is-dark):not(.is-fingram){background:radial-gradient(90% 80% at 86% 10%,rgba(255,255,255,.55) 0%,transparent 55%),radial-gradient(80% 70% at 6% 96%,color-mix(in srgb,var(--t-mid,#7b3dff) 28%,transparent) 0%,transparent 60%),var(--f-bg,#ded2ff)}
[data-tema="g4"] .f-hero.is-dark:not(.is-fingram){background:radial-gradient(90% 80% at 86% 10%,color-mix(in srgb,var(--t-mid,#7b3dff) 45%,transparent) 0%,transparent 55%),radial-gradient(80% 70% at 6% 96%,rgba(255,220,63,.25) 0%,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--f-bg,#2d1261) 80%,#7b3dff),var(--f-bg,#2d1261) 60%)}
[data-tema="g4"] .f-btn{border-radius:14px;box-shadow:0 12px 26px -12px rgba(45,18,97,.55),inset 0 1px 0 rgba(255,255,255,.18);background:linear-gradient(180deg,color-mix(in srgb,var(--t-strong-ink,#2d1261) 82%,#7b3dff),var(--t-strong-ink,#2d1261));transition:transform .2s,box-shadow .2s}
[data-tema="g4"] .f-btn-yellow{background:linear-gradient(180deg,#ffe97a,#ffcb3d);color:#2d1261;box-shadow:0 10px 24px -10px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
[data-tema="g4"] .f-btn:hover{transform:translateY(-2px)}
[data-tema="g4"] .f-card.f-white,[data-tema="g4"] .f-card.f-yellow,[data-tema="g4"] .f-card.f-mint,[data-tema="g4"] .f-card.f-lav,[data-tema="g4"] .f-card.f-blue,[data-tema="g4"] .f-acc details,[data-tema="g4"] .f-faq details,[data-tema="g4"] .f-packs .f-pack,[data-tema="g4"] .f-band.f-mint,[data-tema="g4"] .f-band.f-yellow,[data-tema="g4"] .f-band.f-lav,[data-tema="g4"] .f-example.f-mint,[data-tema="g4"] .f-chips span{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);backdrop-filter:saturate(140%);box-shadow:0 26px 50px -40px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
[data-tema="g4"] .f-chips span{box-shadow:0 8px 18px -12px rgba(45,18,97,.4)}
[data-tema="g4"] .f-pack.on{background:linear-gradient(160deg,rgba(255,255,255,.85),color-mix(in srgb,var(--t-tint,#ded2ff) 70%,#fff));box-shadow:inset 0 0 0 2px #ffcb3d,0 26px 50px -40px rgba(45,18,97,.45)}
[data-tema="g4"] .f-card.f-ink,[data-tema="g4"] .f-form.f-ink{background:linear-gradient(135deg,#3a1a86,#2d1261 70%);box-shadow:0 34px 70px -44px rgba(45,18,97,.7)}
[data-tema="g4"] .f-form.f-ink{position:relative;overflow:hidden}
[data-tema="g4"] .f-form.f-ink::before{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,220,63,.35),transparent);pointer-events:none}
[data-tema="g4"] .f-pratik>div{border-top-color:rgba(45,18,97,.1)}
[data-tema="g4"] .ph{background:rgba(255,255,255,.6);border-color:rgba(45,18,97,.25)}
/* katalog kartları ve iç sayfa kutuları */
[data-tema="g4"] .kurs-card,[data-tema="g4"] .kurs-panel-wrap .yol-panel{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 40px -30px rgba(45,18,97,.45)}
[data-tema="g4"] .revision-contact>div,[data-tema="g4"] .revision-contact-form,[data-tema="g4"] .ic-card,[data-tema="g4"] .revision-legal>div{background:rgba(255,255,255,.7);border-radius:20px}
@media(max-width:760px){[data-tema="g4"] .f-card,[data-tema="g4"] .f-acc details,[data-tema="g4"] .f-faq details,[data-tema="g4"] .f-packs .f-pack{backdrop-filter:none;background:rgba(255,255,255,.85)}}

/* G4 malzeme: görüşme formu ve iç sayfa kartları cam */
[data-tema="g4"] .revision-contact-form{border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -40px rgba(45,18,97,.5),inset 0 1px 0 rgba(255,255,255,.9);background:rgba(255,255,255,.72);border-radius:22px}
[data-tema="g4"] .revision-contact>div{background:transparent}
[data-tema="g4"] .action.primary{border:0;border-radius:14px;background:linear-gradient(180deg,#ffe97a,#ffcb3d);box-shadow:0 10px 24px -10px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
[data-tema="g4"] .kurs-panel-wrap .yol-station button{border-radius:14px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.55);box-shadow:0 12px 24px -16px rgba(45,18,97,.45)}
[data-tema="g4"] .kurs-panel-wrap .yol-station button[aria-pressed="true"]{background:#2d1261;color:#fff;border-color:#2d1261}
/* G4 malzeme: kabuk bileşenlerinde kalan sert ofset gölgeler yumuşak ışığa (menü, iç sayfa kartları, anket, ödeme, katalog) */
.course-menu-panel,.course-menu-list{border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -36px rgba(45,18,97,.55);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-radius:18px}
.ic-years,.ic-contact-card,.ic-growth-work,.learning-proof-studio,.odeme-box,.quiz-course,.quiz-choice,.short-course,.kurs-prep,.kurs-rel-current,.kurs-detail-art,.course-mascot,.ic-principle-grid article{box-shadow:0 26px 50px -40px rgba(45,18,97,.5),inset 0 1px 0 rgba(255,255,255,.6);border-color:rgba(45,18,97,.12)}
.ic-years{background:linear-gradient(140deg,#3a1a86,#2d1261 70%);border-color:transparent}
.quiz-choice[aria-pressed="true"],.quiz-choice.on{box-shadow:0 0 0 3px rgba(123,61,255,.25)}
/* G4 malzeme: kabuk düğmesi, açılır menü ve altbilgi katlaması bütün sayfalarda aynı (alan sayfaları dahil) */
.action.primary{border:0;border-radius:14px;background:linear-gradient(180deg,#ffe97a,#ffcb3d);color:#2d1261;box-shadow:0 10px 24px -10px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
.revision-footer details{box-shadow:0 18px 40px -34px rgba(45,18,97,.5);border-color:rgba(45,18,97,.12)}
/* Koyu kurs hero’sunda onay listesi ve alt bilgiler yeterli kontrastta */
.f-hero.is-dark .f-trust,.f-hero.is-dark .f-subtitle{color:rgba(255,255,255,.94)}
.f-hero.is-dark .f-row-form small{color:rgba(255,255,255,.9)}
.revision .site-header>.action.primary,.revision-interior .site-header>.action{border:0;border-radius:14px;background:linear-gradient(180deg,#ffe97a,#ffcb3d);color:#2d1261;box-shadow:0 10px 24px -10px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}


/* ————— Minecraft kurs kimliği (22 Eylül 2026) —————
   Kullanıcı isteği: genel tasarımı bozmadan renk, doku ve biçim Minecraft'ı andırsın.
   Yöntem: G4 cam/mesh dili korunur; köşeler bloklaşır, kenarlara oyunun kendi
   ışık–gölge kabartması gelir, zemine 16 piksellik ızgara dokusu iner.
   Marka kabuğu (üstbilgi, altbilgi, sarı çağrı) değişmez. */
.kurs-minecraft{--mc-cim:#5fa845;--mc-cim-koyu:#3f6b2a;--mc-toprak:#8b6242;--mc-toprak-koyu:#6b4a31;--mc-tas:#9aa0a6;--mc-tas-acik:#c9ced3;--mc-elmas:#4fc3d9}
/* Blok kabartması: sol-üst açık, sağ-alt koyu — oyunun arayüz dili */
.kurs-minecraft .f-card,.kurs-minecraft .f-acc details,.kurs-minecraft .f-faq details,.kurs-minecraft .f-packs .f-pack,.kurs-minecraft .f-chips span,.kurs-minecraft .f-band,.kurs-minecraft .f-example,.kurs-minecraft .f-pratik>div{border-radius:4px}
[data-tema="g4"] .kurs-minecraft .f-card,[data-tema="g4"] .kurs-minecraft .f-acc details,[data-tema="g4"] .kurs-minecraft .f-faq details,[data-tema="g4"] .kurs-minecraft .f-packs .f-pack{border-radius:4px;border:1px solid rgba(255,255,255,.9);box-shadow:inset 2px 2px 0 rgba(255,255,255,.85),inset -2px -2px 0 rgba(107,74,49,.18),0 22px 44px -38px rgba(45,18,97,.45)}
.kurs-minecraft .f-chips span{border-radius:4px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.9),inset -1px -1px 0 rgba(107,74,49,.2),0 8px 18px -14px rgba(45,18,97,.4)}
/* Hero: çim bloğu — üstte çim yeşili, altta toprak, aralarında pikselli fırça */
.kurs-minecraft .f-hero{border-radius:6px;position:relative;overflow:hidden}
[data-tema="g4"] .kurs-minecraft .f-hero.is-dark{background:
 linear-gradient(180deg,#6aa84f 0,#5fa845 16%,#4e7a33 17%,#7a5539 62%,#6b4a31 100%)}
.kurs-minecraft .f-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 16px),
  repeating-linear-gradient(180deg,rgba(0,0,0,.05) 0 1px,transparent 1px 16px)}
.kurs-minecraft .f-hero-in{position:relative;z-index:1}
/* Çim çizgisi: hero'nun üst kenarında blok blok yeşil şerit */
.kurs-minecraft .f-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;z-index:1;
 background:repeating-linear-gradient(90deg,#7ac74f 0 16px,#6aa84f 16px 32px)}
/* Rozetler taş bloğu gibi */
.kurs-minecraft .f-tags span{border-radius:3px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.35),inset -1px -1px 0 rgba(0,0,0,.25)}
.kurs-minecraft .f-tags span:nth-child(2){background:#7ac74f;color:#22331a}
/* Simgeler: blok küpü */
.kurs-minecraft .f-ico,.kurs-minecraft .f-ico-1,.kurs-minecraft .f-ico-2{border-radius:3px;background:linear-gradient(180deg,#7ac74f 0 35%,#5fa845 35% 100%);box-shadow:inset 2px 2px 0 rgba(255,255,255,.4),inset -2px -2px 0 rgba(0,0,0,.18)}
.kurs-minecraft .f-ico-1{background:linear-gradient(180deg,#a9744f 0 35%,#8b6242 35% 100%)}
.kurs-minecraft .f-ico-2{background:linear-gradient(180deg,#c9ced3 0 35%,#9aa0a6 35% 100%)}
/* Düğmeler: blok kabartmalı, köşesiz */
[data-tema="g4"] .kurs-minecraft .f-btn{border-radius:4px;box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.28),0 12px 26px -14px rgba(45,18,97,.5)}
[data-tema="g4"] .kurs-minecraft .f-btn-yellow{box-shadow:inset 2px 2px 0 rgba(255,255,255,.75),inset -2px -2px 0 rgba(107,74,49,.3),0 10px 24px -12px rgba(45,18,97,.45)}
/* Modül akordeonu: beş dünya, her biri bir blok satırı */
.kurs-minecraft .f-acc details{border-left:6px solid var(--mc-cim)}
.kurs-minecraft .f-acc details:nth-of-type(2){border-left-color:var(--mc-toprak)}
.kurs-minecraft .f-acc details:nth-of-type(3){border-left-color:var(--mc-elmas)}
.kurs-minecraft .f-acc details:nth-of-type(4){border-left-color:#d8a33a}
.kurs-minecraft .f-acc details:nth-of-type(5){border-left-color:var(--mc-tas)}
/* Ücret kartlarında seçili paket: çim bloğu */
[data-tema="g4"] .kurs-minecraft .f-pack.on{background:linear-gradient(180deg,rgba(122,199,79,.28) 0 10px,rgba(255,255,255,.85) 10px);box-shadow:inset 2px 2px 0 rgba(255,255,255,.85),inset -2px -2px 0 rgba(107,74,49,.2),0 22px 44px -38px rgba(45,18,97,.45)}
/* Sayfa zemini: mesh'in üstüne çok hafif piksel ızgarası */
[data-tema="g4"] body[data-revision-page="detail"]:has(.kurs-minecraft) .tema-arka{background:
 radial-gradient(38% 42% at 16% 18%,#e6efdc 0%,transparent 70%),
 radial-gradient(34% 40% at 84% 14%,rgba(95,168,69,.35) 0%,transparent 70%),
 radial-gradient(40% 44% at 70% 80%,rgba(139,98,66,.22) 0%,transparent 70%),
 repeating-linear-gradient(90deg,rgba(45,18,97,.035) 0 1px,transparent 1px 16px),
 repeating-linear-gradient(180deg,rgba(45,18,97,.035) 0 1px,transparent 1px 16px),
 linear-gradient(180deg,#f5f8ef,#eef4e6)}
@media(prefers-reduced-motion:reduce){.kurs-minecraft .f-btn{transition:none}}
@media(max-width:760px){.kurs-minecraft .f-hero::before{height:8px}}
/* Minecraft: hero'da yazı alanı her zaman koyu toprakta (piksel yükseklikleri, kısa hero'da da geçerli) */
[data-tema="g4"] .kurs-minecraft .f-hero.is-dark{background:linear-gradient(180deg,#6aa84f 0,#6aa84f 46px,#4e7a33 46px,#3f6b2a 128px,#6b4a31 100%)}
/* Modül şeritleri: beş dünya, beş malzeme (G4 kenar kuralından sonra gelmeli) */
[data-tema="g4"] .kurs-minecraft .f-acc details{border-left:6px solid var(--mc-cim)}
[data-tema="g4"] .kurs-minecraft .f-acc details:nth-of-type(2){border-left-color:var(--mc-toprak)}
[data-tema="g4"] .kurs-minecraft .f-acc details:nth-of-type(3){border-left-color:var(--mc-elmas)}
[data-tema="g4"] .kurs-minecraft .f-acc details:nth-of-type(4){border-left-color:#d8a33a}
[data-tema="g4"] .kurs-minecraft .f-acc details:nth-of-type(5){border-left-color:var(--mc-tas)}

/* 30 Eylül 2026 (kullanıcı kararı): ana sayfanın H1'i sayfanın konusunu söyleyen satırdır; "Geleceğin algoritması
   burada başlar." görsel olarak aynı kalır ama <p class="yol-slogan"> olur. base.css bütün h1'lere 56–88 px punto ve
   -.04em harf aralığı verdiği için konu satırının bütün değerleri burada açıkça yazılır. */
.yol-hero .yol-konu{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(17px,1.4vw,20px);font-weight:700;line-height:1.35;letter-spacing:0;color:#2d1261;margin:0 0 6px;max-width:34ch}
@media(max-width:760px){.yol-hero .yol-konu{font-size:16px;margin-bottom:10px}}

/* 30 Eylül 2026 (kullanıcı kararı): üstbilgide "ai" işaretli yatay logo (kurumun Group 15.png'si; oran 3,38:1).
   Genişlikler, yazı kısmı eski yazı logosuna yakın kalacak ve dar ekranda Menü + Görüşelim ile aynı satıra sığacak
   şekilde seçildi; 320–1920 px arası taşma denetimiyle ölçülür. */
.site-header .logo.logo-ai{display:block;flex-shrink:0;width:176px}
[data-tema="g4"] .site-header .logo.logo-ai{width:164px}
.site-header .logo.logo-ai img{display:block;width:100%;height:auto}
@media(max-width:760px){.site-header .logo.logo-ai,[data-tema="g4"] .site-header .logo.logo-ai{width:148px}}
@media(min-width:761px) and (max-width:1023px){.site-header .logo.logo-ai,[data-tema="g4"] .site-header .logo.logo-ai{width:128px}}
@media(max-width:389px){.site-header .logo.logo-ai,[data-tema="g4"] .site-header .logo.logo-ai{width:120px}}
@media(min-width:375px) and (max-width:389px){.site-header .logo.logo-ai,[data-tema="g4"] .site-header .logo.logo-ai{width:136px}}
@media(max-width:339px){.site-header .logo.logo-ai,[data-tema="g4"] .site-header .logo.logo-ai{width:104px}}

/* 30 Eylül 2026: katalog girişinde fiyat satırı (sayfa başlığı "Kurslar ve Fiyatlar"). */
.kurs-hero .yol-hero-side p.kurs-fiyat{margin:14px 0 0;font-size:16px;line-height:1.5;color:#2d1261}
.kurs-hero .yol-hero-side p.kurs-fiyat b{font-weight:700}

/* Dil seçimi ve İngilizce sürüm notları (1 Ekim 2026; scripts/dil.cjs, scripts/build-en.cjs; tasarım denetimi A1–A12, B1–B3).
   Üst menüde öbür dile giden küçük hap; altbilgide düz bağlantı. Odak halkası evin kendi kuralından gelir ([data-tema="g4"]
   :focus-visible ve .revision a:focus-visible). İngilizce sayfalarda ders dili notu; hukuk sayfalarında (iki dilde) metinlerin eşit
   geçerli olduğunu söyleyen not cam kutu ve sarı iç çizgiyle (.yol-ledger-accent örneği; sarı yalnız vurgu). Renkler marka paletinden. */
.revision .site-header nav>a.dil-secimi,[data-tema="g4"] .site-header nav>a.dil-secimi{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:34px;padding:0 10px;border:1.5px solid currentColor;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1;text-decoration:none;white-space:nowrap}
@media (hover:hover){.revision .site-header nav>a.dil-secimi:hover{background:#ded2ff}}
.dil-notu{background:#f3eeff;color:#2d1261;border-bottom:1px solid #ded2ff}
.dil-notu p{margin:0 auto;padding:8px 0;font-size:14px;line-height:1.45}
.hukuk-dil-notu{max-width:860px;margin:0 0 24px;padding:12px 16px 12px 20px;border:1px solid rgba(45,18,97,.12);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:inset 4px 0 0 #ffcb3d;color:#2d1261;font-size:14px;line-height:1.55}
@media (min-width:761px) and (max-width:1050px){
 .revision .site-header{gap:14px}
 .revision .site-header nav{gap:10px}
 .revision .site-header>.action{flex-shrink:0;white-space:nowrap;gap:10px;padding-inline:16px}
 .revision .site-header nav>a.dil-secimi,[data-tema="g4"] .site-header nav>a.dil-secimi{min-width:38px;padding:0 8px}
}
@media (max-width:760px){
 .revision .site-header nav>a.dil-secimi,[data-tema="g4"] .site-header nav>a.dil-secimi{align-self:flex-start;margin:6px 0 6px 13px;min-width:52px;min-height:44px}
 .dil-notu p{font-size:13px;padding:7px 0}
}

/* Dar ekranda yaş durakları: etiket tek sütunda, karakter sağda hizalı (320 px'te yatay taşma vardı). */
@media (max-width:420px){
 .yol-stations:not(.kurs-stations) .yol-station{display:grid;grid-template-columns:minmax(0,1fr) 56px;grid-template-areas:"b i" "s i";column-gap:12px;row-gap:6px;justify-items:start}
 .yol-stations:not(.kurs-stations) .yol-station button{grid-area:b}
 .yol-stations:not(.kurs-stations) .yol-station span{grid-area:s}
 .yol-stations:not(.kurs-stations) .yol-station img{grid-area:i;width:56px;height:56px}
}
/* Başlıklarda yetim sözcük ve bölünen yaş aralığı olmasın. */
.yol-slogan,.f-hero h1,.kurs-hero h1,.ic-intro h1,.yol-panel h2{text-wrap:balance}
.al-hero h1 u{display:block;text-wrap:balance}
.f-btn{text-wrap:balance}
.al-pill,.kurs-card b{text-wrap:balance}
/* İngilizce kurs bulucu: yaş düğmeleri ("9 years old") tek satır. */
:lang(en) .quiz-grid[data-ages]{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
:lang(en) .quiz-grid[data-ages] .quiz-choice{white-space:nowrap}
/* Tablet genişliğinde form satırı tek sütun (seçim kutuları kesiliyordu). */
@media (min-width:761px) and (max-width:1050px){.contact-row{grid-template-columns:1fr}}
/* Katalog kartı: düzey rozeti başlığın altında, durum satırı yatay (rozet başlığın üstüne biniyordu). */
.kurs-card-top{flex-direction:column!important;align-items:flex-start;gap:6px!important}
.kurs-level{white-space:nowrap}
.kurs-card .kurs-status{flex-direction:row;white-space:nowrap}
.kurs-card-foot{flex-wrap:wrap;row-gap:6px!important}
.kurs-card .yol-link{white-space:nowrap}
@media (min-width:761px) and (max-width:1050px){.kurs-lane{grid-template-columns:minmax(0,1fr);gap:12px}.kurs-lane-summary{max-width:60ch}}
/* Yaş paneli alt notu ve sayfa yolu tablette ve dar ekranda sıkışmasın. */
@media (min-width:761px) and (max-width:1050px){.yol-panel-foot{grid-template-columns:minmax(0,1fr)}.yol-panel-foot p{max-width:62ch}}
.revision-crumb{flex-wrap:wrap;row-gap:0}
.revision-crumb a{white-space:nowrap}
/* Altbilgi: sosyal hesaplar ve WhatsApp (1 Ekim 2026). Dil hapıyla aynı çizgi, 44 px dokunma alanı; odak halkası evinki. */
.sosyal{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 0 auto;padding:0;list-style:none}
.sosyal a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid currentColor;border-radius:999px;color:#2d1261}
@media (hover:hover){.sosyal a:hover{background:#ded2ff}}
.sosyal svg{display:block}
/* Mobilde logo ve slogan aynı satırda kalır (slogan esner); simgeler yalnız sığmadığında (≤540 px) kendi satırına iner. */
@media (max-width:760px){.revision-footer>div{row-gap:16px}.revision-footer>div>p{flex:1 1 0;min-width:0;margin-block:0}}
@media (max-width:540px){.revision-footer>div{flex-wrap:wrap}.sosyal{flex-basis:100%;margin-left:0}}
/* İletişim sayfası: sosyal medya kartları, "Derslerimiz nerede" bölümüyle aynı çizgi. */
.ic-sosyal{border-top:2px solid #3a1b69;margin-top:38px;padding-top:34px}
.ic-sosyal h2{font-size:clamp(26px,2.8vw,38px);line-height:1.12;letter-spacing:-.04em;margin:0 0 16px}
.ic-sosyal .ic-contact{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;padding-top:0}
@media (min-width:1051px){.ic-sosyal .ic-contact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ic-sosyal .ic-contact{grid-template-columns:minmax(0,1fr)}}
/* E-posta adresi sözcük ortasından değil @ işaretinden sonra kırılır (işaretlemede <wbr>). */
.ic-contact-card b{overflow-wrap:break-word;text-wrap:balance}
/* Kurs sayfası derinliği (1 Ekim 2026): giriş metni, uygunluk kartları, modül ayrıntısı. */
.f-prose{max-width:68ch;margin:0 auto}
.f-prose p{margin:0 0 16px;font-size:17px;line-height:1.65;color:#4c3f60}
.f-prose p:last-child{margin-bottom:0}
.f-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.f-fit ul{margin:0;padding-left:20px;display:grid;gap:10px;font-size:15px;line-height:1.55;color:#4c3f60}
.f-fit a{font-weight:700;color:#2d1261;text-decoration:underline;text-underline-offset:3px}
.f-acc .f-acc-meta{margin-top:-10px;font-size:13px;color:#655277}
@media (max-width:760px){.f-fit{grid-template-columns:minmax(0,1fr)}.f-prose p{font-size:16px}}
/* Kurs sayfası derinliği, tasarım denetimi (1 Ekim 2026). Koyu tonlu kurs sayfalarında (Python, Unity, Yapay Zekâ,
   FinGram) arka plandaki koyu leke %55'ten %22'ye iner; gövde metni her genişlikte ≥4,5:1 (WCAG 1.4.3). İnce yazılar
   (ücret notu .f-fine, form bandı) için renkler ayrıca koyulaştırıldı (aşağıda). */
[data-tema="g4"] body[data-revision-page="detail"]:has(.f-hero.is-dark:not(.f-hero-minecraft)) .tema-arka{background:
 radial-gradient(38% 42% at 16% 18%,var(--t-tint,#ded2ff) 0%,transparent 70%),
 radial-gradient(34% 40% at 84% 14%,color-mix(in srgb,var(--t-strong,#c9dcff) 22%,transparent) 0%,transparent 70%),
 radial-gradient(40% 44% at 70% 80%,color-mix(in srgb,var(--t-tint,#ded2ff) 80%,#fff) 0%,transparent 70%),
 radial-gradient(28% 34% at 18% 86%,rgba(255,220,63,.35) 0%,transparent 70%),
 linear-gradient(180deg,var(--t-light,#f7f4ff),#f7f4ff)}
.f-prose{max-width:34rem}
.f-acc{max-width:920px;margin-inline:auto}
.f-acc details>p{max-width:36rem}
.f-acc details>p:not(.f-acc-meta){font-size:15px;line-height:1.6}
.f-acc .f-acc-meta{display:flex;flex-wrap:wrap;gap:2px 20px}
[data-tema="g4"] .f-fit .f-card.f-mint{background:linear-gradient(160deg,rgba(226,245,234,.95),rgba(255,255,255,.72))}
.f-fit h3{margin:0;font:800 20px/1.25 'Manrope',Arial,sans-serif}
.f-fit a{text-underline-offset:4px}
.f-fit a:hover{text-decoration-thickness:2px}
.f-fit-more{margin:20px 0 0;text-align:center}
.f-fit-more a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#2d1261;text-decoration:underline;text-underline-offset:4px}
@media (min-width:761px){@supports (grid-template-rows:subgrid){.f-fit{grid-template-rows:auto 1fr}.f-fit>.f-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:10px}}}
.f-sec h2{text-wrap:balance}
.f-sec>.f-sub:last-child{margin-bottom:0}
[data-tema="g4"] .f-acc summary i,[data-tema="g4"] .f-faq summary i{background:#ded2ff}
/* Tasarım denetimi 2. tur (1 Ekim 2026): ince yazıların kontrastı, uygunluk listesi aralığı, Minecraft diskleri ve
   önceden var olan dört kontrast hatası (FinGram paket ve yaş etiketi, Yapay Zekâ hero notu, Minecraft bağlantıları). */
.f-fine{color:#4c3f60}
.f-fit ul{align-content:start}
.f-fit h3{text-wrap:balance}
.f-form>div p{color:#efeaff}
[data-tema="g4"] .kurs-minecraft :is(.f-acc,.f-faq) summary i{background:#fff}
.kurs-fingram .f-tag{color:#7d5c0b}
.f-hero.is-fingram .f-tags span:not(:first-child){background:rgba(53,19,74,.55)}
.f-hero-violet .f-row-form small{background:rgba(45,18,97,.45);padding:4px 8px;border-radius:8px;display:inline-block}
.kurs-minecraft .f-links a{color:#3f6b2a}
/* Tasarım denetimi, Kodlama Atölyesi ve Minecraft turu (1 Ekim 2026): üç satıra kırılan soru başlıkları kutunun kenarına
   yapışmasın; +/– işaretleri ekran okuyucuda okunmasın (destekleyen tarayıcıda boş alternatif metin); SSS tek sütun (iki
   sütunda bir soru açılınca sütunlar yeniden dengelenip sorular yer değiştiriyordu); tek sözcüklü son satırlar; akordeon
   satır uzunluğu (~72 karakter); Minecraft başlıklarında kontrast payı (en kötü yerde 3,01 → 3,74) ve blok dili. */
.f-acc summary,.f-faq summary{padding-block:12px;text-wrap:pretty}
.f-acc summary i::before,.f-faq summary i::before{content:'+';content:'+' / ''}
.f-acc details[open] summary i::before,.f-faq details[open] summary i::before{content:'–';content:'–' / ''}
.f-faq{columns:1;max-width:920px;margin-inline:auto}
.f-faq p{font-size:15px;line-height:1.6}
.f-prose p,.f-acc details>p,.f-acc-meta span,.f-fit li,.f-faq p{text-wrap:pretty}
.f-acc details>p:not(.f-acc-meta){max-width:32rem}
[data-tema="g4"] .kurs-minecraft .f-sec h2{color:#3f6b2a}
[data-tema="g4"] .kurs-minecraft :is(.f-acc,.f-faq) summary i{border-radius:3px}
[data-tema="g4"] .kurs-minecraft .f-fit .f-card.f-mint{background:linear-gradient(160deg,rgba(230,239,220,.95),rgba(255,255,255,.72))}
/* Tasarım denetimi 2. tur, Kodlama Atölyesi ve Minecraft (1 Ekim 2026): "Sonraki adım" bağlantısında yaş etiketi ayrı bir flex
   öğesine bölünüyordu (önündeki boşluk siliniyor, dar ekranda ayrı sütun oluyordu); tek sütun SSS cevapları geniş ekranda
   ~125 karakterlik satırlara yayılıyordu; uzun "Kursun sonunda" satırı ortalı akıyordu; tablet genişliğinde özet kartları darlaşıyordu. */
.f-links{align-items:flex-start}
.f-links a{display:block;padding-block:10px;min-height:44px;box-sizing:border-box;line-height:1.5}
.f-faq details>p{max-width:32rem}
#program .f-sub.f-center{text-align:left;max-width:34rem;margin-inline:auto;text-wrap:pretty}
@media (min-width:761px) and (max-width:1050px){.f-first .f-3{grid-template-columns:minmax(0,1fr);max-width:34rem;margin-inline:auto}}
/* Tasarım denetimi 3. tur (1 Ekim 2026): tablette tek sütun özet kartları 34rem (satır başına ~75 karakter); "Eğitim nasıl işler?"
   kartlarındaki tembel yüklenen görseller yüklenmeden daralıp yüklenince büyüyordu (mobilde 75–194 px yerleşim kayması, CLS). */
.f-bento img{flex:0 0 auto}
/* Tasarım denetimi 5. tur (1 Ekim 2026): ana sayfa alanlar alt satırındaki düğme tablette eziliyordu; Ücretler alt satırı
   indirim cümlesiyle uzayınca ~100 karakterlik ortalı satırlara yayılıyordu; Pratik bilgiler ve alt satırlarda satır uzunluğu. */
.yol-areas-foot .action{flex-shrink:0}
#ucretler>.f-sub{max-width:34rem;text-wrap:pretty}
@media (max-width:760px){#ucretler>.f-sub{text-align:left}}
.f-pratik dd{max-width:34rem;text-wrap:pretty}
.yol-panel-foot p{max-width:26rem;text-wrap:pretty}
.yol-areas-foot p{max-width:32rem;text-wrap:pretty}
/* Keşif Programı (1 Ekim 2026, E1): kurs sayfasında özet kartlarının altındaki bant ve Ücretler'deki ilk kart. İngilizce sayfada
   yoktur (data-en-yok). Paket sayısı ikiye inince (İngilizce sayfa, FinProje) kartlar ortalanır. Tasarım tuvali sayfa 10, E1. */
.kesif-bant{box-sizing:border-box;margin:0 auto;max-width:1120px;border-radius:28px;padding:28px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 36px;align-items:center;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -40px rgba(45,18,97,.45),inset 0 1px 0 rgba(255,255,255,.9)}
.kesif-bant .kb-ust{font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5b3fb0}
.f-sec .kesif-bant h2{font:800 clamp(22px,2.3vw,30px)/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.02em;color:#2d1261;margin:8px 0 14px;text-align:left;text-wrap:balance}
[data-tema="g4"] .kurs-minecraft .f-sec .kesif-bant h2{color:#2d1261}
.kesif-bant ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.kesif-bant li{padding:7px 12px;border-radius:999px;background:#f1ebff;color:#2d1261;font:600 14px/1.25 'DM Sans',Arial,sans-serif}
.kesif-bant .kb-eylem{display:grid;gap:12px;justify-items:start}
.kesif-bant .kb-ikincil{font:600 14px/1.3 'DM Sans',Arial,sans-serif;color:#2d1261;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:8px}
@media(max-width:760px){.kesif-bant{grid-template-columns:minmax(0,1fr);padding:22px 18px;border-radius:22px}.kesif-bant .kb-eylem{justify-items:stretch}.kesif-bant .f-btn{width:100%;box-sizing:border-box;justify-content:center;text-align:center}}
@media(min-width:761px){.kesif-bant .kb-eylem{justify-items:end;text-align:right}}
[data-tema="g4"] .kurs-minecraft .kesif-bant li{background:rgba(122,199,79,.2)}
#ucretler .f-fine{max-width:68ch;margin-inline:auto;text-align:left}
@media(min-width:761px){.f-packs:has(>.f-pack:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}.f-packs:has(>.f-pack:only-child){grid-template-columns:minmax(0,1fr);max-width:380px;margin-inline:auto}}

/* Ana sayfa Keşif bölümünün düğmesi telefonda tam genişlik (1 Ekim 2026, E1). */
@media(max-width:600px){.yol-start-actions .action:first-child{width:100%;box-sizing:border-box}}

/* Sepet ve doğrudan satın alma (2 Ekim 2026; yalnız Türkçe): başlıktaki sepet bağlantısı, "eklendi" bildirimi, kurs kartında
   "Satın al" + "Sepete ekle", sepet (/sepet/) ve sipariş durumu (/sepet/durum/) sayfaları. Betikler: sepet-ortak.js, sepet.js.
   Sepet düzeni: solda paketler, veli ve fatura; sağda masaüstünde yapışkan sipariş özeti, ön bilgiler, onaylar, ödeme düğmesi. */
.sepet-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;color:#2d1261;font:700 14px/1 'DM Sans',Arial,sans-serif;text-decoration:none;background:rgba(255,255,255,.72);border:1px solid rgba(45,18,97,.18);white-space:nowrap}
.sepet-link[hidden]{display:none}
.sepet-ikon{flex:0 0 auto}
.sepet-sayac{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2d1261;color:#fff;font-size:12px;font-variant-numeric:tabular-nums}
/* Telefonda (≤480px) başlıkta logo, Menü ve Görüşelim tek satırı doldurur: sepet Menü düğmesinde sayı rozeti olur, bağlantısı
   menünün başında "Sepet" satırıdır (sepet-ortak.js sayac). Daha genişte başlıktaki çanta simgeli bağlantı. */
.sepet-nav,.menu-sepet{display:none}
/* 561–1280px: başlıkta yalnız 44×44 çanta simgesi ve köşe rozeti (gezinme bağlantıları sıkışmasın; "Sepet" ekran okuyucuda). */
@media(max-width:1280px){.sepet-link{position:relative;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;box-sizing:border-box}.sepet-yazi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sepet-link .sepet-sayac{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border:2px solid #fff;font-size:11px}}
/* 761–1050px (masaüstü gezinme, dar): sepet görünürken bağlantı aralığı daralır; başlık boş sepetteki yüksekliğinde kalır. */
@media(min-width:761px) and (max-width:1050px){.revision .site-header:has(>.sepet-link:not([hidden])){gap:8px}.revision .site-header:has(>.sepet-link:not([hidden])) nav{gap:9px}}
@media(min-width:761px) and (max-width:799px){.revision .site-header:has(>.sepet-link:not([hidden])){gap:5px}.revision .site-header:has(>.sepet-link:not([hidden])) nav{gap:6px}}
@media(max-width:560px){.site-header>.sepet-link{display:none!important}.sepet-nav:not([hidden]){display:flex;align-items:center;gap:8px;font-weight:800}.revision-menu:has(.menu-sepet:not([hidden])){position:relative}.menu-sepet:not([hidden]){position:absolute;top:-8px;right:-8px;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;border:2px solid #fff;background:#2d1261;color:#fff;font:800 12px/1 'DM Sans',Arial,sans-serif;font-variant-numeric:tabular-nums}}
.sepet-bildirim{position:fixed;left:50%;bottom:24px;z-index:60;display:flex;gap:14px;align-items:center;max-width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px;border-radius:16px;background:#2d1261;color:#fff;font:600 14px/1.35 'DM Sans',Arial,sans-serif;box-shadow:0 20px 40px -18px rgba(45,18,97,.7);transform:translate(-50%,calc(100% + 48px));transition:transform .25s ease}
.sepet-bildirim.acik{transform:translate(-50%,0)}
.sepet-bildirim a{color:#ffe08f;font-weight:800;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
/* Telefon ve tablette bildirim üstte: alttaki çerez paneli ve sabit çubukla çakışmasın. */
@media(max-width:1024px){.sepet-bildirim{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;left:16px;right:16px;max-width:none;transform:translateY(calc(-100% - 40px))}.sepet-bildirim.acik{transform:none}}
@media(prefers-reduced-motion:reduce){.sepet-bildirim{transition:none}}
/* Kurs kartı: Satın al + Sepete ekle; ödeme kapalıyken yerine görüşme bağlantısı (sepet-ortak.js). */
.f-packs .f-pack{position:relative}
.f-pack-indirim{position:absolute;top:16px;right:16px;padding:4px 10px;border-radius:999px;background:#2d1261;color:#fff;font:700 12px/1.2 'DM Sans',Arial,sans-serif;font-style:normal}
.f-pack-eylem{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}
.f-pack-eylem .f-btn{flex:1 1 130px;margin:0}
[data-sepet-ekle][hidden],[data-sepet-yedek][hidden]{display:none!important}
.f-packs .f-pack .f-pack-not{flex:1 0 100%;font-size:13px;line-height:1.4}
[data-tema="g4"] .f-pack-eylem .f-btn-line,.f-pack-eylem .f-btn-line{background:transparent;color:var(--t-strong-ink,#2d1261);box-shadow:inset 0 0 0 2px var(--t-strong-ink,#2d1261)}
/* Sepet sayfası */
.revision-contact.sepet{display:block;padding-block:36px 80px}
.sepet-head{max-width:760px;margin-bottom:26px}
.sepet-head h1{font:800 clamp(30px,3.4vw,46px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.03em;color:#2d1261;margin:8px 0 10px;text-wrap:balance}
.sepet-ana{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:28px;align-items:start}
.sepet-ana[hidden]{display:none}
.sepet-sol,.sepet-sag{display:grid;gap:16px;min-width:0}
@media(min-width:961px){.sepet-sag{position:sticky;top:104px}}
@media(max-width:960px){.sepet-ana{grid-template-columns:minmax(0,1fr)}}
.sepet-kalemler{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.revision-contact .sepet-kalemler>li{margin:0}
.sepet-kalem{border-radius:22px;padding:20px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 48px -36px rgba(45,18,97,.45);display:grid;gap:14px}
.sepet-kalem-ust{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sepet-kalem-ust b{display:block;font:800 19px/1.25 'Manrope',Arial,sans-serif;color:#2d1261}
.sepet-kalem-ust span{font-size:14px;color:#5b4a73}
.sepet-cikar{border:0;background:none;color:#5b3fb0;font:700 14px 'DM Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 4px;flex:0 0 auto}
.sepet-paket,.sepet-kim{display:flex;gap:10px;flex-wrap:wrap}
.sepet-paket label,.sepet-cocuk .sepet-kim label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(45,18,97,.22);background:#fff;font:700 15px 'DM Sans',Arial,sans-serif;color:#2d1261;cursor:pointer}
.sepet-paket label small{font-weight:600;color:#5b4a73;font-variant-numeric:tabular-nums}
.sepet-cocuk .sepet-kim label{font-weight:600}
.sepet-paket label:has(input:checked),.sepet-cocuk .sepet-kim label:has(input:checked){border-color:#2d1261;box-shadow:inset 0 0 0 1px #2d1261;background:#f5f0ff}
.sepet-paket input,.sepet-kim input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:#2d1261}
.sepet-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-variant-numeric:tabular-nums;min-height:24px}
.sepet-tutar{font:800 22px/1 'Manrope',Arial,sans-serif;color:#2d1261}
.sepet-fiyat s{color:#6b5a80}
.sepet-etiket{padding:4px 10px;border-radius:999px;background:#e8f8ef;color:#14532d;font:700 12px/1.2 'DM Sans',Arial,sans-serif}
.sepet-cocuk{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0}
.sepet-cocuk legend{font:800 15px 'DM Sans',Arial,sans-serif;color:#2d1261;margin-bottom:8px;padding:0}
.sepet-cocuk-alan{display:grid;gap:10px}
.sepet-cocuk-alan[hidden]{display:none}
.sepet-cocuk-alan label{display:flex;flex-direction:column;gap:7px;font:700 14px 'DM Sans',Arial,sans-serif;color:#2d1261;min-width:0}
/* Kalemdeki alanlar formdaki alanlarla aynı görünür (refinement.css .revision-contact-form input). */
.sepet-cocuk-alan input{width:100%;height:48px;min-width:0;box-sizing:border-box;font:500 16px 'DM Sans',Arial,sans-serif;padding:10px;border:1px solid #bdaacf;background:#fff;color:#1d0b45;border-radius:4px}
.sepet .contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:560px){.sepet .contact-row{grid-template-columns:minmax(0,1fr)}}
.sepet-uyari{margin:0;padding:10px 12px;border-radius:12px;background:#fff4e5;color:#7a3e00;font-size:14px;line-height:1.5}
.sepet-uyari a{color:#7a3e00;font-weight:700}
.sepet-kardes-ekle{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px dashed rgba(45,18,97,.4);background:transparent;color:#4a2f9a;font:700 14px 'DM Sans',Arial,sans-serif;cursor:pointer}
.sepet-kardes-ekle:hover{background:#f5f0ff}
.sepet-kesif{padding:14px 16px;border-radius:16px;background:#e8f8ef;border:1px solid #9fd9b5;color:#14532d;font-size:15px;line-height:1.5}
.sepet-kesif.uyari{background:#fff6cc;border-color:#ffd76a;color:#3d2a00}
.sepet-kesif p{margin:0}
.revision-contact .sepet-kardes,.sepet-kesif-ipucu{margin:0}
.sepet-kardes{font-weight:700}
.sepet-kardes a{color:#5b3fb0;text-underline-offset:3px;display:inline-flex;min-height:44px;align-items:center}
.sepet-kesif-ipucu{font-size:14px;line-height:1.5;color:#3f2f5c}
.sepet-kesif-ipucu[hidden]{display:none}
/* Veli ve fatura (sol) ile sipariş özeti ve ödeme (sağ) kartları: .revision-contact-form camı; ara başlıklar küçük. */
.sepet-form{gap:14px}
.sepet-form[hidden]{display:none}
.sepet-form h2{font:800 20px/1.2 'Manrope',Arial,sans-serif;color:#2d1261;margin:4px 0 0}
.sepet-form h3{font:800 15px/1.3 'DM Sans',Arial,sans-serif;color:#2d1261;margin:2px 0 0}
.sepet-form label small{font-weight:500;font-size:13px;color:#5b4a73}
.sepet-alanlar{display:grid;gap:14px}
.sepet-alanlar[hidden]{display:none}
.sepet-form .odeme-toggle{display:flex;gap:10px;flex-wrap:wrap}
.sepet-form .odeme-toggle label{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(45,18,97,.22);background:#fff;cursor:pointer}
.sepet-form .odeme-toggle label:has(input:checked){border-color:#2d1261;box-shadow:inset 0 0 0 1px #2d1261;background:#f5f0ff}
.sepet-form .odeme-toggle input[type=radio]{width:20px;height:20px;min-height:0;padding:0;margin:0;flex:0 0 auto;accent-color:#2d1261}
.sepet-toplam{margin:0;padding:18px 20px;border-radius:20px;background:linear-gradient(160deg,#3a1a86,#2d1261);color:#fff;display:grid;gap:8px;font-variant-numeric:tabular-nums}
.sepet-toplam div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.sepet-toplam dt{font-size:14px;color:#e7dcff}
.sepet-toplam dd{margin:0;font-weight:700;white-space:nowrap}
.sepet-toplam .sepet-genel{padding-top:10px;border-top:1px solid rgba(255,255,255,.22)}
.sepet-toplam .sepet-genel dt{color:#fff;font-weight:700}
.sepet-toplam .sepet-genel dd{font:800 24px/1 'Manrope',Arial,sans-serif;color:#ffe08f}
.sepet-ozet{display:grid;gap:12px}
.sepet-ozet .fine{margin:0}
.sepet-ipucu{margin:0;padding:10px 14px;border-radius:12px;background:#f1ebff;font-size:14px;line-height:1.5;color:#3f2f5c}
.sepet-ipucu-dugme{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 14px;border:0;border-radius:999px;background:#2d1261;color:#fff;font:700 14px 'DM Sans',Arial,sans-serif;cursor:pointer}
/* Ön bilgiler: kaydırılabilir kutu (klavyeyle de odaklanır); alt gölge kutunun devam ettiğini gösterir. */
.sepet-onbilgi{display:grid;gap:8px;max-height:12rem;overflow:auto;overscroll-behavior:contain;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.85);border:1px solid rgba(45,18,97,.14);box-shadow:inset 0 -14px 14px -14px rgba(45,18,97,.35);font-size:14px;line-height:1.55;color:#3f2f5c}
.sepet-onbilgi:focus-visible{outline:2px solid #5b3fb0;outline-offset:2px}
.sepet-onbilgi p{margin:0}
.sepet-onbilgi b{color:#2d1261}
.sepet-onaylar{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}
.sepet .contact-consent{flex-wrap:wrap;font-size:15px}
.sepet .contact-consent>span{flex:1 1 0;min-width:0}
.sepet-onaylar small{display:block;font-size:14px;line-height:1.45;color:#5b4a73;margin-top:4px}
.sepet-istege{font-style:normal;font-weight:400;color:#5b4a73}
.sepet-onaylar a,.sepet-form .fine a,.sepet-bos-kesif a{color:#4a2f9a;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sepet-form .fine{font-size:13px;line-height:1.5;color:#5b4a73}
.sepet-gonder{width:100%;box-sizing:border-box;justify-content:center;gap:10px;white-space:normal;text-align:center}
.sepet-gonder [data-tutar]{white-space:nowrap}
.sepet-gonder [hidden]{display:none}
.sepet-gonder[disabled]{opacity:.55;cursor:not-allowed}
.sepet-gonder[aria-busy=true]{opacity:.8;cursor:progress}
.sepet-form .sepet-odeme-notu{margin:-4px 0 0;font-size:13px;line-height:1.45;color:#5b4a73;text-align:center}
.sepet .contact-feedback.hata{color:#9b1c1c;font-weight:600}
/* Alan hataları: kırmızı çerçeve ve alanın altında metin (aria-invalid + aria-describedby). */
.sepet [aria-invalid=true]:not([type=radio]):not([type=checkbox]){border-color:#9b1c1c;box-shadow:0 0 0 1px #9b1c1c}
.sepet [role=radiogroup]:has([aria-invalid=true]) label{border-color:#9b1c1c}
.sepet input[type=checkbox][aria-invalid=true]{outline:2px solid #9b1c1c;outline-offset:2px}
.alan-hata{display:block;color:#9b1c1c;font:600 13px/1.4 'DM Sans',Arial,sans-serif}
.sepet [role=radiogroup]>.alan-hata{flex:1 0 100%}
.sepet .contact-consent>.alan-hata{flex:1 0 100%;padding-left:36px}
/* Kartla ödeme kapalı: formun yerine tek açıklama ve görüşme düğmesi. */
.sepet-kapali{display:grid;gap:12px;justify-items:start;padding:22px;border-radius:20px;background:#fff6e0;border:1px solid #ffd76a;color:#3d2a00}
.sepet-kapali[hidden]{display:none}
.sepet-kapali h2{font:800 20px/1.25 'Manrope',Arial,sans-serif;color:#2d1261;margin:0}
.sepet-kapali p{margin:0;line-height:1.55}
.revision-contact.sepet .sepet-kapali>a{text-decoration:none;font-size:15px}
/* Boş sepet: g4 kuralı .revision-contact>div arka planını siler; kart burada geri gelir. */
[data-tema="g4"] .revision-contact.sepet>.sepet-bos,.sepet-bos{padding:28px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 48px -36px rgba(45,18,97,.45);max-width:640px;display:grid;gap:12px;justify-items:start}
.sepet-bos[hidden]{display:none}
.sepet-bos h2{font:800 24px 'Manrope',Arial,sans-serif;color:#2d1261;margin:0}
.revision-contact>.sepet-bos>p{margin:0;font-size:16px}
.revision-contact.sepet .sepet-bos>a{text-decoration:none;font-size:15px}
.revision-contact>.sepet-bos>.sepet-bos-kesif{font-size:15px;color:#3f2f5c;padding-top:12px;border-top:1px solid rgba(45,18,97,.12)}
/* Sipariş durumu: onay simgesi, sipariş no, sıradaki adımlar, kalemler ve iletişim. */
.sepet-durum-baslik{display:flex;align-items:center;gap:14px}
.sepet-durum-baslik h1{margin:8px 0}
.sepet-durum-ikon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#1f7a4d;display:inline-grid;place-items:center}
.sepet-durum-ikon::before{content:"";width:11px;height:21px;border:solid #fff;border-width:0 4px 4px 0;transform:translateY(-2px) rotate(45deg)}
.sepet-durum-ikon[hidden]{display:none}
.revision-contact>div>p.sepet-siparis-no{margin:4px 0 0;font:700 15px 'DM Sans',Arial,sans-serif;color:#5b4a73;font-variant-numeric:tabular-nums}
.sepet-siparis-no[hidden]{display:none}
.sepet-adimlar{counter-reset:adim;list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;max-width:680px}
.sepet-adimlar[hidden]{display:none}
.revision-contact .sepet-adimlar li{counter-increment:adim;margin:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.82);line-height:1.5}
.sepet-adimlar li::before{content:counter(adim);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2d1261;color:#fff;font:800 14px 'DM Sans',Arial,sans-serif}
.revision-contact .sepet-durum-liste{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px;max-width:680px;font-size:16px}
.revision-contact .sepet-durum-liste li{margin:0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.82);font-variant-numeric:tabular-nums}
.sepet-durum-toplam{max-width:680px;font-size:17px;margin:0 0 18px}
.revision-contact .sepet-iletisim{margin:18px 0 0;font-size:15px;color:#3f2f5c}
.sepet-iletisim a{color:#4a2f9a;font-weight:700;text-underline-offset:3px;display:inline-flex;min-height:44px;align-items:center}
@media(max-width:760px){.revision-contact.sepet{padding-block:22px 64px}.sepet-kalem{padding:16px}.sepet-durum-ikon{width:40px;height:40px}}
/* Kalite döngüsü 2. tur (2 Ekim 2026) */
.sepet-gonder [data-gonder-yazi]{white-space:nowrap}
@media(max-width:420px){.sepet-gonder{flex-wrap:wrap;row-gap:2px;padding-inline:16px}.sepet-gonder [data-gonder-yazi]{flex-basis:100%;text-align:center}.sepet-gonder [data-tutar-ayrac]{display:none}}
.sepet .alan-hata,.sepet-form label small.alan-hata,.sepet-onaylar small.alan-hata{color:#9b1c1c;font-weight:600}
.sepet-cocuk[hidden],.sepet-kardes-ekle[hidden]{display:none}
@media(max-width:960px){.sepet-ana.kapali .sepet-sag{order:-1}}
/* Ön bilgiler: masaüstünde 26rem kaydırma kutusu (Başlangıç ve Cayma tam görünür); tek sütunda (≤960px) tamamı açık. */
.sepet-onbilgi{max-height:26rem}
@media(max-width:960px){.sepet-onbilgi{max-height:none;overflow:visible;box-shadow:none}}
@media(max-width:560px){.sepet-paket label,.sepet-cocuk .sepet-kim label{flex:1 1 100%}}
.sepet-uyari a{text-decoration:underline;text-underline-offset:3px}
.revision-contact .sepet-durum-liste li>span:last-child{margin-left:auto}
.revision-contact .sepet-iletisim{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px}
.sepet-cayma{max-width:680px;margin:0 0 18px;font-size:15px;line-height:1.55;color:#3f2f5c}
.sepet-cayma[hidden]{display:none}
.sepet-form .sepet-odeme-notu svg{vertical-align:-2px;margin-right:2px}
.sepet input:focus-visible,.sepet select:focus-visible,.sepet button:focus-visible,.sepet a:focus-visible,.sepet-onbilgi:focus-visible{outline:2px solid #5b3fb0;outline-offset:2px}
/* Bildirim (3. tur): masaüstünde sağ üstte, başlığın altında (soldaki çerez paneliyle çakışmaz); kapanınca görünmez ve sekme
   sırasından çıkar (ekran dışındaki "Sepete git" bağlantısı odak almasın). */
.sepet-bildirim{transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s}
.sepet-bildirim:not(.acik){visibility:hidden}
.sepet-bildirim.acik{visibility:visible;transition:transform .25s ease,opacity .25s ease,visibility 0s}
@media(min-width:1025px){.sepet-bildirim{top:92px;bottom:auto;left:auto;right:max(24px,calc((100vw - 1400px)/2));transform:translateY(-16px);opacity:0}.sepet-bildirim.acik{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sepet-bildirim,.sepet-bildirim.acik{transition:none}}
.site-header>.sepet-link:focus-visible,.f-pack-eylem .f-btn:focus-visible,.revision-menu:focus-visible{outline:2px solid #5b3fb0;outline-offset:2px}
/* Ödeme bağlantısı sayfası (/odeme/, 2 Ekim 2026): sepetle aynı ön bilgi kutusu ve onaylar (sepet-sayfasi.cjs → odemeBolumu). */
.odeme .contact-consent{flex-wrap:wrap;font-size:15px}
.odeme .contact-consent>span{flex:1 1 0;min-width:0}
.odeme-form .sepet-onbilgi{margin:0}
/* Keşif önce (3 Ekim 2026): kurs girişinde görüşme formu yerine Keşif düğmesi; görüşme yalnız son çare satırı. */
.f-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.f-hero-cta small{flex-basis:100%;font-size:13px;color:var(--f-soft,#5b4d7d)}
.f-hero.is-dark .f-hero-cta small{color:rgba(255,255,255,.9)}
.f-hero-ikincil{font:600 14px/1.3 'DM Sans',Arial,sans-serif;color:var(--f-ink,#2d1261);text-decoration:underline;text-underline-offset:3px;padding-block:8px}
.f-hero-ikincil:focus-visible,.f-son-care a:focus-visible{outline:3px solid #287be5;outline-offset:2px;box-shadow:0 0 0 2px #fff}
.f-son-care p{margin:0;text-align:center;font:15px/1.5 'DM Sans',Arial,sans-serif;color:#5b4d7d}
.f-son-care a{color:#2d1261;font-weight:600;text-underline-offset:3px}
@media (max-width:760px){.f-hero-cta .f-btn{flex:1 1 100%}}
.f-hero-cta{justify-content:center;text-align:center}
.revision-close .action{white-space:nowrap;flex-shrink:0}
.revision-close p a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.revision-close .action{white-space:normal}}