/* Approved MODERA wood panel. Real links/text; artwork from the owner's reference.
   Preserve banner aspect ratio and readable labels instead of stretching five rows. */
:root {
  --mr-ink:#291506; --mr-wood-deep:#43250e; --mr-base:#e9d5b3;
  --mr-wood-img:url('assets/brand/wood-grain.svg');
  --mr-pad:clamp(7px,1.7vw,16px); --mr-gap:clamp(5px,1.2vw,12px);
  --mr-header:0px; --mr-dock:0px;
}
html,html[data-mr-theme],body {
  margin:0!important;padding:0!important;
  background:#faf7ef!important;color:var(--mr-ink);
  height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;
}
html body #mainApp.app,html body #mainApp {
  container-type:inline-size;container-name:modera;
  display:block!important;position:relative!important;
  width:calc(100% - 12px)!important;max-width:980px!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:8px auto!important;padding:0!important;box-sizing:border-box!important;
  color:var(--mr-ink)!important;
  background-color:var(--mr-base)!important;
  background-image:linear-gradient(100deg,#fff5df33,transparent 35%,#b88a4330),var(--mr-wood-img)!important;
  background-size:auto,100% 240px!important;
  border:1px solid #b99a70!important;border-radius:clamp(19px,4.5vw,45px)!important;
  box-shadow:inset 0 0 0 2px #fff4dd,inset 0 0 0 5px #d5b78a,0 2px 3px #6d431527!important;
  overflow:visible!important;
}
html body #mainApp>.screen:not(.active){display:none!important}
html body #mainApp>header.top {
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  display:block!important;width:100%!important;max-width:none!important;
  height:auto!important;min-height:0!important;margin:0!important;
  padding:clamp(10px,2.8vw,28px) var(--mr-pad) 0!important;
  box-sizing:border-box!important;background:transparent!important;border:0!important;
  box-shadow:none!important;overflow:visible!important;z-index:5!important;
}
html body #mainApp>header.top .head {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:6px!important;height:auto!important;min-height:0!important;
  margin:0 0 clamp(8px,2vw,20px)!important;padding:0!important;
}
html body #mainApp>header.top .brandWrap{display:flex!important;align-items:center!important;gap:clamp(6px,1.5vw,15px)!important;min-width:0!important;flex:1 1 auto!important}
html body #mainApp>header.top .brandWrap>div{min-width:0}
html body #mainApp>header.top .logo,html body #mainApp>header.top .mr-logo-mark {
  display:block!important;width:9cqw!important;height:9.5cqw!important;min-width:32px!important;
  flex:0 0 9cqw!important;max-width:91px!important;max-height:96px!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;object-fit:contain!important;
}
html body #mainApp>header.top .head .brand {
  color:#25130a!important;font:850 clamp(16px,4.25cqw,42px)/1.02 Arial,system-ui,sans-serif!important;
  letter-spacing:.035em!important;white-space:nowrap!important;text-shadow:0 1px #fff5e1!important;
}
html body #mainApp>header.top .head .sub {
  color:#352313!important;font:650 clamp(6.5px,1.72cqw,17px)/1.3 Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;max-width:none!important;overflow:visible!important;letter-spacing:0!important;
}
html body #mainApp>header.top .right {width:auto!important;margin-left:auto!important;flex:0 0 auto!important;gap:0!important}
html body #mainApp>header.top .right>.profile,
html body #mainApp>header.top .right>.moderaQuickSettings,
html body #mainApp>header.top .right>.headerLogout,
html body #mainApp>header.top .right>#guestLoginButton {display:none!important}
html body #mainApp>header.top #moderaHeaderActions {display:flex!important;align-items:center!important;gap:1cqw!important;margin:0!important}
html body #mainApp>header.top .moderaHeaderIcon {
  display:grid!important;place-items:center!important;width:8.2cqw!important;height:9.2cqw!important;
  min-width:30px!important;min-height:34px!important;max-width:82px!important;max-height:92px!important;
  padding:0!important;border:1px solid #c4a77a!important;border-radius:2cqw!important;color:#29180d!important;
  background:linear-gradient(140deg,#fff9e9b8,transparent 50%,#b88a4340),var(--mr-wood-img)!important;
  background-size:auto,180px 180px!important;
  box-shadow:inset 1px 2px 1px #fffbea,inset -1px -2px 3px #91633255,0 2px 1px #b59060,1px 4px 5px #68421e54!important;
}
html body #mainApp>header.top .moderaHeaderIcon svg {width:4.2cqw!important;height:4.5cqw!important;max-width:42px!important;max-height:45px!important;fill:none;stroke:currentColor;stroke-width:1.7}
html body #mainApp>header.top .moderaHeaderIcon:after {display:none!important}
html body #mainApp>header.top #moderaGlobalAdHost {display:block!important;margin:0!important;padding:0!important;background:transparent!important;height:auto!important;min-height:0!important}
html body #mainApp>header.top #moderaGlobalAdHost>#adSlider[hidden] {display:none!important;height:0!important;min-height:0!important;max-height:0!important;border:0!important;padding:0!important;margin:0!important}
html body #mainApp>header.top #moderaGlobalAdHost>#adSlider:not([hidden]),
html body #mainApp>header.top #moderaGlobalAdHost>#moderaAdStandby {
  width:100%!important;height:auto!important;aspect-ratio:928/298!important;
  min-height:0!important;max-height:none!important;flex:none!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;
  border:1px solid #bd9a6f!important;border-radius:2.5cqw!important;
  background:#f7eddb!important;box-shadow:0 2px 4px #70481e4a,inset 0 1px #fff9ed!important;
}
html body #mainApp>header.top #moderaGlobalAdHost>#moderaAdStandby {display:none!important}
html body #mainApp #moderaGlobalAdHost:has(>#adSlider[hidden])>#moderaAdStandby {display:block!important}
.mr-ad-invite,.mr-ad-invite svg {display:block;width:100%;height:100%;text-decoration:none}
html body #mainApp #adSlider .adSliderViewport,html body #mainApp #adSlider .adSliderTrack,html body #mainApp #adSlider .adSlide {height:100%!important;min-height:0!important}
html body #mainApp #adSlider .adSlideMedia,html body #mainApp #adSlider .adSlide img {width:100%!important;height:100%!important;object-fit:contain!important;background:#faf3e7!important}
html body #moderaAppDock {display:none!important;height:0!important}
html body #mainApp #home.screen.active {
  display:block!important;position:relative!important;margin:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;
  padding:2cqw var(--mr-pad) 2.5cqw!important;box-sizing:border-box!important;
  background:transparent!important;border:0!important;flex:none!important;
}
#home .mr-hero,#home.screen.active>.grid,.mr-nav {display:none!important}
#home .mr-home {display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;gap:1.3cqw!important;background:transparent!important}
#home .mr-featured {display:block!important;margin:0!important;width:100%!important;height:auto!important;flex:none!important}
#home .mr-tools {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:1.3cqw!important;align-content:start!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important}
#home .mr-tool {
  position:relative!important;isolation:isolate;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;gap:0!important;
  box-sizing:border-box!important;width:100%!important;height:auto!important;min-width:0!important;min-height:58px!important;
  aspect-ratio:1.87!important;margin:0!important;padding:1.3cqw 1.2cqw!important;
  border:1px solid #c4a271!important;border-radius:3cqw!important;
  color:var(--mr-ink)!important;text-align:left!important;text-decoration:none!important;
  background-color:#eedaba!important;
  background-image:linear-gradient(135deg,#fff7e55c,transparent 48%,#b4874530),var(--mr-wood-img)!important;
  background-size:auto,300px 155px!important;
  box-shadow:inset 1px 2px 1px #fffae9,inset -1px -2px 3px #a2733b55,0 2px 1px #b48d5d,0 4px 5px #6b461e5c!important;
  transition:transform .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent;
}
#home .mr-tool:before {content:"";position:absolute;pointer-events:none;inset:3px;border:1px solid #fff4da88;border-radius:calc(3cqw - 2px);background:none!important;opacity:1!important}
#home .mr-tool:after {display:none!important}
#home .mr-tool:active,html body #mainApp>header.top .moderaHeaderIcon:active {transform:translateY(2px)!important;box-shadow:inset 0 2px 5px #70441850,0 1px 2px #70441840!important}
#home .mr-tool:focus-visible,html body .moderaHeaderIcon:focus-visible,.mr-ad-invite:focus-visible {outline:3px solid #805124;outline-offset:2px}
#home .mr-tool-wide {width:100%!important;aspect-ratio:5.85!important;height:auto!important;min-height:58px!important;padding:1cqw 4cqw!important;justify-content:flex-start!important}
#home .mr-tool-icon {display:grid!important;place-items:center!important;position:relative!important;width:9.3cqw!important;height:11cqw!important;flex:0 0 9.3cqw!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:#43250e!important}
#home .mr-tool-icon:after {content:""!important;position:absolute!important;left:auto!important;right:-1.1cqw!important;top:7%!important;bottom:7%!important;width:1px!important;background:#603c1e!important;opacity:.75!important}
#home .mr-ico {display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;filter:none!important}
#home .mr-tool-text {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;padding-left:2.5cqw!important}
#home .mr-tool-label {display:block!important;font:800 clamp(10px,2.65cqw,26px)/1.14 'Arial Narrow',Arial,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#2b180d!important;text-shadow:0 1px #fff4dd!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;hyphens:none!important}
#home [data-mr-target="cut"] .mr-tool-label {font-size:clamp(9px,2.15cqw,22px)!important;letter-spacing:-.045em!important}
#home [data-mr-target="book"] .mr-tool-label {font-size:clamp(9px,2.45cqw,25px)!important}
#home .mr-tool-wide .mr-tool-icon {width:19cqw!important;height:12cqw!important;flex-basis:19cqw!important}
#home .mr-tool-wide .mr-tool-icon:after {right:-2cqw!important;top:5%!important;bottom:5%!important}
#home .mr-tool-wide .mr-tool-text {padding-left:4cqw!important;align-items:center!important}
#home .mr-tool-wide .mr-tool-label {font-size:clamp(11px,3.55cqw,35px)!important;text-align:center!important;width:auto!important;max-width:100%!important;letter-spacing:-.035em!important;line-height:1.12!important}
#home .mr-tool-sub {font:750 clamp(10px,3cqw,29px)/1.35 Arial,system-ui,sans-serif!important;color:#392413!important;text-align:center!important}
#home .mr-tool-number,#home .mr-tool-arrow {display:none!important}
html body #mainApp>.screen.active:not(#home) {display:block!important;height:auto!important;min-height:60vh!important;max-height:none!important;overflow:visible!important;padding:12px var(--mr-pad) 24px!important;box-sizing:border-box!important}
@media(min-width:700px){html body #mainApp {width:calc(100% - 36px)!important;margin:18px auto!important}}
@media(prefers-reduced-motion:reduce){#home .mr-tool{transition:none!important}}
/* Keep the longest Turkish label whole, including narrow phones. */
#home [data-mr-target="cut"] .mr-tool-icon {width:8cqw!important;flex-basis:8cqw!important}
@container modera (max-width:360px) {
  #home .mr-tool-label {font-size:9px!important;letter-spacing:-.045em!important}
  #home [data-mr-target="projects"] .mr-tool-icon {width:7cqw!important;flex-basis:7cqw!important}
  #home [data-mr-target="cut"] .mr-tool-icon {width:6cqw!important;flex-basis:6cqw!important}
  #home [data-mr-target="cut"] .mr-tool-label {font-size:8px!important;letter-spacing:-.055em!important}
}