/* BHARIT's shared editorial workspace. */
:root{
  --desk-deep:#17384b;
  --desk-mid:#296886;
  --desk-cream:#f8f5ee;
  --desk-card:#fffdf8;
  --desk-gold:#a97032;
  --desk-line:#dfd8c9;
  --desk-serif: 'Iowan Old Style',Baskerville,Georgia,'Times New Roman',serif;
  --ink:#17384b;
  --muted:#586e78;
  --brand-ink:#17384b;
}
html{scroll-behavior:smooth}
body{background:var(--desk-cream);color:var(--desk-deep);overflow-x:hidden}
body .art{position:fixed;inset:0 0 0 280px;width:calc(100% - 280px);height:100%;z-index:0;opacity:.34;background:url('/background.png') center/cover no-repeat;object-fit:cover;pointer-events:none}
body .veil{display:none}
body>.top,body>header.top,body>.workspace,body>.footer,body>footer.footer{position:relative;z-index:1}

/* A continuous identity rail anchors every tool. */
.top,body>header.top{max-width:none;min-height:86px;margin:0;padding:0 42px 0 0;display:grid;grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:0;background:rgba(255,253,249,.94);border-bottom:1px solid #e7dfd2;box-shadow:0 3px 18px #263d2c08}
.top .brand,body>header.top .brand{min-width:0;margin:0;padding:17px 25px;display:flex;align-items:center;background:linear-gradient(150deg,#102d40,#1c4d65);text-decoration:none}
.top .brand-logo,body>header.top .brand-logo{width:215px;height:50px;object-position:left center;filter:drop-shadow(0 2px 9px #060c0833)}
.top-right{align-self:center;justify-self:end;display:inline-flex;align-items:center;gap:12px;color:#7b6c50;font-size:10px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase}
.top-right::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,#aa743b,#e1c48f)}

.workspace{max-width:none;min-height:calc(100svh - 143px);margin:0;padding:0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:0}
.tools-panel,.workspace .tools-panel{position:relative;top:auto;align-self:stretch;min-height:calc(100svh - 143px);margin:0;padding:49px 22px 28px;border:0;border-radius:0;background:linear-gradient(169deg,#112f47 0%,#215a79 57%,#6f9fb4 100%);box-shadow:inset -1px 0 #d0b78144;display:flex;flex-direction:column;overflow:hidden}
.tools-panel::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:url('/sidebar-current.svg') center top/100% 100% no-repeat;opacity:.58;pointer-events:none}
.tools-panel>*{position:relative;z-index:1}
.panel-heading{padding:0 11px 22px;margin:0 0 24px;border-bottom:1px solid #e5d7b33d;color:#e7d5ae;font-size:10px;letter-spacing:2.2px}
.panel-heading span{color:#d9dccd;letter-spacing:1px}
.tool-nav{display:grid;gap:8px}
.tool-nav a{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) 12px;align-items:center;gap:9px;padding:16px 10px;border:1px solid transparent;border-radius:12px;color:#f8f5e9;transition:background .2s,border-color .2s,transform .2s}
.tool-nav a:hover{background:#fffef01b;border-color:#f8e2ac2e;transform:translateX(2px)}
.tool-nav a[aria-current="page"]{background:linear-gradient(105deg,#fffdf331,#f4e9cd16);border-color:#f6e6c64d;box-shadow:inset 3px 0 #d5a45f,0 8px 22px #101f1818}
.tool-nav a[aria-current="page"] strong{color:#fff9e8}
.tool-nav strong{font:400 21px/1.14 var(--desk-serif);letter-spacing:-.4px}
.tool-nav small{margin-top:6px;color:#e0e7d9;font-size:11px;line-height:1.35}
.nav-num,.nav-arrow{color:#e1c58d;font-size:11px}
.nav-arrow{font-size:16px}
.panel-note{margin:auto 5px 0;padding:24px 18px 21px;border:1px solid #fff7e34a;border-radius:14px;background:linear-gradient(135deg,#103951a8,#275b718c);color:#fff8e6;font:400 18px/1.35 var(--desk-serif)}
.panel-note::before{content:"A QUIETER WAY";display:block;margin-bottom:10px;color:#e5d1a2;font:700 9px/1.3 Arial,Helvetica,sans-serif;letter-spacing:2px}

/* Main surfaces borrow SVA's generous rhythm while retaining Bharat's artwork. */
.workspace>main.hub,.workspace>main.tool-main,.workspace>main.khoj-workspace{
  position:relative;isolation:isolate;min-width:0;width:auto;max-width:1180px;min-height:560px;
  margin:45px clamp(24px,4vw,66px) 55px;padding:clamp(36px,4vw,61px) clamp(32px,4.3vw,67px);
  border:1px solid #e2dac9;border-radius:25px;
  background:radial-gradient(ellipse at 98% 5%,rgba(187,219,232,.24),transparent 56%),linear-gradient(128deg,rgba(255,253,248,.95) 0%,rgba(250,249,244,.91) 54%,rgba(233,244,248,.88) 100%);
  box-shadow:0 24px 55px #20352a12,0 2px 8px #7e694612;overflow:hidden
}
.workspace>main.hub::after,.workspace>main.tool-main::before,.workspace>main.khoj-workspace::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;width:520px;height:300px;right:-90px;top:-24px;
  border:0;border-radius:0;box-shadow:none;background:url('/workspace-current.svg') center/contain no-repeat;opacity:.32
}
.workspace>main.hub::before{left:clamp(32px,4.3vw,67px);width:115px;height:3px;background:linear-gradient(90deg,#9d6428,#e1bc73)}
.workspace .hub{padding-top:clamp(44px,5vw,75px)}
.eyebrow,.tool-kicker,.section-head,.tool-number{font-size:10px;letter-spacing:2.5px;color:#926d3c}
.workspace .hub h1,.workspace .tool-title,.workspace .khoj-workspace h1{font-family:var(--desk-serif);font-weight:400;letter-spacing:-4.8px;line-height:.99;color:#17384b}
.workspace .hub h1{max-width:790px;font-size:clamp(61px,7vw,104px);margin:20px 0 23px}
.workspace .hub h1 em{display:block;color:#9a682f;font-weight:400;font-style:italic;letter-spacing:-5.5px}
.workspace .hub .intro{font-size:19px;color:#566b74;margin-bottom:38px}
.hub-search{max-width:740px;border:1px solid #d8c7a6;border-radius:17px;background:#fffefa;box-shadow:0 16px 34px #53462913;padding:8px 9px 8px 22px}
.hub-search button,.primary{border-radius:10px;min-height:51px;background:linear-gradient(135deg,#c99647,#936027 75%,#7b4e21);box-shadow:inset 0 1px #fff7e488,0 5px 12px #6b481c24;color:#fff}
.hub-search button:hover,.primary:hover{background:linear-gradient(135deg,#aa7839,#75471c)}
.search-caption{letter-spacing:.25px}
.home-cue{margin-top:80px;padding:19px 0 0;border-top:1px solid #dbcdb5;color:#60727a;font-size:13px;letter-spacing:.15px}
.home-cue::before{content:"↗";margin-right:12px;color:#aa793c;font-size:16px}
.workspace .tool-title{font-size:clamp(53px,6vw,84px);margin:0 0 18px}
.workspace .tool-main .tool-title::after{width:86px;height:2px;margin-top:22px;background:linear-gradient(90deg,#aa7230,#e6c98c)}
.workspace .tool-main .tool-lead{max-width:680px;color:#566d77;font-size:17px;line-height:1.6;margin-bottom:33px}
.workspace>main.tool-main .panel,.ready-panel,.export-panel,.edit-pane{border:1px solid #e4dac9;border-radius:15px;background:rgba(255,254,250,.94);box-shadow:0 9px 25px #4551370a}
.field input,.field select,.setting-grid input,.format-field select{border-color:#d8d0bf;background:#fffefa}
.field input:focus,.field select:focus{outline-color:#c99c5f55}
.result-box{background:#f5efe0}

.footer,body>footer.footer{max-width:none;min-height:57px;margin:0 0 0 280px;padding:19px 43px 23px;border-top:1px solid #e4daca;background:#fbf9f3;color:#6d796d;font-size:11px;letter-spacing:.3px}
.footer span:first-child{color:#8f6330}

/* Khoj retains its dedicated search flow inside the same workspace. */
body:has(.khoj-workspace)>header.top{position:relative;top:auto;left:auto;right:auto;font-size:inherit;letter-spacing:normal;text-transform:none}
body:has(.khoj-workspace) .workspace{min-height:calc(100svh - 143px);padding:0;gap:0}
.workspace>main.khoj-workspace{display:flex;align-items:center;justify-content:center}
.workspace .search-home{max-width:720px;transform:none}
.workspace .khoj-workspace h1{font-size:clamp(60px,7vw,92px);margin-bottom:16px}
.workspace .khoj-workspace .devanagari{color:#a7793e;letter-spacing:5px;font-size:18px}
.workspace .khoj-workspace .tagline{font-size:17px;color:#566d77}
.workspace .khoj-workspace form{background:#fffefa;border-color:#d8c7a6;box-shadow:0 16px 34px #53462913}
.workspace .khoj-workspace form button{background:linear-gradient(135deg,#c99647,#936027 75%,#7b4e21)}
.workspace .khoj-workspace .result{background:#fffefa;box-shadow:0 8px 24px #4551370a}
.has-results .workspace>main.khoj-workspace{align-items:flex-start}
body:has(.khoj-workspace)>footer.footer{position:relative;left:auto;right:auto;bottom:auto;min-height:57px;margin:0 0 0 280px}

@media(max-width:950px){
  .top,body>header.top{grid-template-columns:232px minmax(0,1fr)}
  .workspace{grid-template-columns:232px minmax(0,1fr)}
  .tools-panel,.workspace .tools-panel{padding:37px 13px 23px}
  .tool-nav strong{font-size:19px}
  .panel-note{font-size:16px}
  body .art{left:232px;width:calc(100% - 232px)}
  .footer,body>footer.footer,body:has(.khoj-workspace)>footer.footer{margin-left:232px}
  .workspace>main.hub,.workspace>main.tool-main,.workspace>main.khoj-workspace{margin:30px 24px 38px;padding:37px 32px}
}
@media(max-width:700px){
  .top,body>header.top{min-height:74px;display:flex;justify-content:space-between;padding:0 19px;background:linear-gradient(150deg,#102d40,#1c4d65);border-bottom-color:#e0c98a40}
  .top .brand,body>header.top .brand{padding:10px 0;background:none}
  .top .brand-logo,body>header.top .brand-logo{width:190px;height:43px}
  .top-right{display:none}
  .workspace,body:has(.khoj-workspace) .workspace{display:flex;flex-direction:column;gap:0;min-height:calc(100svh - 130px);padding:0}
  .tools-panel,.workspace .tools-panel{position:relative;min-height:0;align-self:stretch;overflow:visible;padding:12px 16px 14px;background:linear-gradient(110deg,#1b4e6a,#4b8eab)}
  .tools-panel::before,.panel-heading,.panel-note{display:none}
  .tool-nav{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 5px;scrollbar-width:thin}
  .tool-nav a{flex:0 0 153px;display:block;min-height:66px;padding:10px 12px;scroll-snap-align:start;border-color:#fff6df20;background:#fffef011}
  .tool-nav a[aria-current="page"]{box-shadow:inset 0 2px #e7bb72}
  .tool-nav strong{font-size:17px;white-space:nowrap}
  .tool-nav small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-num,.nav-arrow{display:none}
  body .art{inset:74px 0 0;width:100%;height:calc(100% - 74px);opacity:.28}
  .workspace>main.hub,.workspace>main.tool-main,.workspace>main.khoj-workspace{width:auto;min-height:0;margin:16px 16px 30px;padding:35px 24px 43px;border-radius:20px}
  .workspace>main.hub::after,.workspace>main.tool-main::before,.workspace>main.khoj-workspace::before{opacity:.17}
  .workspace .hub{padding-top:43px}
  .workspace .hub h1{font-size:clamp(55px,11vw,76px);letter-spacing:-3.5px}
  .workspace .hub h1 em{letter-spacing:-3.5px}
  .workspace .hub .intro{font-size:16px}
  .home-cue{margin-top:55px}
  .workspace .tool-title{font-size:clamp(50px,10vw,68px);letter-spacing:-3px}
  .workspace>main.khoj-workspace{padding:56px 22px}
  .workspace .khoj-workspace h1{font-size:clamp(52px,11vw,72px);letter-spacing:-3px}
  .footer,body>footer.footer,body:has(.khoj-workspace)>footer.footer{margin:0;min-height:56px;padding:18px 22px 25px;flex-wrap:wrap;gap:8px}
}
@media(max-width:400px){
  .workspace>main.hub,.workspace>main.tool-main,.workspace>main.khoj-workspace{margin:13px 11px 25px;padding:31px 20px 38px}
  .hub-search{gap:8px;padding-left:13px}
  .hub-search button{padding:12px 14px}
  .workspace .hub h1{font-size:53px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-nav a{transition:none}}
.tool-search{position:relative;display:flex;align-items:center;margin:0 8px 18px}.tool-search input{width:100%;height:43px;padding:10px 35px 10px 13px;border:1px solid #d5c39a78;border-radius:10px;background:#fffdf126;color:#fffaf0;font-size:14px;outline:none}.tool-search input::placeholder{color:#ebebdb}.tool-search input:focus{border-color:#eed6a3;box-shadow:0 0 0 3px #e6b46535}.tool-search>span:last-child{position:absolute;right:12px;color:#f1d49e;font-size:23px;pointer-events:none}.tool-search-empty{margin:0 10px 18px;color:#fff8e5;font-size:13px}.tool-nav a[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.tool-search{margin:5px 0 12px}.tool-search input{height:39px}}