/* Article-specific composition built on the shared article theme. */
@import url("/articles/engineering-leadership/leadership-uniform.css");
:root{--bg:#08111f;--panel:#10203a;--panel2:#0b1730;--line:#31507c;--txt:#ecf4ff;--muted:#c8d7ef;--blue:#38bdf8;--orange:#f97316;--green:#22c55e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--txt);font-family:"Segoe UI",system-ui,sans-serif;background:linear-gradient(155deg,var(--bg),#122742);min-height:100vh}img{max-width:100%;height:auto}a{color:#8dd6ff}a:hover{color:#d9efff}.nav{position:sticky;top:0;z-index:20;background:rgba(10,17,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1b2b47}.navin,.wrap,.hero-inner{max-width:1120px;margin:0 auto}.navin{padding:10px 16px;display:flex;justify-content:space-between;gap:10px;align-items:center}.brand,.links a{display:inline-flex;align-items:center;text-decoration:none;color:#fff}.brand{font-weight:700;letter-spacing:.2px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:#d8e4fa;font-size:.9rem;font-weight:600}.hero{padding:36px 16px 30px;background:radial-gradient(900px 440px at 0% -10%,#17345a 0%,transparent 60%),radial-gradient(900px 420px at 100% -20%,#0f4d5c 0%,transparent 58%)}.crumbs{font-size:.82rem;color:#b8cce6;margin-bottom:14px}.crumbs a{text-decoration:none}.tag,.meta span,.chip{display:inline-flex;border:1px solid #2f4b73;border-radius:999px;background:#11233f;color:#dce9ff;padding:5px 9px;font-size:.76rem}.hero h1{margin:10px 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}.hero p{max-width:820px;margin:0;color:var(--muted);line-height:1.7;font-size:1.08rem}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wrap{padding:18px 16px 34px}.article{max-width:900px;margin:0 auto}.band{margin:14px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,32,58,.92),rgba(11,23,48,.92));box-shadow:0 16px 40px rgba(0,0,0,.18)}.band h2{margin:0 0 10px;font-size:1.35rem}.band h3{margin:0 0 8px}.band p,.band li{color:var(--muted);line-height:1.7}.lead{font-size:1.1rem}.figure{margin:18px 0}.figure img{display:block;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff}.figure figcaption{margin:8px 4px 0;color:#a9bedc;font-size:.9rem;line-height:1.5}.grid2,.grid3,.grid4{display:grid;gap:12px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10203a,#0b1730)}.card h3{margin:0 0 8px}.card p{margin:0;color:#dbe7fb;line-height:1.65}.quote,.callout{padding:16px 18px;border:1px solid #2a4166;border-left:5px solid var(--blue);border-radius:14px;background:rgba(7,14,28,.45);line-height:1.7}.quote{font-size:1.16rem;font-weight:700}.callout{border-left-color:var(--green)}.flowbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px;border-radius:14px;background:#0d1c34;border:1px solid #2a4166}.flowbar i{color:var(--orange);font-style:normal;font-weight:800}table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #2a4166;border-radius:14px;overflow:hidden;background:#0f1b33}th,td{padding:12px;border-bottom:1px solid #223656;text-align:left;vertical-align:top;line-height:1.55}th{background:#10203a}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto}.steps{counter-reset:step}.step{position:relative;padding:14px 14px 14px 58px;border-left:1px solid #31507c}.step::before{counter-increment:step;content:counter(step);position:absolute;left:12px;top:15px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#11233f;border:1px solid #2f4b73;font-weight:800}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);line-height:1.65}.page-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.page-nav a{flex:1 1 220px;padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#10203a}.page-nav small{display:block;color:#a9bedc;margin-bottom:4px}.footer{text-align:center;color:#8ea3bf;padding:20px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.list{line-height:1.75;color:var(--muted)}
@media(max-width:700px){.navin{flex-direction:column;align-items:stretch}.links{justify-content:center}.hero{padding:24px 12px}.wrap{padding:14px 12px 28px}.grid2,.grid3,.grid4{grid-template-columns:1fr}.band{padding:16px}.hero h1{font-size:2rem}th,td{padding:10px;font-size:.92rem}}
.figure--flow{max-width:840px;margin:24px auto}.figure--wide{max-width:900px;margin:22px auto}.figure--detail{max-width:390px;margin:20px auto}.figure a{display:block}@media(max-width:700px){.figure--flow,.figure--wide,.figure--detail{max-width:100%;margin:18px auto}}
.figure img[src$="application-flow-4-week-cycle.png"]{width:min(100%,840px);margin-inline:auto}.figure img[src$="work-entry.png"],.figure img[src$="daily-sync.png"],.figure img[src$="database.png"],.figure img[src$="weekly-evaluation.png"],.figure img[src$="reports-notifications.png"]{width:min(100%,390px);margin-inline:auto}.figure img[src$="four-week-cycle.png"]{width:min(100%,900px);margin-inline:auto}
html body .navin{width:100%;min-height:52px;justify-content:space-between}html body .links{margin-left:auto;justify-content:flex-end}@media(max-width:700px){html body .navin{min-height:0}html body .links{margin-left:0;justify-content:flex-start}}
.grid2,.grid3,.grid4{grid-auto-rows:1fr;align-items:stretch}.grid2>.card,.grid3>.card,.grid4>.card{height:100%;display:flex;flex-direction:column}.grid2>.card p,.grid3>.card p,.grid4>.card p{margin-top:auto}.page-nav{align-items:stretch}.page-nav a{min-height:84px;display:flex;flex-direction:column;justify-content:center}
body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::before{content:"Overview";display:block;margin-bottom:10px;font-size:1.35rem;font-weight:700;color:var(--txt)}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::after{content:"The problem we are trying to solve: valuable analysis, troubleshooting, automation, documentation, learning and support work is often discussed in chats, calls and meetings, then disappears. Formal ticket counts therefore show only part of an engineer's contribution and make recurring challenges, reusable solutions and learning opportunities harder to see.";display:block;margin-top:14px;padding-top:14px;border-top:1px solid rgba(141,177,224,.18);color:var(--muted);line-height:1.7}
.grid2>.card,.grid3>.card,.grid4>.card,.page-nav a{text-align:left;align-items:flex-start}.grid2>.card h3,.grid3>.card h3,.grid4>.card h3{width:100%;margin:0 0 10px;text-align:left;line-height:1.3}.grid2>.card p,.grid3>.card p,.grid4>.card p{width:100%;margin:0;text-align:left;line-height:1.65}.page-nav a small,.page-nav a strong{width:100%;text-align:left}.page-nav a small{margin:0 0 6px}.page-nav a strong{line-height:1.35}
.article>.band{padding:22px;text-align:left}.article>.band>h2,.article>.band>h3{margin:0 0 10px;text-align:left;line-height:1.3}.article>.band>p{margin:0;text-align:left;line-height:1.7}.article>.band>p+p,.article>.band>p+.grid2,.article>.band>p+.grid3,.article>.band>p+.grid4,.article>.band>p+.flowbar,.article>.band>p+.callout,.article>.band>p+.table-wrap,.article>.band>p+.quote,.article>.band>h2+.grid2,.article>.band>h2+.grid3,.article>.band>h2+.grid4,.article>.band>h2+.table-wrap,.article>.band>h2+.quote{margin-top:14px}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child{display:flex;flex-direction:column;align-items:stretch}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::before{align-self:stretch;text-align:left;line-height:1.3}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::after{align-self:stretch;text-align:left}
.article{max-width:1120px}
body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::before{position:static!important;inset:auto!important;border:0!important}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::after{position:static!important;inset:auto!important}
body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::before{content:"Overview — a simple idea for any technical team"}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::after{content:"You do not need Azure DevOps knowledge to follow this idea. Start with a familiar question: when someone solves a difficult problem, helps a colleague, improves a process or learns something useful, how does that work become visible to the team? This article begins with that human problem, then shows how an existing work-management tool can support it without turning people into numbers."}
body:has(img[src$="reports-notifications.png"]) .article>.band:first-of-type::after{content:"Supportive prompts can make reporting more useful: ‘Your automation highlight may be worth sharing’, ‘Several monitoring tasks were recorded—could this be an improvement opportunity?’, or ‘Your work this week has focused on BAU support; is there a recurring task worth documenting or improving?’ The aim is reflection and encouragement, not telling people to chase higher-weighted categories.";display:block;margin-top:16px;padding:14px 16px;border-left:5px solid var(--green);border-radius:14px;background:rgba(7,14,28,.45);color:var(--muted);line-height:1.7}body:has(img[src$="four-week-cycle.png"]) .article>.band:first-of-type::after{content:"Star of the Month / Period should be a manager recommendation, not an automatic prize for the largest total. Present the stars alongside the evidence: significant highlights, critical problem solving, automation, documentation, mentoring and knowledge sharing. The manager makes the final recognition decision.";display:block;margin-top:16px;padding:14px 16px;border-left:5px solid var(--orange);border-radius:14px;background:rgba(7,14,28,.45);color:var(--muted);line-height:1.7}
body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::before{content:"Start with a few honest questions"}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:first-child::after{content:"How do you show the work that prevented an incident from happening?\A\AHow do you remember the automation, mentoring, research and troubleshooting that never became a formal ticket?\A\AHow can a manager recognise useful work without turning the team into a leaderboard?\A\AThese questions expose the same delivery pain: valuable work is forgotten, reviews rely on memory, managers lack context, and useful knowledge can stay with one person. The framework is a lightweight response—not another productivity score.";white-space:pre-line}
body:has(img[src$="work-entry.png"]) .article>.band:first-of-type::after{content:"Leadership starting point: pilot this with one willing team for one four-week period. Measure whether entries remain quick, whether managers can review them without extra meetings, and whether the reports lead to better one-to-ones or useful learning sessions. Adjust the form before scaling it.";display:block;margin-top:16px;padding:14px 16px;border-left:5px solid var(--blue);border-radius:14px;background:rgba(7,14,28,.45);color:var(--muted);line-height:1.7}body:has(img[src$="daily-sync.png"]) .article>.band:first-of-type::after{content:"Data stewardship matters: capture only the information needed for visibility and learning, keep access limited to the right people, and make it clear how long snapshots are retained. A contribution record should never become a hidden performance-surveillance dataset.";display:block;margin-top:16px;padding:14px 16px;border-left:5px solid var(--blue);border-radius:14px;background:rgba(7,14,28,.45);color:var(--muted);line-height:1.7}body:has(img[src$="weekly-evaluation.png"]) .article>.band:last-of-type::after{content:"Manager calibration is part of the design. Review a small sample of scored work together during the pilot: are similar contributions being treated consistently, are weights encouraging the right behaviour, and are important BAU or incident contributions receiving enough context?";display:block;margin-top:16px;padding:14px 16px;border-left:5px solid var(--orange);border-radius:14px;background:rgba(7,14,28,.45);color:var(--muted);line-height:1.7}body:has(img[src$="application-flow-4-week-cycle.png"]) .article>.band:last-of-type::after{content:"A healthy rollout has clear success measures: less time spent reconstructing work for reviews, more useful knowledge-sharing sessions, clearer recurring-problem signals, and no increase in administrative burden or unhealthy competition. If those outcomes are not visible, simplify the model.";display:block;margin-top:16px;padding:14px 16px;border-left:5px solid var(--green);border-radius:14px;background:rgba(7,14,28,.45);color:var(--muted);line-height:1.7}
