{"id":2421,"date":"2024-10-14T12:01:19","date_gmt":"2024-10-14T10:01:19","guid":{"rendered":"https:\/\/equilibriumpsychotherapy.net\/urgent-important-matrix-v2\/"},"modified":"2026-09-08T21:38:45","modified_gmt":"2026-09-08T19:38:45","slug":"urgent-important","status":"publish","type":"post","link":"https:\/\/equilibriumpsychotherapy.net\/hr\/urgent-important\/","title":{"rendered":"Urgent-Important Matrix"},"content":{"rendered":"\n<style>\n\/* The accent is a light-background device. Inside a reversed-out panel it stops\n   being emphasis and becomes unreadable - coral on the Matrix closing panel\n   measured 2.0:1 - so the mark falls back to the panel's own text colour and\n   lets weight alone carry it. gOpen tags those panels .eq-ondark. *\/\n.eqp .eq-ondark .eqb{color:inherit}\n\n.eqp{--teal:#00373e;--navy:#0b1f30;--blue:#005f8d;--ink:#26302f;--muted:#8d9695;\n  --cream:#fbf6f1;--creamE:#ecdcc9;--mist:#f3f7f6;--mistE:#dde8e7;--amber:#b08d68}\n\n\/* ---- reading progress ---- *\/\n#eqp-rail{position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;pointer-events:none;background:transparent}\n#eqp-rail i{display:block;height:100%;background:var(--eqp-accent);transform:scaleX(0);transform-origin:0 50%;\n  will-change:transform}\n@supports (animation-timeline:scroll()){\n  #eqp-rail i{animation:eqp-grow linear both;animation-timeline:scroll(root block)}\n}\n@keyframes eqp-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n\n\/* ---- part rail ---- *\/\n#eqp-parts{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:60;display:none}\n@media(min-width:1280px){#eqp-parts{display:block}}\n#eqp-parts a{display:flex;align-items:center;gap:11px;padding:7px 0;text-decoration:none;color:inherit}\n#eqp-parts .dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--eqp-dot);\n  transition:background .2s ease,transform .2s ease}\n#eqp-parts .lbl{white-space:nowrap;font:700 11px\/1 \"Work Sans\",sans-serif;letter-spacing:.1em;\n  text-transform:uppercase;color:var(--eqp-muted);opacity:0;transform:translateX(-4px);\n  transition:opacity .2s ease,transform .2s ease;pointer-events:none}\n#eqp-parts:hover .lbl{opacity:1;transform:none}\n#eqp-parts a:focus-visible .lbl{opacity:1;transform:none}\n#eqp-parts a.on .dot{background:var(--eqp-accent);transform:scale(1.45)}\n#eqp-parts a.on .lbl{color:var(--eqp-accent)}\n\n\/* ---- back to top ---- *\/\n#eqp-top{position:fixed;right:26px;bottom:26px;z-index:60;display:inline-flex;align-items:center;gap:8px;\n  padding:11px 17px;border-radius:999px;border:1.5px solid var(--eqp-line);background:#fff;\n  color:var(--eqp-accent);font:600 14px\/1 \"Work Sans\",sans-serif;cursor:pointer;\n  box-shadow:0 2px 14px var(--eqp-shadow);\n  opacity:0;visibility:hidden;transform:translateY(8px);\n  transition:opacity .25s ease,transform .25s ease,visibility .25s}\n#eqp-top.on{opacity:1;visibility:visible;transform:none}\n#eqp-top:hover{color:var(--eqp-accent2);border-color:var(--eqp-line2)}\n#eqp-top svg{width:13px;height:13px}\n\n\/* ---- scroll reveal ----\n   Gated on [data-eqp], which the script sets before any of these elements are\n   parsed. No script, no hiding: the article never depends on JS to be visible. *\/\n[data-eqp] .eq-rev{opacity:0;transform:translateY(12px);\n  transition:opacity .38s cubic-bezier(.22,.61,.36,1),transform .38s cubic-bezier(.22,.61,.36,1)}\n[data-eqp] .eq-rev.in{opacity:1;transform:none}\n\n\/* ---- drop cap ---- *\/\n.eq-drop::first-letter{float:left;font-family:\"Playfair Display\",Georgia,serif;font-weight:800;\n  font-size:4.4em;line-height:.84;margin:.06em .10em 0 0;color:var(--eqp-accent)}\n\n\/* ---- focus + selection, applied inside the article only ---- *\/\n.eqp ::selection{background:var(--eqp-sel);color:var(--eqp-accent)}\n\n@media(max-width:520px){\n  .eq-drop::first-letter{font-size:3.5em}\n  #eqp-top{right:14px;bottom:14px;padding:10px 14px}\n}\n@media(prefers-reduced-motion:reduce){\n  .eq-rev,#eqp-top,#eqp-parts .dot,#eqp-parts .lbl{transition:none!important}\n  .eq-rev{opacity:1!important;transform:none!important}\n  #eqp-rail i{animation:none!important}\n}\n\n\/* ---- print ---- *\/\n@media print{\n  #eqp-rail,#eqp-parts,#eqp-top{display:none!important}\n  .eq-rev{opacity:1!important;transform:none!important}\n  h2,h3{break-after:avoid;page-break-after:avoid}\n  a{text-decoration:none;color:#000}\n  .eqp{font-size:11pt}\n}\n\n\/* ---- contents list on a phone ----\n   The panel carries 44px of inline padding for the desktop layout. On a 390px\n   screen that leaves 177px of content box for a summary row needing 251px, so\n   the row overflowed on every article on the site. Two moves: take the padding\n   back, and let the row wrap so the chevron, part number and reading estimate\n   share a line with the title underneath them. *\/\n@media(max-width:600px){\n.eqp .wp-block-group.has-background:has(>.wp-block-rank-math-toc-block){padding-left:20px!important;padding-right:20px!important}\n.eqp .eq-toc summary{flex-wrap:wrap;gap:5px 11px}\n.eqp .eq-toc .chev{order:0}\n.eqp .eq-toc .num{min-width:0;order:1}\n.eqp .eq-toc .cnt{order:2}\n.eqp .eq-toc .ttl{order:3;flex:1 1 100%}\n}\n<\/style><style>\n\/* ---- table of contents ---- *\/\n\/* Every contents link and every part-rail link lands its target flush against\n   the top edge of the window. There is no sticky header to clear, so this is\n   only air, but a heading jammed into the browser chrome reads as a page that\n   has jumped rather than one that has arrived. *\/\n.eqp [id]{scroll-margin-top:28px}\n\n\/* The rule was on details:last-of-type, which draws the closing line under the\n   last DISCLOSURE rather than under the last row. As soon as a part with no\n   subsections is allowed to be a plain row, the last row can be one of those\n   and the list ends with no line. The border belongs to the container. *\/\n.eq-toc{margin:0;border-bottom:1px solid var(--eqp-line)}\n.eq-toc details,.eq-toc .flat{border-top:1px solid var(--eqp-line);margin:0}\n.eq-toc summary,.eq-toc .flat{display:flex;align-items:baseline;gap:15px;padding:17px 2px;\n  cursor:pointer;list-style:none;transition:color .18s ease}\n.eq-toc summary::-webkit-details-marker{display:none}\n.eq-toc summary:hover,.eq-toc .flat:hover{color:var(--eqp-accent2)}\n.eq-toc summary:focus-visible{outline:2px solid var(--eqp-accent2);outline-offset:3px;border-radius:5px}\n.eq-toc .num{flex:0 0 auto;font:700 12px\/1 \"Work Sans\",sans-serif;letter-spacing:.13em;color:var(--eqp-gold);\n  min-width:56px;font-variant-numeric:tabular-nums}\n\/* A part with no subsections keeps the chevron's footprint but not the chevron,\n   so every PART number stays on the same vertical line. *\/\n.eq-toc .chev.hide{visibility:hidden}\n.eq-toc .ttl{flex:1 1 auto;font:700 19px\/1.3 \"Work Sans\",sans-serif;color:var(--eqp-accent);\n  text-decoration:none;border-bottom:1px solid transparent;\n  transition:color .18s ease,border-color .18s ease}\n.eq-toc .ttl:hover{color:var(--eqp-accent2);border-bottom-color:var(--eqp-line2)}\n.eq-toc .ttl:focus-visible{outline:2px solid var(--eqp-accent2);outline-offset:2px;border-radius:3px}\n.eq-toc .cnt{flex:0 0 auto;font:400 13.5px\/1 \"Work Sans\",sans-serif;color:var(--eqp-muted);\n  font-variant-numeric:tabular-nums;white-space:nowrap}\n.eq-toc .chev{flex:0 0 auto;width:11px;height:11px;transition:transform .22s ease;color:var(--eqp-muted)}\n.eq-toc details[open] .chev{transform:rotate(90deg)}\n.eq-toc details[open] .ttl{color:var(--eqp-accent2)}\n.eq-toc ul{list-style:none;margin:0;padding:0 0 16px 71px}\n.eq-toc li{margin:0 0 9px}\n.eq-toc li a{font:400 15.5px\/1.5 \"Work Sans\",sans-serif;color:var(--eqp-body);text-decoration:none;\n  border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}\n.eq-toc li a:hover{color:var(--eqp-accent2);border-bottom-color:var(--eqp-line2)}\n.eq-toc li a:focus-visible{outline:2px solid var(--eqp-accent2);outline-offset:2px;border-radius:3px}\n\n@media(max-width:820px){\n  .eq-toc ul{padding-left:56px}\n  .eq-toc .sec,.eq-toc .sep{display:none}\n  .eq-toc .num{min-width:44px}\n}\n@media(prefers-reduced-motion:reduce){\n  .eq-toc .chev{transition:none!important}\n}\n@media print{\n  .eq-toc details{border-color:#bbb}\n  .eq-toc ul{display:block!important}\n}\n<\/style><style>:root{--eqp-accent:#9f3a21;--eqp-accent2:#3d2a20;--eqp-muted:#665e56;--eqp-dot:#ebc3b9;--eqp-line:#e7e0d4;--eqp-line2:#ecdfc2;--eqp-gold:#2c1e16;--eqp-body:#463c34;--eqp-sel:#f6ddd7;--eqp-shadow:rgba(23,18,15,.16)}<\/style><style>\n.uim{font-family:\"Work Sans\",sans-serif;color:#17120f;max-width:100%}\n.uim *{box-sizing:border-box}\n.uim .eyb{font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}\n\n\/* ---- part opening ---- *\/\n.uim-part{display:flex;align-items:center;gap:22px;padding:0 0 16px;border-bottom:1.5px solid #ebc3b9}\n.uim-part .no{flex:0 0 auto;font-family:\"Playfair Display\",Georgia,serif;font-weight:800;\n  font-size:clamp(46px,6vw,64px);line-height:.85;color:#f6ddd7;\n  -webkit-text-stroke:1.5px #9f3a21;font-variant-numeric:tabular-nums}\n.uim-part .tx{min-width:0}\n.uim-part .lb{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;\n  color:#9f3a21;margin:0 0 6px}\n.uim-part h2{font-family:\"Work Sans\",sans-serif !important;font-size:clamp(21px,2.6vw,27px);font-weight:700;\n  line-height:1.22;color:#3d2a20;margin:0}\n.uim-part .sb{font-size:16px;line-height:1.55;color:#665e56;margin:9px 0 0}\n\n\/* ---- the matrix ----\n   A CSS grid rather than an SVG, because every cell is a paragraph of text and\n   text in SVG neither reflows nor scales with the reader's own font size. The\n   only thing here that is genuinely vector is nothing at all, so there is no\n   SVG in this figure. *\/\n.uim-fig{margin:0}\n.uim-mx{display:grid;grid-template-columns:76px 1fr 1fr;grid-template-rows:auto auto auto;\n  gap:10px;align-items:stretch}\n.uim-mx .ax{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  color:#665e56;display:flex;align-items:center;line-height:1.35}\n.uim-mx .ax.col{justify-content:center;text-align:center;padding:0 0 2px}\n.uim-mx .ax.row{align-items:center}\n.uim-mx .corner{}\n\n.uim-cell{border-radius:16px;padding:20px 20px 18px;min-height:132px;\n  display:flex;flex-direction:column;gap:7px}\n.uim-cell .n{font-family:\"Playfair Display\",Georgia,serif;font-weight:800;font-size:26px;\n  line-height:1;font-variant-numeric:tabular-nums;margin:0}\n.uim-cell .vb{font-size:clamp(17px,2vw,19.5px);font-weight:700;line-height:1.22;margin:0;color:#17120f}\n.uim-cell .nm{font-size:13.5px;line-height:1.4;color:#665e56;margin:0}\n.uim-cell .fl{margin:6px 0 0;font-size:11px;font-weight:700;letter-spacing:.13em;\n  text-transform:uppercase;display:inline-flex;align-items:center;gap:7px}\n.uim-cell .fl b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9f3a21}\n\n\/* importance = hue, urgency = fill *\/\n.uim-cell.imp.urg{background:#f6ddd7;border:1.5px solid #ebc3b9}\n.uim-cell.imp.urg .n{color:#9f3a21}\n.uim-cell.imp.cool{background:#fff;border:2px solid #9f3a21}\n.uim-cell.imp.cool .n{color:#9f3a21}\n.uim-cell.non.urg{background:#e6e1dd;border:1.5px solid #d2cac3}\n.uim-cell.non.urg .n{color:#615a54}\n.uim-cell.non.cool{background:#fff;border:2px dashed #d2cac3}\n.uim-cell.non.cool .n{color:#615a54}\n\n.uim-fig figcaption{font-size:15.5px;line-height:1.6;color:#665e56;margin:20px 0 0}\n\n\/* ---- the quadrant card, used four times ----\n   The spine of the article. Each one carries the author's name for the\n   quadrant, her verb, her definition, her generic example and her lived\n   example, which were four bullets and a paragraph eight paragraphs apart. *\/\n.uim-card{border-radius:18px;border:1.5px solid #e7e0d4;background:#fff;overflow:hidden}\n.uim-card .hd{display:flex;align-items:baseline;gap:16px;padding:24px 28px 0}\n.uim-card .hd .no{flex:0 0 auto;font-family:\"Playfair Display\",Georgia,serif;font-weight:800;\n  font-size:clamp(30px,3.6vw,38px);line-height:1;font-variant-numeric:tabular-nums}\n.uim-card .hd .tx{min-width:0}\n.uim-card h3{font-family:\"Work Sans\",sans-serif !important;font-size:clamp(20px,2.3vw,23px);font-weight:700;\n  line-height:1.24;color:#3d2a20;margin:0}\n.uim-card .nm{font-size:13.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;\n  margin:8px 0 0}\n.uim-card .bd{font-size:19px;line-height:1.62;color:#17120f;margin:0;padding:18px 28px 0}\n.uim-card .ex{margin:18px 28px 0;padding:15px 18px;border-radius:12px;background:#f9f2e0}\n.uim-card .ex p{margin:0;font-size:16.5px;line-height:1.55;color:#4a3f36}\n.uim-card .ex .lb{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  color:#665e56;margin:0 0 6px}\n.uim-card .day{margin:16px 0 0;padding:20px 28px 24px;border-top:1px solid #e7e0d4}\n.uim-card .day .lb{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  margin:0 0 8px}\n.uim-card .day p{margin:0;font-size:18px;line-height:1.6;color:#17120f}\n\n\/* the spine down the left is the only place the card states its axes in\n   colour, and the uppercase name above states them in words *\/\n.uim-card.imp{border-left:5px solid #9f3a21}\n.uim-card.non{border-left:5px solid #d2cac3}\n.uim-card.imp .hd .no,.uim-card.imp .nm,.uim-card.imp .day .lb{color:#9f3a21}\n.uim-card.non .hd .no,.uim-card.non .nm,.uim-card.non .day .lb{color:#615a54}\n\n\/* ---- the numbered step, used four times ----\n   Deliberately the same numeral treatment as the card, at a smaller size, so\n   this is one visual idea used twice rather than a second idea. *\/\n\/* THE TYPE IN HERE WAS UPSIDE DOWN, and it took a reader saying the font\n   looked weird to see it. Nothing was broken: Work Sans 700 loaded, the family\n   computed correctly, the colour was right. The sizes were the problem.\n\n   The step heading was 19.5px and the paragraph directly under it was 19px, so\n   a heading was half a pixel larger than its own body text and read as bolded\n   text rather than as a heading. The numeral above both was Playfair at 25px,\n   which made the NUMBER the largest thing in the box and the step title the\n   smallest. And all of it sat under the 21px page body, so the whole component\n   read as a footnote to the article rather than as part of it.\n\n   The design contract already says this in one line: a component that repeats\n   should sit AT body size, not below it, and get its lightness from having no\n   box rather than from shrinking. The heading now leads at 22px, its body sits\n   at 20px, and the numeral matches the heading rather than beating it. *\/\n\/* It was drawn as a plain numbered list, and a plain numbered list says these\n   are four things in a row, which is not what the author wrote. Step four is\n   \"regularly review your tasks and update your matrix\", and that sends the\n   reader back to step one. It is a cycle. The list was hiding the one piece of\n   structure the section actually has.\n\n   Two things follow from reading it that way, and neither is decoration:\n\n     the rail  the steps are connected, and after the last one the line turns\n               back on itself instead of just stopping. That is the author's\n               own claim about the method, drawn.\n     step 3    is the destination, not a peer of the other three. It carries\n               the article's thesis and the section's only bold sentence. It\n               gets the filled marker, which is the SAME mark the matrix figure\n               puts on quadrant two, so the two figures agree about which cell\n               matters rather than each making the point separately.\n\n   Kept from the previous pass, because it was a real bug: the heading leads at\n   22px and its body sits at 20px, both AT page-body scale rather than under\n   it. A repeating component gets its lightness from having no box, not from\n   shrinking. The numeral now sits inside a marker instead of competing with\n   the heading as type, which is what made it read upside down before. *\/\n.uim-steps{display:flex;flex-direction:column;gap:30px}\n.uim-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:start}\n.uim-step .mk{align-self:stretch;position:relative}\n.uim-step .no{box-sizing:border-box;position:relative;z-index:1;\n  width:36px;height:36px;border-radius:50%;display:flex;align-items:center;\n  justify-content:center;background:#fff;border:1.5px solid #e7e0d4;color:#665e56;\n  font-family:\"Playfair Display\",Georgia,serif;font-weight:800;font-size:18px;\n  line-height:1;font-variant-numeric:tabular-nums}\n\/* The connector is drawn per step rather than as one long rail behind the\n   whole component, so it ends at the last marker instead of running on past it\n   through the paragraph underneath. bottom matches the flex gap exactly. *\/\n.uim-step:not(:last-child) .mk::after{content:\"\";position:absolute;left:50%;\n  transform:translateX(-50%);top:36px;bottom:-30px;width:2px;background:#e7e0d4}\n.uim-step.key .no{background:#9f3a21;border-color:#9f3a21;color:#fff}\n.uim-step .tx{min-width:0;padding-top:4px}\n.uim-step h3{font-family:\"Work Sans\",sans-serif !important;font-size:22px;font-weight:700;line-height:1.32;\n  color:#3d2a20;margin:0}\n.uim-step p{font-size:20px;line-height:1.62;color:#17120f;margin:8px 0 0}\n\n\/* The return. It lives INSIDE .uim-steps as the last child, which is what\n   makes step four stop being :last-child and grow a connector down into it.\n   The hook is not a full path back to the top: at this height that would be a\n   line down the whole margin, and a turn is enough to say the same thing. *\/\n.uim-loop{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:start}\n.uim-loop svg{display:block;width:36px;height:48px;color:#e7e0d4}\n.uim-loop .lb{margin:14px 0 0;font-size:11px;font-weight:700;letter-spacing:.14em;\n  text-transform:uppercase;color:#665e56}\n\n\/* ---- read next ---- *\/\n.uim-next{display:block;text-decoration:none;background:#fff;border:1.5px solid #e7e0d4;\n  border-left:5px solid #9f3a21;border-radius:18px;padding:26px 30px;\n  transition:transform .2s ease}\n.uim-next:hover{transform:translateY(-2px)}\n.uim-next .eyb{display:block;color:#665e56;margin:0 0 10px}\n.uim-next .ti{display:block;font-size:clamp(21px,2.4vw,25px);font-weight:700;line-height:1.25;\n  color:#3d2a20;margin:0 0 9px;text-decoration:underline;text-underline-offset:4px;\n  text-decoration-thickness:1px;text-decoration-color:#ebc3b9}\n.uim-next .wy{display:block;font-size:17px;line-height:1.6;color:#665e56}\n.uim-next:focus-visible{outline:2px solid #9f3a21;outline-offset:3px}\n\n@media(max-width:760px){\n  .uim-mx{grid-template-columns:1fr 1fr}\n  .uim-mx .ax{display:none}\n  .uim-cell{min-height:0}\n}\n@media(max-width:520px){\n  .uim-mx{grid-template-columns:1fr}\n  .uim-card .hd{padding:20px 20px 0}\n  .uim-card .bd{padding:15px 20px 0;font-size:18px}\n  .uim-card .ex{margin:15px 20px 0}\n  .uim-card .day{padding:18px 20px 20px}\n  .uim-card .day p{font-size:17px}\n  .uim-step p{font-size:18px}\n}\n\n\/* ---- curated emphasis, in the post's own accent ----\n   The bold marks are the four sentences a reader could skim past and then\n   misread the article by, so they are already the most deliberate ink on the\n   page. Colouring them in the accent says they belong to THIS article rather\n   than to the general category of bold text.\n\n   Only the curated pass gets the class, which is what keeps this honest: the\n   masthead's strong, the component labels and anything WordPress bolds on its\n   own stay black. Four coloured phrases in 874 words is the whole budget.\n\n   CORAL is 6.8:1 on white and 6.1:1 on the cream example panels, both checked\n   in palette.js, so this is legible as body text and not only as a highlight.\n   Weight stays 700; the colour is added to the mark, not traded for it. *\/\n.eqp .eqb{color:#9f3a21}\n\n\/* ---- the matrix, in motion ----\n   One figure moves on this page and it is this one. The quadrant cards and the\n   numbered steps each appear four times, and a move repeated four times stops\n   reading as a statement and starts reading as a template. That is the same\n   rule the dopamine article's chain rows were left still under.\n\n   What moves here is the caption's own sentence: two questions, asked in that\n   order. The labels arrive, then the row each one governs. By the time the\n   grid is whole the reader has watched it be produced rather than presented.\n\n   \"Focus here\" lands last, alone, after everything else has settled, because\n   the caption ends by saying quadrant two is why the figure is marked at all.\n   It is the figure's conclusion, so it arrives after the figure's argument.\n\n   Gated on [data-eqp] so nothing is hidden if the stylesheet never loads, and\n   nothing here animates a layout property. *\/\n[data-eqp] .uim-mx[data-eq-anim] .ax{opacity:0;\n  transition:opacity .40s ease;transition-delay:calc(var(--i,0) * 90ms)}\n[data-eqp] .uim-mx[data-eq-anim].eq-on .ax{opacity:1}\n[data-eqp] .uim-mx[data-eq-anim] .uim-cell{opacity:0;transform:translateY(10px);\n  transition:opacity .44s ease,transform .44s cubic-bezier(.22,.61,.36,1);\n  transition-delay:calc(var(--i,0) * 90ms)}\n[data-eqp] .uim-mx[data-eq-anim].eq-on .uim-cell{opacity:1;transform:none}\n[data-eqp] .uim-mx[data-eq-anim] .uim-cell .fl{opacity:0;\n  transition:opacity .46s ease;transition-delay:1080ms}\n[data-eqp] .uim-mx[data-eq-anim].eq-on .uim-cell .fl{opacity:1}\n\n\/* below 760px the axis labels are display:none, so the cells run on their own\n   clock rather than waiting out four turns nobody can see *\/\n@media(max-width:760px){\n  [data-eqp] .uim-mx[data-eq-anim] .uim-cell{transition-delay:calc(var(--j,0) * 90ms)}\n  [data-eqp] .uim-mx[data-eq-anim] .uim-cell .fl{transition-delay:640ms}\n}\n\n\/* ---- the steps, in motion ----\n   The same idea as the matrix and for the same reason: the reader watches the\n   thing be built rather than arriving at it finished. Here what gets built is\n   the connection between the steps, which is the claim the redraw is making.\n   The hook draws last and the words arrive after it, so the loop is the last\n   thing the component says.\n\n   Only the markers and the rail move. The text is left completely still: this\n   sits at body scale in the middle of a read, and prose that fades in while\n   you are trying to read it is an irritation rather than an effect.\n\n   The rail scales rather than growing, because height is a layout property and\n   transform is not. *\/\n[data-eqp] .uim-steps[data-eq-anim] .no{opacity:0;transform:scale(.86);\n  transition:opacity .34s ease,transform .40s cubic-bezier(.34,1.4,.52,1);\n  transition-delay:calc(var(--i,0) * 170ms)}\n[data-eqp] .uim-steps[data-eq-anim].eq-on .no{opacity:1;transform:none}\n[data-eqp] .uim-steps[data-eq-anim] .mk::after{transform:translateX(-50%) scaleY(0);\n  transform-origin:top center;\n  transition:transform .34s ease;transition-delay:calc(var(--i,0) * 170ms + 130ms)}\n[data-eqp] .uim-steps[data-eq-anim].eq-on .mk::after{transform:translateX(-50%) scaleY(1)}\n[data-eqp] .uim-steps[data-eq-anim] .lp{stroke-dasharray:1 1;stroke-dashoffset:1;\n  transition:stroke-dashoffset .62s cubic-bezier(.32,.06,.24,1);transition-delay:860ms}\n[data-eqp] .uim-steps[data-eq-anim] .lp2{transition-duration:.24s;transition-delay:1380ms}\n[data-eqp] .uim-steps[data-eq-anim].eq-on .lp{stroke-dashoffset:0}\n[data-eqp] .uim-steps[data-eq-anim] .uim-loop .lb{opacity:0;\n  transition:opacity .42s ease;transition-delay:1560ms}\n[data-eqp] .uim-steps[data-eq-anim].eq-on .uim-loop .lb{opacity:1}\n\n@media(prefers-reduced-motion:reduce){\n  [data-eqp] .uim-mx[data-eq-anim] .ax,\n  [data-eqp] .uim-mx[data-eq-anim] .uim-cell,\n  [data-eqp] .uim-mx[data-eq-anim] .uim-cell .fl,\n  [data-eqp] .uim-steps[data-eq-anim] .no,\n  [data-eqp] .uim-steps[data-eq-anim] .mk::after,\n  [data-eqp] .uim-steps[data-eq-anim] .lp,\n  [data-eqp] .uim-steps[data-eq-anim] .uim-loop .lb{transition:none!important}\n}\n\n\/* transition:none is load bearing and not tidiness. Applying the print sheet\n   CHANGES these properties, which starts a transition, which paints the value\n   it had reached at snapshot time, which is the start value. Without this line\n   the printed figure is an empty grid. Learned the hard way on dopamine. *\/\n@media print{\n  [data-eqp] .uim-mx[data-eq-anim] .ax,\n  [data-eqp] .uim-mx[data-eq-anim] .uim-cell,\n  [data-eqp] .uim-mx[data-eq-anim] .uim-cell .fl,\n  [data-eqp] .uim-steps[data-eq-anim] .no,\n  [data-eqp] .uim-steps[data-eq-anim] .uim-loop .lb{transition:none!important;\n    opacity:1!important;transform:none!important}\n  [data-eqp] .uim-steps[data-eq-anim] .mk::after{transition:none!important;\n    transform:translateX(-50%) scaleY(1)!important}\n  [data-eqp] .uim-steps[data-eq-anim] .lp{transition:none!important;\n    stroke-dashoffset:0!important}\n}\n<\/style><div id=\"eqp-rail\" aria-hidden=\"true\"><i><\/i><\/div><nav id=\"eqp-parts\" aria-hidden=\"true\"><a href=\"#part-1\" data-i=\"1\" tabindex=\"-1\"><span class=\"dot\"><\/span><span class=\"lbl\">What the matrix actually is<\/span><\/a><a href=\"#part-2\" data-i=\"2\" tabindex=\"-1\"><span class=\"dot\"><\/span><span class=\"lbl\">The four quadrants<\/span><\/a><a href=\"#part-3\" data-i=\"3\" tabindex=\"-1\"><span class=\"dot\"><\/span><span class=\"lbl\">Putting it to work<\/span><\/a><\/nav><button id=\"eqp-top\" type=\"button\" aria-label=\"Back to the top of the article\"><svg viewBox=\"0 0 12 12\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6 10.5V2M2 5.5 6 1.5l4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Top<\/button><script>(function(){document.documentElement.setAttribute(\"data-eqp\",\"on\");function init(){var RM=false;if(window.matchMedia){RM=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;}var bar=document.querySelector(\"#eqp-rail i\");var hasST=false;if(window.CSS){if(CSS.supports){hasST=CSS.supports(\"animation-timeline\",\"scroll()\");}}if(bar){if(!hasST){  var tick=function(){    var h=document.documentElement.scrollHeight-window.innerHeight;    var p=h>0?window.scrollY\/h:0;    if(p<0)p=0; if(p>1)p=1;    bar.style.transform=\"scaleX(\"+p+\")\";  };  addEventListener(\"scroll\",tick,{passive:true});addEventListener(\"resize\",tick);tick();}}var rev=document.querySelectorAll(\".eq-rev\");if(RM||!(\"IntersectionObserver\" in window)){  Array.prototype.forEach.call(rev,function(n){n.classList.add(\"in\");});}else{  var ro=new IntersectionObserver(function(es){    es.forEach(function(e){if(e.isIntersecting){e.target.classList.add(\"in\");ro.unobserve(e.target);}});  },{rootMargin:\"0px 0px -8% 0px\",threshold:0.08});  Array.prototype.forEach.call(rev,function(n){ro.observe(n);});}var dg=document.querySelectorAll(\"[data-eq-anim]\");if(RM||!(\"IntersectionObserver\" in window)){  Array.prototype.forEach.call(dg,function(n){n.classList.add(\"eq-on\");});}else{  var go=new IntersectionObserver(function(es){    es.forEach(function(e){      if(!e.isIntersecting)return;      var vh=window.innerHeight;      var box=e.boundingClientRect;      var ok=e.intersectionRatio>=0.45;      if(box.height>vh*0.6){ok=box.top<vh*0.7;}      if(!ok)return;      e.target.classList.add(\"eq-on\");      go.unobserve(e.target);    });  },{threshold:[0.15,0.45,0.75]});  Array.prototype.forEach.call(dg,function(n){go.observe(n);});}var bands=document.querySelectorAll(\".eq-range .band\");if(RM||!(\"IntersectionObserver\" in window)){  Array.prototype.forEach.call(bands,function(n){n.classList.add(\"in\");});}else{  var bo=new IntersectionObserver(function(es){    es.forEach(function(e){      if(!e.isIntersecting)return;      var d=parseInt(e.target.getAttribute(\"data-d\")||\"0\",10);      setTimeout(function(){e.target.classList.add(\"in\");},d);      bo.unobserve(e.target);    });  },{threshold:0.3});  Array.prototype.forEach.call(bands,function(n){bo.observe(n);});}var links=[].slice.call(document.querySelectorAll(\"#eqp-parts a\"));var tops=links.map(function(a){return document.getElementById(a.getAttribute(\"href\").slice(1));});var btn=document.getElementById(\"eqp-top\");var last=-1;var sync=function(){  var y=window.scrollY+window.innerHeight*0.32, cur=-1;  for(var i=0;i<tops.length;i++){ if(tops[i]){ if(tops[i].offsetTop<=y) cur=i; } }  if(cur!==last){    links.forEach(function(a,i){a.classList.toggle(\"on\",i===cur);});    last=cur;  }  if(btn){    var h=document.documentElement.scrollHeight-window.innerHeight;    var far=false; if(h>0){far=window.scrollY\/h>0.35;}    btn.classList.toggle(\"on\",far);  }};addEventListener(\"scroll\",sync,{passive:true});addEventListener(\"resize\",sync);sync();if(btn)btn.addEventListener(\"click\",function(){  window.scrollTo({top:0,behavior:RM?\"auto\":\"smooth\"});});}if(document.readyState===\"loading\"){document.addEventListener(\"DOMContentLoaded\",init);}else{init();}})();<\/script>\n\n\n\n<div class=\"wp-block-group alignfull eqp has-global-padding is-layout-constrained wp-container-core-group-is-layout-69fa9525 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding:0px 22px\">\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n<div style=\"color:#665e56;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);font-style:normal;font-weight:400;margin-top:54px;margin-bottom:0\" class=\"has-link-color wp-elements-1 wp-block-post-date has-text-color has-work-sans-regular-font-family\"><time datetime=\"2024-10-14T12:01:19+02:00\">14 listopada, 2024<\/time><\/div>\n\n<div style=\"color:#665e56;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);font-style:normal;font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:0\" class=\"taxonomy-category has-link-color wp-elements-2 wp-block-post-terms has-text-color has-work-sans-regular-font-family\"><a href=\"https:\/\/equilibriumpsychotherapy.net\/hr\/category\/time\/\" rel=\"tag\">Time management<\/a><\/div>\n\n\n<h1 class=\"wp-block-heading has-text-color has-playfair-display-font-family\" id=\"top\" style=\"color:#17120f;margin-top:12px;margin-bottom:18px;font-size:clamp(24.034px, 1.502rem + ((1vw - 3.2px) * 1.814), 40px);font-style:normal;font-weight:800;line-height:1.15\">Urgent-Important Matrix<\/h1>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#4f453c;margin-top:0;margin-bottom:22px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.55\">Two questions about any task, asked in the right order: does this matter, and does it have to be now. A way to prioritize what matters when everything is shouting, and a use for the quadrant most of us keep putting off.<\/p>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#665e56;margin-top:0;margin-bottom:0;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.114), 15px);line-height:1.5\"><strong style=\"color:#9f3a21\">5 minute read<\/strong> &nbsp;&middot;&nbsp; 1,180 words<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family eq-drop wp-block-paragraph\" style=\"color:#3a2e26;margin-top:46px;margin-bottom:26px;font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.836), 22px);line-height:1.62\">Feeling overwhelmed by your to-do list? Ever catch yourself handling small, urgent tasks only to realize that the important things are getting left behind? Many of us, especially when we first start therapy, struggle with time management and stress, not knowing how to prioritize what truly matters. That\u2019s where the Urgent-Important Matrix, also known as the Eisenhower Matrix, can help.<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-dffd5825 wp-block-group-is-layout-constrained\" style=\"border-color:#e7e0d4;border-width:1.5px;border-style:solid;border-radius:22px;background-color:#fdfaf7;margin-top:56px;margin-bottom:20px;padding:40px 44px 34px\">\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#665e56;margin-top:0;margin-bottom:22px;font-size:12px;font-weight:700;letter-spacing:0.16em;line-height:1.4\">WHAT THIS ARTICLE COVERS &middot; THREE PARTS<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\">\n<div class=\"eq-toc\"><details><summary><svg class=\"chev\" viewBox=\"0 0 12 12\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 2l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"num\">PART 1<\/span><a class=\"ttl\" href=\"#part-1\">What the matrix actually is<\/a><span class=\"cnt\"><span class=\"sec\">1 section<\/span><span class=\"sep\"> &middot; <\/span>1 min<\/span><\/summary><ul><li><a href=\"#what-is-the-urgent-important-matrix\">What is the Urgent-Important Matrix?<\/a><\/li><\/ul><\/details><details><summary><svg class=\"chev\" viewBox=\"0 0 12 12\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 2l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"num\">PART 2<\/span><a class=\"ttl\" href=\"#part-2\">The four quadrants<\/a><span class=\"cnt\"><span class=\"sec\">5 sections<\/span><span class=\"sep\"> &middot; <\/span>2 min<\/span><\/summary><ul><li><a href=\"#the-four-quadrants\">The four quadrants<\/a><\/li><li><a href=\"#do-first\">Urgent and Important<\/a><\/li><li><a href=\"#plan-for-later\">Not Urgent but Important<\/a><\/li><li><a href=\"#delegate-or-minimize\">Urgent but Not Important<\/a><\/li><li><a href=\"#eliminate\">Not Urgent and Not Important<\/a><\/li><\/ul><\/details><details><summary><svg class=\"chev\" viewBox=\"0 0 12 12\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 2l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"num\">PART 3<\/span><a class=\"ttl\" href=\"#part-3\">Putting it to work<\/a><span class=\"cnt\"><span class=\"sec\">6 sections<\/span><span class=\"sep\"> &middot; <\/span>1 min<\/span><\/summary><ul><li><a href=\"#why-does-the-matrix-work\">Why does the matrix work?<\/a><\/li><li><a href=\"#how-to-use-it-in-daily-life\">How to use it in daily life<\/a><\/li><li><a href=\"#make-a-list-of-your-tasks\">Make a list of your tasks<\/a><\/li><li><a href=\"#categorize-each-task\">Categorize each task<\/a><\/li><li><a href=\"#focus-on-quadrant-2-not-urgent-but-important\">Focus on Quadrant 2 (Not Urgent but Important)<\/a><\/li><li><a href=\"#review-and-adjust\">Review and adjust<\/a><\/li><\/ul><\/details><\/div>\n<\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div style=\"margin-top:92px;margin-bottom:34px\"><div class=\"uim uim-part\"><div class=\"no\">01<\/div><div class=\"tx\"><p class=\"lb\">Part one of three<\/p><h2 id=\"part-1\">What the matrix actually is<\/h2><p class=\"sb\">A tool for asking two questions about a task, in the right order<\/p><\/div><\/div><\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n\n<h3 class=\"wp-block-heading has-text-color has-work-sans-regular-font-family\" id=\"what-is-the-urgent-important-matrix\" style=\"color:#3d2a20;margin-top:80px;margin-bottom:20px;font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 0.989), 25px);font-style:normal;font-weight:700;line-height:1.28\">What is the Urgent-Important Matrix?<\/h3>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:0;margin-bottom:26px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">Named after U.S. President Dwight D. Eisenhower, who was renowned for his decision-making skills, this matrix is a simple tool designed to help you <strong class=\"eqb\">prioritize your tasks based on their urgency and importance<\/strong>. It breaks tasks down into four clear categories, allowing you to focus on what matters most and let go of unnecessary distractions.<\/p>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:0;margin-bottom:26px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">This tool goes by different names, including the Eisenhower Box, the Priority Matrix and the Time Management Matrix. Despite the different titles, the purpose remains the same: helping you reduce stress and regain control of your time by identifying what really needs your attention.<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div class=\"eq-rev\" style=\"margin-top:54px;margin-bottom:54px\"><figure class=\"uim uim-fig\"><div class=\"uim-mx\" data-eq-anim><div class=\"ax corner\"><\/div><div class=\"ax col\" style=\"--i:1\">Urgent<\/div><div class=\"ax col\" style=\"--i:2\">Not urgent<\/div><div class=\"ax row\" style=\"--i:3\">Important<\/div><div class=\"uim-cell imp urg\" style=\"--i:4;--j:0\"><p class=\"n\">1<\/p><p class=\"vb\">Do First<\/p><p class=\"nm\">Urgent and Important<\/p><\/div><div class=\"uim-cell imp cool\" style=\"--i:5;--j:1\"><p class=\"n\">2<\/p><p class=\"vb\">Plan for Later<\/p><p class=\"nm\">Not Urgent but Important<\/p><p class=\"fl\" style=\"color:#9f3a21\"><b><\/b>Focus here<\/p><\/div><div class=\"ax row\" style=\"--i:6\">Not important<\/div><div class=\"uim-cell non urg\" style=\"--i:7;--j:2\"><p class=\"n\">3<\/p><p class=\"vb\">Delegate or Minimize<\/p><p class=\"nm\">Urgent but Not Important<\/p><\/div><div class=\"uim-cell non cool\" style=\"--i:8;--j:3\"><p class=\"n\">4<\/p><p class=\"vb\">Eliminate<\/p><p class=\"nm\">Not Urgent and Not Important<\/p><\/div><\/div><figcaption>Two questions, asked in that order: does this matter, and does it have to be now. Color answers the first, a filled cell answers the second. The article&rsquo;s own advice is that quadrant two &#45; the colored one with no urgency in it &#45; is where lasting change actually comes from, which is why it is marked.<\/figcaption><\/figure><\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div style=\"margin-top:92px;margin-bottom:34px\"><div class=\"uim uim-part\"><div class=\"no\">02<\/div><div class=\"tx\"><p class=\"lb\">Part two of three<\/p><h2 id=\"part-2\">The four quadrants<\/h2><p class=\"sb\">Every combination of the two questions, each with an example and a day it turns up in<\/p><\/div><\/div><\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n\n<h3 class=\"wp-block-heading has-text-color has-work-sans-regular-font-family\" id=\"the-four-quadrants\" style=\"color:#3d2a20;margin-top:80px;margin-bottom:20px;font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 0.989), 25px);font-style:normal;font-weight:700;line-height:1.28\">The four quadrants<\/h3>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:0;margin-bottom:14px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">The Urgent-Important Matrix divides your tasks into four categories, or \u201cquadrants,\u201d based on how urgent and important they are. Let\u2019s break it down:<\/p>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:0;margin-bottom:0;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">Let\u2019s say you\u2019re balancing work, therapy, and personal life. Here\u2019s how you might organize your tasks using the Matrix:<\/p>\n\n\n\n<div class=\"eq-rev\" style=\"margin-top:40px;margin-bottom:0px\"><div class=\"uim uim-card imp\"><div class=\"hd\"><div class=\"no\">1<\/div><div class=\"tx\"><h3 id=\"do-first\">Do First<\/h3><p class=\"nm\">Urgent and Important<\/p><\/div><\/div><p class=\"bd\">These tasks require your immediate attention and have serious consequences if delayed. Think of them as crises or essential deadlines that directly impact your well-being or progress.<\/p><div class=\"ex\"><p class=\"lb\">For example<\/p><p>A medical emergency, submitting an urgent work report, or preparing for an important meeting.<\/p><\/div><div class=\"day\"><p class=\"lb\">In one day<\/p><p>You have a deadline to complete a project for work, and your therapist has recommended daily mindfulness practice to manage stress. Both are critical, but the work deadline is urgent and needs to be done today.<\/p><\/div><\/div><\/div>\n\n\n\n<div class=\"eq-rev\" style=\"margin-top:34px;margin-bottom:0px\"><div class=\"uim uim-card imp\"><div class=\"hd\"><div class=\"no\">2<\/div><div class=\"tx\"><h3 id=\"plan-for-later\">Plan for Later<\/h3><p class=\"nm\">Not Urgent but Important<\/p><\/div><\/div><p class=\"bd\">These tasks contribute to your long-term goals and personal growth. They\u2019re important but not time-sensitive, which is why they\u2019re often postponed. However, <strong class=\"eqb\">if ignored for too long, they can become urgent<\/strong>.<\/p><div class=\"ex\"><p class=\"lb\">For example<\/p><p>Regular exercise, planning your career development, therapy homework, or scheduling self-care activities.<\/p><\/div><div class=\"day\"><p class=\"lb\">In one day<\/p><p>You know you should schedule that annual doctor\u2019s appointment, but it doesn\u2019t need to happen today. This also includes working on therapy homework or creating a self-care routine &#45; important for your well-being, but easy to delay.<\/p><\/div><\/div><\/div>\n\n\n\n<div class=\"eq-rev\" style=\"margin-top:34px;margin-bottom:0px\"><div class=\"uim uim-card non\"><div class=\"hd\"><div class=\"no\">3<\/div><div class=\"tx\"><h3 id=\"delegate-or-minimize\">Delegate or Minimize<\/h3><p class=\"nm\">Urgent but Not Important<\/p><\/div><\/div><p class=\"bd\">These tasks <a href=\"\/boundaries-boundaries-boundaries\/\" style=\"color:#9f3a21;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:#9f3a21\">demand your attention<\/a> but don\u2019t directly contribute to your personal goals. They can often be delegated or minimized so you can focus on more important things.<\/p><div class=\"ex\"><p class=\"lb\">For example<\/p><p>Responding to non-essential emails, attending meetings that don\u2019t require your input, or handling minor interruptions at work.<\/p><\/div><div class=\"day\"><p class=\"lb\">In one day<\/p><p>Your phone buzzes with a group chat notification about dinner plans. This feels urgent, but it\u2019s not critical to your goals. Responding can wait, or you could ask someone else to coordinate the plans.<\/p><\/div><\/div><\/div>\n\n\n\n<div class=\"eq-rev\" style=\"margin-top:34px;margin-bottom:0px\"><div class=\"uim uim-card non\"><div class=\"hd\"><div class=\"no\">4<\/div><div class=\"tx\"><h3 id=\"eliminate\">Eliminate<\/h3><p class=\"nm\">Not Urgent and Not Important<\/p><\/div><\/div><p class=\"bd\">These are distractions that don\u2019t add value to your life or goals. They waste time and energy and can easily be eliminated or minimized.<\/p><div class=\"ex\"><p class=\"lb\">For example<\/p><p>Scrolling through social media mindlessly, binge-watching TV shows, or procrastinating on tasks by doing less important activities.<\/p><\/div><div class=\"day\"><p class=\"lb\">In one day<\/p><p>You find yourself watching videos on social media that aren\u2019t adding any value to your day. It might feel relaxing, but after an hour, you realize it\u2019s taking time away from more meaningful tasks.<\/p><\/div><\/div><\/div>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:40px;margin-bottom:26px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">By using the Matrix, you can clearly see where your time and energy are being spent and make conscious decisions about what needs your attention. Over time, this approach helps you build healthier habits and gives you more control over your day.<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div style=\"margin-top:92px;margin-bottom:34px\"><div class=\"uim uim-part\"><div class=\"no\">03<\/div><div class=\"tx\"><p class=\"lb\">Part three of three<\/p><h2 id=\"part-3\">Putting it to work<\/h2><p class=\"sb\">Why the brain gets this wrong on its own, and four steps for doing it on purpose<\/p><\/div><\/div><\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d12c95ff wp-block-group-is-layout-constrained\">\n\n\n<h3 class=\"wp-block-heading has-text-color has-work-sans-regular-font-family\" id=\"why-does-the-matrix-work\" style=\"color:#3d2a20;margin-top:80px;margin-bottom:20px;font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 0.989), 25px);font-style:normal;font-weight:700;line-height:1.28\">Why does the matrix work?<\/h3>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:0;margin-bottom:26px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">The Urgent-Important Matrix is based on psychological principles that explain why <a href=\"\/dopamine-addiction-everyday-habits\/\" style=\"color:#9f3a21;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:#9f3a21\">we tend to prioritize urgent tasks over important ones<\/a>. This phenomenon is called \u201curgency bias\u201d &#45; <strong class=\"eqb\">our brains are hardwired to give immediate tasks more weight<\/strong>, even if they aren\u2019t as important as long-term goals.<\/p>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#17120f;margin-top:0;margin-bottom:26px;font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.786), 21px);line-height:1.68\">Research in cognitive psychology shows that constantly focusing on urgent tasks can lead to chronic stress and burnout, as we\u2019re always in \u201creaction mode.\u201d By consciously organizing tasks based on importance, the Matrix helps shift focus from reactive decisions to intentional, well-thought-out actions. This improves mental health, increases productivity, and reduces stress levels over time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color has-work-sans-regular-font-family\" id=\"how-to-use-it-in-daily-life\" style=\"color:#3d2a20;margin-top:80px;margin-bottom:20px;font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 0.989), 25px);font-style:normal;font-weight:700;line-height:1.28\">How to use it in daily life<\/h3>\n\n\n\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-41780cec wp-block-group-is-layout-constrained\" style=\"background-color:#fdfaf7;border-color:#e7e0d4;border-width:1.5px;border-style:solid;border-radius:18px;margin-top:34px;margin-bottom:44px;padding:34px 38px\">\n\n\n<div style=\"margin-top:0px;margin-bottom:0px\"><div class=\"uim uim-steps\" data-eq-anim><div class=\"uim-step\" style=\"--i:0\"><div class=\"mk\"><span class=\"no\">1<\/span><\/div><div class=\"tx\"><h3 id=\"make-a-list-of-your-tasks\">Make a list of your tasks<\/h3><p>Write down everything you need to get done, whether it\u2019s for work, therapy, or personal life.<\/p><\/div><\/div><div class=\"uim-step\" style=\"--i:1\"><div class=\"mk\"><span class=\"no\">2<\/span><\/div><div class=\"tx\"><h3 id=\"categorize-each-task\">Categorize each task<\/h3><p>Use the four quadrants to decide where each task belongs. Ask yourself: Is this urgent? Is it important? Can someone else handle it? Is it a distraction?<\/p><\/div><\/div><div class=\"uim-step key\" style=\"--i:2\"><div class=\"mk\"><span class=\"no\">3<\/span><\/div><div class=\"tx\"><h3 id=\"focus-on-quadrant-2-not-urgent-but-important\">Focus on Quadrant 2 (Not Urgent but Important)<\/h3><p><strong class=\"eqb\">This is where real progress happens<\/strong>. By prioritizing long-term goals, self-care, and personal growth, you can prevent future crises and create lasting change in your life.<\/p><\/div><\/div><div class=\"uim-step\" style=\"--i:3\"><div class=\"mk\"><span class=\"no\">4<\/span><\/div><div class=\"tx\"><h3 id=\"review-and-adjust\">Review and adjust<\/h3><p>Your priorities will change over time, and that\u2019s okay. Regularly review your tasks and update your matrix to stay on track.<\/p><\/div><\/div><div class=\"uim-loop\"><svg viewBox=\"0 0 36 48\" aria-hidden=\"true\" focusable=\"false\"><path class=\"lp\" pathLength=\"1\" d=\"M18 0 V26 C18 37 6 37 6 26 V14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path class=\"lp lp2\" pathLength=\"1\" d=\"M2.4 18 L6 13.4 L9.6 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><p class=\"lb\">and round again<\/p><\/div><\/div><\/div>\n\n\n\n<style>\n\/* ---- put your own tasks in it ----\n   Reuses .uim-mx, .ax and .uim-cell from the static figure in part one, so the\n   grid the reader sorts into is the same object they were taught on. Only the\n   input row, the chips and the advice lines are new.\n   Each quadrant's advice is the author's own opening sentence from that\n   quadrant's section, unchanged, and it appears only once something lands in\n   the cell: the page teaches by filling rather than by listing. *\/\n.eqp .uim-try{margin:0}\n.eqp .uim-try .ask{border:1.5px solid #e7e0d4;border-radius:18px;background:#fff;\n  padding:22px 24px;margin:0 0 26px}\n.eqp .uim-try .ask .lb{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  color:#665e56;margin:0 0 10px}\n.eqp .uim-try .row{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:flex-end}\n.eqp .uim-try .ti{flex:1 1 260px;min-width:0;font-family:\"Work Sans\",sans-serif;font-size:17px;\n  padding:11px 13px;border:1.5px solid #e7e0d4;border-radius:9px;color:#17120f;background:#fff}\n.eqp .uim-try .ti:focus-visible{outline:2px solid #9f3a21;outline-offset:2px;border-color:#9f3a21}\n.eqp .uim-try fieldset{border:0;padding:0;margin:0;flex:0 0 auto}\n.eqp .uim-try legend{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;\n  color:#665e56;padding:0;margin:0 0 7px}\n.eqp .uim-try .seg{display:inline-flex;border:1.5px solid #e7e0d4;border-radius:9px;overflow:hidden}\n.eqp .uim-try .seg label{position:relative;font-size:15px;font-weight:600;color:#665e56;\n  padding:10px 16px;cursor:pointer;line-height:1.2;background:#fff;transition:background .14s ease,color .14s ease}\n.eqp .uim-try .seg label + label{border-left:1.5px solid #e7e0d4}\n.eqp .uim-try .seg input{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;margin:0;cursor:pointer}\n.eqp .uim-try .seg input:checked + span{color:#fff}\n.eqp .uim-try .seg label:has(input:checked){background:#9f3a21;color:#fff}\n.eqp .uim-try .seg label:has(input:focus-visible){outline:2px solid #9f3a21;outline-offset:2px;z-index:1}\n.eqp .uim-try .add{font-family:\"Work Sans\",sans-serif;font-size:15px;font-weight:600;cursor:pointer;\n  padding:11px 22px;border-radius:9px;border:1.5px solid #9f3a21;background:#9f3a21;color:#fff;\n  transition:background .15s ease,border-color .15s ease}\n.eqp .uim-try .add:hover{background:#7d2c19;border-color:#7d2c19}\n.eqp .uim-try .add:focus-visible{outline:2px solid #3d2a20;outline-offset:3px}\n.eqp .uim-try .note{font-size:13.5px;color:#665e56;margin:12px 0 0;min-height:1.2em}\n\n.eqp .uim-try .uim-cell{min-height:150px}\n.eqp .uim-try .tt{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}\n.eqp .uim-try .tt li{display:inline-flex;align-items:center;gap:8px;max-width:100%;\n  font-size:14.5px;line-height:1.3;padding:6px 8px 6px 11px;border-radius:8px;\n  background:rgba(255,255,255,.78);border:1.5px solid #e7e0d4;color:#17120f}\n.eqp .uim-try .uim-cell.non .tt li{background:rgba(255,255,255,.9)}\n.eqp .uim-try .tt li{touch-action:none}\n.eqp .uim-try .tt li span{overflow-wrap:anywhere;cursor:grab;border-radius:4px}\n.eqp .uim-try .tt li span:focus-visible{outline:2px solid #9f3a21;outline-offset:3px}\n.eqp .uim-try .tt li.drag{opacity:.32}\n.eqp .uim-try .uim-cell.over{box-shadow:inset 0 0 0 2px #9f3a21}\n\/* The ghost is appended to the body so it can follow the pointer across cells,\n   which puts it outside .eqp and so outside every scoped rule above. *\/\n.uim-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);\n  font-family:\"Work Sans\",sans-serif;font-size:14.5px;line-height:1.3;padding:6px 11px;\n  border-radius:8px;background:#fff;border:1.5px solid #9f3a21;color:#17120f;\n  box-shadow:0 8px 22px rgba(20,15,10,.18);max-width:230px;overflow-wrap:anywhere}\n.eqp .uim-try .tt li button{flex:0 0 auto;width:19px;height:19px;border-radius:50%;cursor:pointer;\n  border:0;background:#e7e0d4;color:#4a3f36;font-size:13px;line-height:1;padding:0;\n  display:inline-flex;align-items:center;justify-content:center}\n.eqp .uim-try .tt li button:hover{background:#9f3a21;color:#fff}\n.eqp .uim-try .tt li button:focus-visible{outline:2px solid #9f3a21;outline-offset:2px}\n.eqp .uim-try .ad{font-size:14px;line-height:1.5;color:#4a3f36;margin:11px 0 0;\n  padding:10px 0 0;border-top:1px solid rgba(0,0,0,.09)}\n.eqp .uim-try .foot{display:flex;justify-content:space-between;align-items:center;gap:16px;\n  flex-wrap:wrap;margin:20px 0 0}\n.eqp .uim-try .count{font-size:13.5px;color:#665e56;margin:0;font-variant-numeric:tabular-nums}\n.eqp .uim-try .clr{font-family:\"Work Sans\",sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;\n  padding:8px 15px;border-radius:8px;border:1.5px solid #e7e0d4;background:#fff;color:#665e56}\n.eqp .uim-try .clr:hover{border-color:#9f3a21;color:#9f3a21}\n.eqp .uim-try .clr:focus-visible{outline:2px solid #9f3a21;outline-offset:2px}\n@media(max-width:600px){\n  .eqp .uim-try .ask{padding:18px 18px}\n  .eqp .uim-try .row{gap:12px}\n  .eqp .uim-try .ti{flex:1 1 100%}\n}\n.eqp .uim-try figcaption{margin:26px 0 0;padding:15px 0 0;border-top:1px solid #e7e0d4;\n  font-size:13px;line-height:1.62;color:#665e56}\n@media print{.eqp .uim-try .ask,.eqp .uim-try .foot{display:none}}\n.eqp .uim-try .acts{display:flex;gap:10px;flex-wrap:wrap}\n.eqp .uim-try .pdf{font-family:\"Work Sans\",sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;\n  padding:8px 15px;border-radius:8px;border:1.5px solid #9f3a21;background:#fff;color:#9f3a21}\n.eqp .uim-try .pdf:hover{background:#9f3a21;color:#fff}\n.eqp .uim-try .pdf:focus-visible{outline:2px solid #3d2a20;outline-offset:2px}\n\/* The sheet is built only when the button is pressed, so it costs the page\n   nothing until then. Printing hides every other top level element rather than\n   trying to isolate the figure in place, which no theme markup would allow. *\/\n.uim-sheet{display:none}\n@media print{\nhtml.uim-printing body>*{display:none!important}\nhtml.uim-printing .uim-sheet{display:block!important;margin:0;padding:0;color:#17120f}\n.uim-sheet h1{font-family:\"Playfair Display\",Georgia,serif;font-size:25px;font-weight:800;margin:0 0 3px}\n.uim-sheet .dt{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#665e56;margin:0 0 20px}\n.uim-sheet .g{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.uim-sheet .c{border:1.5px solid #b9b1a9;border-radius:10px;padding:13px 15px;break-inside:avoid}\n.uim-sheet .c.key{border-color:#9f3a21;border-width:2px}\n.uim-sheet .c h2{font-family:\"Work Sans\",sans-serif;font-size:14.5px;font-weight:700;margin:0 0 4px}\n.uim-sheet .c .ad{font-size:11px;line-height:1.45;color:#4a3f36;margin:0 0 9px}\n.uim-sheet .c ul{margin:0;padding:0 0 0 17px;font-size:12.5px;line-height:1.65}\n.uim-sheet .c .none{font-size:11.5px;color:#8a8279;font-style:italic;margin:0}\n.uim-sheet .ft{margin:18px 0 0;font-size:10px;color:#665e56}\n}\n<\/style>\n<div class=\"eq-rev\" style=\"margin-top:44px;margin-bottom:4px\">\n<figure class=\"uim uim-try\" id=\"uim-try\" hidden>\n  <div class=\"ask\">\n    <p class=\"lb\">Try it with something of your own<\/p>\n    <div class=\"row\">\n      <input type=\"text\" class=\"ti\" id=\"uim-ti\" maxlength=\"70\" placeholder=\"Something actually on your list today\" aria-label=\"Your task\">\n      <fieldset>\n        <legend>Is it urgent?<\/legend>\n        <div class=\"seg\">\n          <label><input type=\"radio\" name=\"uim-u\" value=\"1\"><span>yes<\/span><\/label>\n          <label><input type=\"radio\" name=\"uim-u\" value=\"0\" checked><span>no<\/span><\/label>\n        <\/div>\n      <\/fieldset>\n      <fieldset>\n        <legend>Is it important?<\/legend>\n        <div class=\"seg\">\n          <label><input type=\"radio\" name=\"uim-i\" value=\"1\" checked><span>yes<\/span><\/label>\n          <label><input type=\"radio\" name=\"uim-i\" value=\"0\"><span>no<\/span><\/label>\n        <\/div>\n      <\/fieldset>\n      <button type=\"button\" class=\"add\" id=\"uim-add\">Place it<\/button>\n    <\/div>\n    <p class=\"note\" id=\"uim-note\" role=\"status\" aria-live=\"polite\"><\/p>\n  <\/div>\n\n  <div class=\"uim-mx\">\n    <div class=\"ax corner\"><\/div>\n    <div class=\"ax col\">Urgent<\/div>\n    <div class=\"ax col\">Not urgent<\/div>\n    <div class=\"ax row\">Important<\/div>\n    <div class=\"uim-cell imp urg\" data-q=\"1\">\n      <p class=\"n\">1<\/p><p class=\"vb\">Do First<\/p>\n      <ul class=\"tt\" data-list=\"1\" aria-label=\"Tasks in Do First\"><\/ul>\n      <p class=\"ad\" hidden>These tasks require your immediate attention and have serious consequences if delayed.<\/p>\n    <\/div>\n    <div class=\"uim-cell imp cool\" data-q=\"2\">\n      <p class=\"n\">2<\/p><p class=\"vb\">Plan for Later<\/p>\n      <p class=\"fl\" style=\"color:#9f3a21\"><b><\/b>Focus here<\/p>\n      <ul class=\"tt\" data-list=\"2\" aria-label=\"Tasks in Plan for Later\"><\/ul>\n      <p class=\"ad\" hidden>These tasks contribute to your long-term goals and personal growth.<\/p>\n    <\/div>\n    <div class=\"ax row\">Not important<\/div>\n    <div class=\"uim-cell non urg\" data-q=\"3\">\n      <p class=\"n\">3<\/p><p class=\"vb\">Delegate or Minimize<\/p>\n      <ul class=\"tt\" data-list=\"3\" aria-label=\"Tasks in Delegate or Minimize\"><\/ul>\n      <p class=\"ad\" hidden>These tasks demand your attention but don&rsquo;t directly contribute to your personal goals.<\/p>\n    <\/div>\n    <div class=\"uim-cell non cool\" data-q=\"4\">\n      <p class=\"n\">4<\/p><p class=\"vb\">Eliminate<\/p>\n      <ul class=\"tt\" data-list=\"4\" aria-label=\"Tasks in Eliminate\"><\/ul>\n      <p class=\"ad\" hidden>These are distractions that don&rsquo;t add value to your life or goals.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"foot\">\n    <p class=\"count\" id=\"uim-count\">Nothing placed yet.<\/p>\n    <div class=\"acts\"><button type=\"button\" class=\"pdf\" id=\"uim-pdf\" hidden>Save as PDF<\/button><button type=\"button\" class=\"clr\" id=\"uim-clr\" hidden>Clear them all<\/button><\/div>\n  <\/div>\n\n  <figcaption>Four or five things is enough to see the shape of a day. Most people find quadrant one fills first and quadrant two stays empty, which is the whole argument of this article in one picture. What you put here stays in your own browser and is never sent anywhere.<\/figcaption>\n<\/figure>\n<\/div>\n<script>\n(function(){\n  var root=document.getElementById('uim-try');\n  if(!root){return;}\n  var KEY='eqp-uim-2421';\n  var ti=document.getElementById('uim-ti');\n  var addBtn=document.getElementById('uim-add');\n  var clrBtn=document.getElementById('uim-clr');\n  var pdfBtn=document.getElementById('uim-pdf');\n  var note=document.getElementById('uim-note');\n  var count=document.getElementById('uim-count');\n  var items=[];\n\n  function save(){ try{ localStorage.setItem(KEY,JSON.stringify(items)); }catch(e){} }\n  function load(){\n    try{\n      var raw=localStorage.getItem(KEY);\n      if(raw){ var o=JSON.parse(raw); if(o){ if(o.length){ items=o; } } }\n    }catch(e){}\n  }\n  function quadOf(u,i){\n    if(i===1){ if(u===1){ return 1; } return 2; }\n    if(u===1){ return 3; }\n    return 4;\n  }\n  function nameOf(q){\n    if(q===1){ return 'Do First'; }\n    if(q===2){ return 'Plan for Later'; }\n    if(q===3){ return 'Delegate or Minimize'; }\n    return 'Eliminate';\n  }\n  function render(){\n    for(var q=1;q<=4;q++){\n      var ul=root.querySelector('[data-list=\"'+q+'\"]');\n      ul.textContent='';\n      var n=0;\n      for(var k=0;k<items.length;k++){\n        var it=items[k];\n        if(quadOf(it.u,it.i)!==q){ continue; }\n        n++;\n        var li=document.createElement('li');\n        li.dataset.k=String(k);\n        var sp=document.createElement('span');\n        sp.tabIndex=0;\n        sp.setAttribute('role','button');\n        sp.title='Drag it to another quadrant';\n        sp.setAttribute('aria-label',it.t+', in '+nameOf(q)+'. Drag it, or use the arrow keys, to move it.');\n        sp.textContent=it.t;                       \/* never innerHTML: the text is the reader's *\/\n        var b=document.createElement('button');\n        b.type='button';\n        b.textContent='\u00d7';\n        b.setAttribute('aria-label','Remove '+it.t);\n        b.dataset.k=String(k);\n        li.appendChild(sp); li.appendChild(b);\n        ul.appendChild(li);\n      }\n      var ad=ul.parentNode.querySelector('.ad');\n      ad.hidden = n===0;\n    }\n    var total=items.length;\n    if(total===0){ count.textContent='Nothing placed yet.'; }\n    else if(total===1){ count.textContent='1 task placed.'; }\n    else{ count.textContent=total+' tasks placed.'; }\n    clrBtn.hidden = total===0;\n    pdfBtn.hidden = total===0;\n  }\n  function picked(nm){\n    var el=root.querySelector('input[name=\"'+nm+'\"]:checked');\n    if(!el){ return 0; }\n    return parseInt(el.value,10);\n  }\n  function add(){\n    var t=ti.value.replace(\/\\s+\/g,' ').trim();\n    if(!t){ note.textContent='Write the task first.'; ti.focus(); return; }\n    var u=picked('uim-u'), i=picked('uim-i');\n    var q=quadOf(u,i);\n    items.push({t:t,u:u,i:i});\n    save(); render();\n    var msg=t+' went to quadrant '+q+', '+nameOf(q)+'.';\n    if(items.length===1){ msg=msg+' Drag it if it belongs somewhere else.'; }\n    note.textContent=msg;\n    ti.value=''; ti.focus();\n  }\n  addBtn.addEventListener('click',add);\n  ti.addEventListener('keydown',function(e){ if(e.key==='Enter'){ e.preventDefault(); add(); } });\n  root.addEventListener('click',function(e){\n    var b=e.target.closest('.tt button');\n    if(!b){ return; }\n    var k=parseInt(b.dataset.k,10);\n    if(isNaN(k)){ return; }\n    var gone=items[k];\n    items.splice(k,1); save(); render();\n    if(gone){ note.textContent='Removed '+gone.t+'.'; }\n  });\n  clrBtn.addEventListener('click',function(){\n    items=[]; save(); render(); note.textContent='Cleared.'; ti.focus();\n  });\n\n\n\n  \/* Moving a task is the same edit as placing one, so a drag only rewrites the\n     item's two answers and lets render() decide where it lands. Pointer events\n     rather than HTML5 drag and drop, because the latter does nothing at all on\n     a touch screen. The arrow keys do the same job without a pointer: the grid\n     is a pair of yes\/no axes, so left is urgent, up is important. *\/\n  var drag=null;\n  function setQ(k,u,i){\n    var it=items[k];\n    if(!it){ return; }\n    if(it.u===u){ if(it.i===i){ return; } }\n    it.u=u; it.i=i;\n    save(); render();\n    var q=quadOf(u,i);\n    note.textContent=it.t+' moved to quadrant '+q+', '+nameOf(q)+'.';\n    var back=root.querySelector('.tt li[data-k=\"'+k+'\"] span');\n    if(back){ back.focus(); }\n  }\n  function cellUnder(x,y){\n    var el=document.elementFromPoint(x,y);\n    if(!el){ return null; }\n    return el.closest('.uim-try .uim-cell');\n  }\n  function clearOver(){\n    var cs=root.querySelectorAll('.uim-cell.over');\n    for(var z=0;z<cs.length;z++){ cs[z].classList.remove('over'); }\n  }\n  function dropAt(k,q){\n    if(q===1){ setQ(k,1,1); }\n    if(q===2){ setQ(k,0,1); }\n    if(q===3){ setQ(k,1,0); }\n    if(q===4){ setQ(k,0,0); }\n  }\n  root.addEventListener('pointerdown',function(e){\n    if(e.button){ return; }\n    var li=e.target.closest('.tt li');\n    if(!li){ return; }\n    if(e.target.closest('button')){ return; }\n    var k=parseInt(li.dataset.k,10);\n    if(isNaN(k)){ return; }\n    drag={k:k,li:li,x:e.clientX,y:e.clientY,on:false,g:null};\n    try{ li.setPointerCapture(e.pointerId); }catch(err){}\n  });\n  root.addEventListener('pointermove',function(e){\n    if(!drag){ return; }\n    if(!drag.on){\n      if(Math.abs(e.clientX-drag.x)+Math.abs(e.clientY-drag.y)<7){ return; }\n      drag.on=true;\n      drag.li.classList.add('drag');\n      var g=document.createElement('div');\n      g.className='uim-ghost';\n      g.textContent= items[drag.k]? items[drag.k].t : '';\n      document.body.appendChild(g);\n      drag.g=g;\n    }\n    drag.g.style.left=e.clientX+'px';\n    drag.g.style.top=e.clientY+'px';\n    clearOver();\n    var c=cellUnder(e.clientX,e.clientY);\n    if(c){ c.classList.add('over'); }\n  });\n  function endDrag(e){\n    if(!drag){ return; }\n    var d=drag;\n    drag=null;\n    if(d.g){ if(d.g.parentNode){ d.g.parentNode.removeChild(d.g); } }\n    d.li.classList.remove('drag');\n    clearOver();\n    if(!d.on){ return; }\n    var c=cellUnder(e.clientX,e.clientY);\n    if(!c){ return; }\n    var q=parseInt(c.dataset.q,10);\n    if(isNaN(q)){ return; }\n    dropAt(d.k,q);\n  }\n  root.addEventListener('pointerup',endDrag);\n  root.addEventListener('pointercancel',endDrag);\n  root.addEventListener('keydown',function(e){\n    var li=e.target.closest('.tt li');\n    if(!li){ return; }\n    var k=parseInt(li.dataset.k,10);\n    if(isNaN(k)){ return; }\n    var it=items[k];\n    if(!it){ return; }\n    var u=it.u, i=it.i, hit=true;\n    if(e.key==='ArrowLeft'){ u=1; }\n    else if(e.key==='ArrowRight'){ u=0; }\n    else if(e.key==='ArrowUp'){ i=1; }\n    else if(e.key==='ArrowDown'){ i=0; }\n    else{ hit=false; }\n    if(!hit){ return; }\n    e.preventDefault();\n    setQ(k,u,i);\n  });\n\n  \/* Built fresh each time, from the same items array the grid renders from, so\n     the printout can never disagree with what is on screen. *\/\n  function sheet(){\n    var d=document.createElement('div');\n    d.className='uim-sheet';\n    var h=document.createElement('h1');\n    h.textContent='My matrix';\n    d.appendChild(h);\n    var dt=document.createElement('p');\n    dt.className='dt';\n    try{ dt.textContent=new Date().toLocaleDateString(undefined,{year:'numeric',month:'long',day:'numeric'}); }\n    catch(e){ dt.textContent=''; }\n    d.appendChild(dt);\n    var g=document.createElement('div');\n    g.className='g';\n    for(var q=1;q<=4;q++){\n      var cell=document.createElement('div');\n      cell.className = q===2? 'c key' : 'c';\n      var h2=document.createElement('h2');\n      h2.textContent=q+'. '+nameOf(q);\n      cell.appendChild(h2);\n      var src=root.querySelector('[data-q=\"'+q+'\"] .ad');\n      var ad=document.createElement('p');\n      ad.className='ad';\n      if(src){ ad.textContent=src.textContent; }\n      cell.appendChild(ad);\n      var list=[];\n      for(var k=0;k<items.length;k++){\n        if(quadOf(items[k].u,items[k].i)===q){ list.push(items[k].t); }\n      }\n      if(list.length){\n        var ul=document.createElement('ul');\n        for(var m=0;m<list.length;m++){\n          var li=document.createElement('li');\n          li.textContent=list[m];\n          ul.appendChild(li);\n        }\n        cell.appendChild(ul);\n      }\n      else{\n        var none=document.createElement('p');\n        none.className='none';\n        none.textContent='Nothing here.';\n        cell.appendChild(none);\n      }\n      g.appendChild(cell);\n    }\n    d.appendChild(g);\n    var ft=document.createElement('p');\n    ft.className='ft';\n    ft.textContent='equilibriumpsychotherapy.net';\n    d.appendChild(ft);\n    return d;\n  }\n  pdfBtn.addEventListener('click',function(){\n    var d=sheet();\n    document.body.appendChild(d);\n    document.documentElement.classList.add('uim-printing');\n    var cleaned=false;\n    function done(){\n      if(cleaned){ return; }\n      cleaned=true;\n      document.documentElement.classList.remove('uim-printing');\n      if(d.parentNode){ d.parentNode.removeChild(d); }\n      window.removeEventListener('afterprint',done);\n    }\n    window.addEventListener('afterprint',done);\n    setTimeout(function(){ window.print(); },40);\n    setTimeout(done,120000);\n  });\n\n  load();\n  root.hidden=false;\n  render();\n})();\n<\/script>\n\n\n\n<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-3d4bbb86 wp-block-group-is-layout-constrained\" style=\"background-color:#f9f2e0;border-color:#ecdfc2;border-width:1.5px;border-style:solid;border-radius:18px;margin-top:20px;margin-bottom:44px;padding:30px 34px\">\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#665e56;margin-top:0;margin-bottom:13px;font-size:12px;font-weight:700;letter-spacing:0.16em;line-height:1.4\">FURTHER READING<\/p>\n\n\n\n<ol class=\"wp-block-list has-text-color has-work-sans-regular-font-family\" style=\"color:#544a41;margin-top:0;margin-bottom:0;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);line-height:1.7\">\n<li>Covey, S. R. (1989). The 7 Habits of Highly Effective People. Free Press.<\/li>\n\n\n\n<li><a href=\"https:\/\/doi.org\/10.1093\/jcr\/ucy008\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#ebc3b9\">Zhu, M., Yang, Y., &amp; Hsee, C. K. (2018). The mere urgency effect. Journal of Consumer Research.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/doi.org\/10.1145\/1357054.1357072\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#ebc3b9\">Mark, G., Gudith, D., &amp; Klocke, U. (2008). The cost of interrupted work: more speed and stress. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 107-110.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/doi.org\/10.1037\/0003-066x.54.7.493\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#ebc3b9\">Gollwitzer, P. M. (1999). Implementation intentions: strong effects of simple plans. American Psychologist, 54(7), 493-503.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/doi.org\/10.1037\/0033-2909.133.1.65\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#ebc3b9\">Steel, P. (2007). The nature of procrastination: a meta-analytic and theoretical review of quintessential self-regulatory failure. Psychological Bulletin, 133(1), 65-94.<\/a><\/li>\n<\/ol>\n\n\n\n<p class=\"eq-lastrev\" style=\"margin:34px 0 0;font-family:&quot;Work Sans&quot;,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;line-height:1.5;color:#665e56\">Last reviewed September 2026<\/p>\n\n\n<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div class=\"eq-rev\" style=\"margin-top:0px;margin-bottom:44px\"><a class=\"uim uim-next\" href=\"\/boundaries-boundaries-boundaries\/\"><span class=\"eyb\">Read next<\/span><span class=\"ti\">Boundaries, boundaries, boundaries!<\/span><span class=\"wy\">Quadrant three is other people\u2019s urgency. This is how to say no to it.<\/span><\/a><\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2a766d4 wp-block-group-is-layout-constrained\">\n\n\n<div class=\"eq-rev\" style=\"margin-top:0px;margin-bottom:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1708\" src=\"https:\/\/equilibriumpsychotherapy.net\/wp-content\/uploads\/2024\/06\/mid-shot-woman-therapist-taking-notes-clipboard-scaled.jpg\" alt=\"A therapist taking notes on a clipboard during a session, with the other person&#39;s hands clasped in front of them\" class=\"wp-image-230\" style=\"width:100%;height:340px;object-fit:cover;object-position:center 40%;border-radius:22px 22px 0 0;display:block\" srcset=\"https:\/\/equilibriumpsychotherapy.net\/wp-content\/uploads\/2024\/06\/mid-shot-woman-therapist-taking-notes-clipboard-scaled.jpg 2560w, https:\/\/equilibriumpsychotherapy.net\/wp-content\/uploads\/2024\/06\/mid-shot-woman-therapist-taking-notes-clipboard-300x200.jpg 300w, https:\/\/equilibriumpsychotherapy.net\/wp-content\/uploads\/2024\/06\/mid-shot-woman-therapist-taking-notes-clipboard-1024x683.jpg 1024w, https:\/\/equilibriumpsychotherapy.net\/wp-content\/uploads\/2024\/06\/mid-shot-woman-therapist-taking-notes-clipboard-768x512.jpg 768w, https:\/\/equilibriumpsychotherapy.net\/wp-content\/uploads\/2024\/06\/mid-shot-woman-therapist-taking-notes-clipboard-1536x1025.jpg 1536w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group has-background eq-ondark has-global-padding is-layout-constrained wp-container-core-group-is-layout-f761ea3b wp-block-group-is-layout-constrained\" style=\"background-color:#3d2a20;border-radius:0px 0px 22px 22px;margin-top:0;margin-bottom:80px;padding:52px\">\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#e0b9a8;margin-top:0;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:0.16em;line-height:1.4\">WORKING WITH THIS<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color has-work-sans-regular-font-family\" id=\"making-space-for-personal-growth-and-healing\" style=\"color:#ffffff;margin-top:0;margin-bottom:18px;font-size:clamp(18.434px, 1.152rem + ((1vw - 3.2px) * 1.201), 29px);font-style:normal;font-weight:700;line-height:1.28\">Making space for personal growth and healing<\/h3>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#eddfd6;margin-top:0;margin-bottom:18px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);line-height:1.7\">The Urgent-Important Matrix isn\u2019t just a tool for managing time &#45; it\u2019s a framework for making intentional choices that support your mental health, productivity, and overall well-being. For those of you just starting therapy, it\u2019s a great way to manage your daily tasks while making space for personal growth and healing.<\/p>\n\n\n\n<p class=\"has-text-color has-work-sans-regular-font-family wp-block-paragraph\" style=\"color:#eddfd6;margin-top:0;margin-bottom:38px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);line-height:1.7\">If you\u2019re feeling overwhelmed by all the demands of life, give the Urgent-Important Matrix a try. It can help you find balance, reduce stress, and ensure that you\u2019re focusing on what truly matters.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-8cc0de77 wp-block-buttons-is-layout-flex\" style=\"gap:30px\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-work-sans-regular-font-family wp-element-button\" href=\"\/individual-session\/\" style=\"border-radius:9px;color:#17120f;background-color:#f5e7cf;padding:15px 30px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.284), 16.5px);font-weight:700\">Book a session<\/a><\/div>\n\n\n\n<div class=\"wp-block-button footer_b\"><a class=\"wp-block-button__link has-text-color has-work-sans-regular-font-family wp-element-button\" href=\"\/contact\/\" style=\"border-color:#b08d7a;border-width:1.5px;border-style:solid;border-radius:9px;color:#ffffff;padding:15px 30px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.284), 16.5px);font-weight:600\">Get in touch<\/a><\/div>\n<\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Two questions about any task, asked in the right order: does this matter, and does it have to be now. The four quadrants, an example of each, and the one most of us keep putting off.<\/p>","protected":false},"author":2,"featured_media":2297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":35,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2421","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-time"],"_links":{"self":[{"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/posts\/2421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/comments?post=2421"}],"version-history":[{"count":20,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/posts\/2421\/revisions"}],"predecessor-version":[{"id":2739,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/posts\/2421\/revisions\/2739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/media\/2297"}],"wp:attachment":[{"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/media?parent=2421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/categories?post=2421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/equilibriumpsychotherapy.net\/hr\/wp-json\/wp\/v2\/tags?post=2421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}