/* THINKWAYAI shared browser refinement — used by every generated walkthrough. */
.window.safari { border:1px solid rgba(25,30,38,.18); box-shadow:0 20px 55px rgba(10,17,25,.25); }
.window.safari .titlebar { height:44px; padding:0 13px; gap:10px; background:#f6f6f8; border-bottom:1px solid #dedee3; }
.window.safari .titlebar .addr { height:28px; max-width:570px; border-radius:7px; background:#e9e9ec; font-size:12px; color:#45464b; }
.window.safari .tabstrip { height:32px; padding:3px 12px 0; gap:4px; background:#f0f0f2; border-bottom:1px solid #dedee2; }
.window.safari .tabstrip .tab { height:28px; flex:0 1 215px; max-width:215px; justify-content:flex-start; padding:0 12px; gap:8px; border-radius:8px 8px 0 0; background:#fff; color:#202329; box-shadow:0 -1px 3px rgba(0,0,0,.045); font-size:12px; font-weight:550; }
.window.safari .tabstrip .tab.off { background:transparent; color:#74757b; box-shadow:none; font-weight:450; }
.window.safari .tabstrip .tab i { width:13px; height:13px; border-radius:3px; }
.window.safari .tabstrip .tab .tab-favicon { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; flex:none; border-radius:4px; background:#fff; font-size:11px; font-weight:800; color:#222; }
.window.safari .tabstrip .tab .tab-favicon.gpt { border-radius:50%; background:#0f9d78; color:#fff; }
.window.safari .tabstrip .tab .tab-favicon.claude { background:#d97757; color:#fff; }
.window.safari .tabstrip .tab .tab-favicon.canvas { background:#168bd2; color:#fff; }
.window.safari .tabstrip .tab .tab-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Browser styling is neutral; ThinkWayAI green remains on the course-player controls. */
.window.safari .wcontent { background:#fff; }
/* Reconstructed ChatGPT thread: native-feeling messages rather than a compressed report. */
.window.safari .mp.gpt { max-width:none; min-height:100%; padding:0; font-size:15px; line-height:1.65; color:#24272b; }
.window.safari .gptBar { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:10px; height:52px; padding:0 32px; border-bottom:1px solid #e9e9eb; background:rgba(255,255,255,.96); font-size:14px; font-weight:650; }
.window.safari .gptLogo { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#0f9d78; color:#fff; font-size:17px; }
.window.safari .gptConversation { width:min(760px,calc(100% - 76px)); margin:0 auto; padding:30px 0 56px; }
.window.safari .gptUser { margin:0 0 28px auto; max-width:78%; width:fit-content; padding:12px 18px; border-radius:20px; background:#f3f3f3; color:#222; line-height:1.5; font-size:15px; }
.window.safari .gptAns { padding:0; margin:0; max-width:100%; font-size:15px; line-height:1.72; }
.window.safari .gptAns h3 { font-size:20px; line-height:1.35; margin:0 0 20px; letter-spacing:-.025em; }
.window.safari .gptAns h4 { font-size:16px; line-height:1.4; margin:22px 0 8px; }
.window.safari .gptAns p { margin:0 0 16px; }
.window.safari .gptAns ol, .window.safari .gptAns ul { padding-left:24px; margin:10px 0 20px; }
.window.safari .gptAns li { padding-left:4px; margin:0 0 12px; }
.window.safari .gptAns strong, .window.safari .gptAns b { font-weight:650; }
.window.safari .gptReconstruction { margin:26px 0 0; padding:12px 14px; border:1px solid #e7e9e8; border-left:3px solid #00bd4e; border-radius:8px; color:#59615e; background:#f8faf9; font-size:12px; line-height:1.55; }
body.pc .window.safari .titlebar { height:42px; }
body.pc .window.safari .tabstrip { height:34px; }
@media (prefers-reduced-motion:reduce) { .window.safari * { scroll-behavior:auto !important; } }

/* Original ThinkWayAI favicon in the simulated browser tab; no generated icon. */
.window.safari .tabstrip .tab .tab-brand-icon { width:15px; height:15px; object-fit:contain; flex:none; }