*{
  box-sizing:border-box
}
body{
  margin:0;
  background:#e9e9e9;
  color:#444444;
  font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif
}
button,input{
  font:inherit
}
button{
  cursor:pointer;
  min-height:44px;
  border:0;
  border-radius:10px;
  padding:10px 14px;
  color:#396c8c;
  background:#eaf4fc
}
button:focus-visible,input:focus-visible{
  outline:3px solid #219ff5;
  outline-offset:2px
}
.app{
  max-width:480px;
  margin:auto;
  min-height:100vh;
  background:#f4f4f4
}
header{
  background:#219ff5;
  padding:24px
}
header h1{
  color:white
}
header p{
  color:#073e63
}
.brand{
  display:inline-block;
  font-size:11px;
  font-weight:800;
  letter-spacing:3px;
  color:#0879bd;
  background:white;
  padding:4px 9px;
  border-radius:4px
}
h1{
  font-size:28px;
  margin:6px 0
}
p{
  margin:6px 0;
  color:#626262;
  font-size:13px
}
.notice{
  background:#eef8ff;
  padding:10px;
  text-align:center;
  font-size:11px;
  color:#346580
}
main{
  padding:20px
}
input{
  width:100%;
  min-height:50px;
  border:1px solid #c5c5c5;
  border-radius:12px;
  padding:12px;
  background:white;
  color:#444444
}
.chips{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:14px 0
}
.chips button{
  white-space:nowrap
}
.active{
  background:#0879bd;
  color:white
}
.count{
  font-size:12px;
  color:#666666;
  margin:4px 0 16px
}
.card{
  display:block;
  width:100%;
  text-align:left;
  background:white;
  border:1px solid #d8d8d8;
  border-radius:18px;
  padding:20px;
  margin-bottom:12px
}
.card:hover{
  border-color:#0879bd
}
.top{
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#666666;
  letter-spacing:1px
}
.link{
  color:#0879bd;
  font-weight:700
}
h2{
  font-size:19px;
  margin:14px 0 4px
}
h3{
  font-size:16px;
  margin:0 0 12px;
  background:#d6dff7;
  padding:9px;
  border-radius:4px
}
.meta{
  border-top:1px solid #e7e7e7;
  margin-top:14px;
  padding-top:10px;
  font-size:11px;
  color:#666666
}
.section{
  background:white;
  border-radius:16px;
  padding:20px;
  margin-bottom:14px
}
dl{
  margin:0
}
dt{
  font-size:11px;
  color:#666666;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e7e7e7
}
dd{
  margin:4px 0 0;
  font-size:14px;
  overflow-wrap:anywhere
}
.tabs{
  margin:6px -2px
}
.back{
  margin-bottom:14px
}
.hero{
  padding:8px 0
}
.hero h2{
  font-size:24px;
  line-height:1.5
}
footer{
  padding:12px;
  text-align:center;
  background:white;
  font-size:10px;
  color:#666666
}
.clear{
  font-size:12px;
  margin-top:8px
}
.empty{
  padding:24px 0
}
#results{
  min-height:120px
}
@media(min-width:600px){
  .app{
    margin:24px auto;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 12px 50px #44444418
  }
}
.filter-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:16px 0 8px
}
.filter-grid label{
  font-size:11px;
  color:#626262
}
.toggle{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  font-size:13px;
  margin-bottom:12px
}
.toggle input{
  width:20px;
  min-height:20px;
  accent-color:#0879bd
}
select{
  width:100%;
  min-height:48px;
  background:white;
  color:#444;
  border:1px solid #c5c5c5;
  border-radius:10px;
  padding:10px;
  font:inherit;
  margin:4px 0 10px
}
.status-filter{
  border:1px solid #d8d8d8;
  border-radius:10px;
  margin:14px 0;
  padding:10px;
  display:flex;
  gap:12px
}
.status-filter legend{
  font-size:12px;
  color:#626262
}
.status-filter label{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:44px;
  font-size:14px
}
.status-filter input{
  width:18px;
  min-height:18px;
  accent-color:#0879bd
}
.advanced{
  margin:10px 0 16px
}
.advanced summary{
  padding:10px;
  background:#eaf4fc;
  border-radius:8px;
  color:#396c8c;
  cursor:pointer;
  min-height:44px
}
.filter-stack{
  padding-top:14px
}
.filter-stack>label{
  font-size:12px;
  color:#626262;
  display:block
}
.error{
  color:#a32929
}
.readonly{
  background:#eef8ff;
  padding:10px;
  border-radius:8px;
  color:#346580
}
dd{
  white-space:pre-wrap
}
.quick-menu{
  margin-bottom:20px
}
.quick-menu>div{
  display:flex;
  gap:8px
}
.quick-menu button{
  flex:1;
  padding:10px 8px
}
.summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:14px
}
.summary-grid>.summary-link{
  background:#eef8ff;
  padding:12px 8px;
  border-radius:8px;
  text-align:center
}
.summary-grid span{
  font-size:12px;
  color:#626262
}
.summary-grid strong{
  display:block;
  font-size:25px;
  color:#0879bd
}
.dashboard-row{
  display:block;
  width:100%;
  background:white;
  text-align:left;
  border-radius:0;
  padding:14px 0;
  border-bottom:1px solid #e7e7e7
}
.dashboard-row b{
  display:block;
  font-size:14px;
  color:#444;
  margin-top:4px
}
.document-body{
  white-space:pre-wrap;
  font-size:14px;
  line-height:1.9;
  margin-top:16px
}
.chart-row{
  padding:14px 0;
  font-size:14px
}
.chart-track{
  height:14px;
  border-radius:7px;
  background:#eaf4fc;
  margin-top:8px
}
.chart-bar{
  height:14px;
  border-radius:7px;
  background:#0879bd
}
.ui-icon{
  display:inline-block;
  vertical-align:middle;
  flex-shrink:0;
  pointer-events:none
}
.icon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px
}
.icon-heading{
  display:flex;
  align-items:center;
  gap:9px;
  background:#e8f1fc;
  color:#355b7b;
  border-left:3px solid #219ff5
}
.icon-heading .ui-icon{
  color:#0879bd
}
.quick-menu>div{
  gap:10px
}
.quick-menu button.icon-menu{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:108px;
  background:#fff;
  border:1px solid #dbe8f2;
  border-radius:16px;
  font-weight:700;
  font-size:14px;
  color:#346580;
  box-shadow:0 3px 10px #25547a08
}
.menu-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  padding:11px;
  background:#eaf4fc;
  color:#0879bd
}
.icon-menu:hover{
  border-color:#219ff5;
  background:#fafdff;
  box-shadow:0 5px 15px #25547a14
}
.chips button[data-sharing-tab]{
  gap:5px;
  font-size:12px;
  padding:10px 8px;
  flex:1
}
.chips:has([data-sharing-tab]){
  gap:6px
}
.card.icon-card>.ui-icon{
  float:left;
  margin-right:10px;
  color:#0879bd;
  background:#eef8ff;
  border-radius:8px;
  box-sizing:content-box;
  padding:8px
}
.card.icon-card>.top{
  min-height:34px;
  align-items:center;
  letter-spacing:0.2px
}
.card.icon-card>.top>.link{
  font-size:10px
}
.card.icon-card h2{
  clear:both;
  padding-top:4px
}
.card:hover{
  box-shadow:0 4px 14px #25547a12
}
.dashboard-row.icon-button{
  display:block
}
.dashboard-row>.ui-icon{
  float:right;
  color:#0879bd;
  margin:7px 0 0 8px
}
.summary-grid>.summary-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  border-radius:12px
}
.summary-grid .ui-icon{
  color:#0879bd
}
.summary-grid>.summary-link.summary-urgent{
  background:#fff6e9
}
.summary-urgent .ui-icon,.summary-urgent strong{
  color:#a55d12
}
.summary-grid>.summary-link.summary-complete{
  background:#eaf7f1
}
.summary-complete .ui-icon,.summary-complete strong{
  color:#247859
}
.icon-input{
  position:relative;
  min-width:0
}
.icon-input>.ui-icon{
  position:absolute;
  left:13px;
  top:16px;
  color:#638ca7
}
.icon-input>input{
  padding-left:40px
}
.chips .active{
  box-shadow:0 3px 8px #0879bd25
}
button:focus-visible{
  outline:3px solid #219ff5;
  outline-offset:3px
}
.quick-menu>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.quick-menu button.icon-menu{
  font-size:12px;
  padding:10px 5px;
  min-height:110px
}
.plan-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  margin:16px 0;
  border:1px solid #dbe8f2;
  background:white;
  border-radius:12px;
  overflow:hidden
}
.weekday{
  font-size:12px;
  text-align:center;
  padding:10px 0;
  background:#eaf4fc
}
.calendar-day{
  border-radius:0;
  min-height:64px;
  padding:8px 2px;
  border:1px solid #edf2f7;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  font-size:14px;
  background:white
}
.calendar-day small{
  font-size:10px;
  min-height:16px
}
.calendar-day.has-event{
  background:#eaf4fc;
  color:#0879bd;
  font-weight:700
}
.calendar-day.active{
  background:#0879bd;
  color:white
}
.plan-year{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0
}
.plan-year button{
  min-height:70px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px
}
.plan-year small{
  font-size:12px
}
.month-nav{
  display:flex;
  align-items:center;
  gap:8px
}
.month-nav input{
  width:0;
  flex:1;
  padding:8px;
  min-width:100px
}
.plan-badge{
  display:inline-block;
  padding:3px 8px;
  border-radius:6px;
  color:#346580;
  background:#eaf4fc;
  font-size:11px
}
.plan-badge.overdue{
  background:#ffeded;
  color:#a32929
}
.plan-badge.soon{
  background:#fff6e9;
  color:#a55d12
}
.plan-badge.done{
  background:#eaf7f1;
  color:#247859
}
.deadline-legend{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin:12px 0
}
.app{
  padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))
}
.bottom-nav{
  position:fixed;
  z-index:1000;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:min(480px,100%);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));
  background:#fff;
  border-top:1px solid #dbe8f2;
  border-radius:18px 18px 0 0;
  box-shadow:0 -4px 20px #16304412
}
.bottom-nav button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:58px;
  padding:7px 4px;
  background:transparent;
  color:#718496;
  font-size:11px;
  font-weight:600;
  border-radius:12px;
  line-height:1.3
}
.bottom-nav button.is-current{
  background:#eaf4fc;
  color:#0879bd;
  font-weight:700
}
.bottom-nav button:hover{
  background:#f0f7fd
}
.bottom-nav button:focus-visible{
  outline:3px solid #219ff5;
  outline-offset:0
}
html{
  scroll-padding-bottom:110px
}
@media print{
  .bottom-nav{
    display:none
  }
  .app{
    padding-bottom:0
  }
}

/* UI pattern selection and visual alternatives */
body.pattern-selecting .bottom-nav{display:none}
.pattern-intro{padding:8px 0 20px}
.pattern-intro h2{font-size:26px;margin:5px 0 8px}
.pattern-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#0879bd}
.pattern-grid{display:grid;gap:14px}
.pattern-option{overflow:hidden;background:#fff;border:1px solid #dbe4eb;border-radius:16px;box-shadow:0 4px 14px #193c5510}
.pattern-preview{height:126px;padding:13px;background:#f1f6fa;border-bottom:1px solid #e6edf2}
.preview-top{height:13px;display:flex;gap:4px;align-items:center}
.preview-top i{width:5px;height:5px;border-radius:50%;background:#94a9b8}
.preview-layout{display:flex;gap:9px;margin-top:10px;height:90px}
.preview-rail{width:22px;border-radius:5px;background:#dce8f0}
.preview-content{flex:1;min-width:0}
.preview-content>b{display:block;width:42%;height:8px;border-radius:5px;background:#61819a;margin:1px 0 8px}
.preview-stats{display:flex;gap:5px;margin-bottom:7px}
.preview-stats i{height:20px;flex:1;border-radius:4px;background:#d8eaf7}
.preview-line{height:5px;width:94%;background:#dce4e9;border-radius:4px;margin:5px 0}
.preview-line.short{width:66%}
.preview-cards{display:flex;gap:5px;margin-top:7px}
.preview-cards i{height:22px;flex:1;border-radius:4px;background:#fff;border:1px solid #e4ebef}
.pattern-copy{padding:13px 15px 15px}
.pattern-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#688092}
.pattern-label b{font-size:10px;background:#eaf4fc;color:#0879bd;padding:3px 7px;border-radius:20px}
.pattern-copy h3{font-size:16px;margin:7px 0 5px;padding:0;background:transparent;color:#293b49}
.pattern-copy>p{min-height:38px;font-size:12px}
.pattern-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#657987;font-size:10px}
.pattern-meta span{padding:3px 7px;border-radius:20px;background:#f1f5f7}
.pattern-copy>button{width:100%;display:flex;justify-content:space-between;align-items:center;background:#0879bd;color:#fff;font-weight:700;border-radius:9px}
.pattern-copy>button span{font-size:18px}
.pattern-footnote{text-align:center;font-size:11px;margin:16px 0 4px}
.pattern-preview-calm .pattern-preview{background:#f0f5ed}
.pattern-preview-calm .preview-rail{background:#dce8d7}
.pattern-preview-calm .preview-stats i{background:#deead8}
.pattern-preview-dashboard .pattern-preview{background:#f7f2ec}
.pattern-preview-dashboard .preview-rail{display:none}
.pattern-preview-dashboard .preview-layout{margin-left:2px}
.pattern-preview-dashboard .preview-stats i{height:24px;background:#f6e5d2;border-radius:3px}
.pattern-preview-dashboard .preview-cards i{border-radius:3px}
.pattern-preview-midnight .pattern-preview{background:#1c2939;border:0}
.pattern-preview-midnight .preview-rail{background:#344357}
.pattern-preview-midnight .preview-content>b{background:#9ab7d9}
.pattern-preview-midnight .preview-stats i{background:#344b66}
.pattern-preview-midnight .preview-line{background:#354357}
.pattern-preview-midnight .preview-cards i{background:#26364a;border-color:#3d5067}
.pattern-tools{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:#627787;font-size:11px}
.pattern-tools button{min-height:36px;padding:7px 10px;font-size:11px}
@media(min-width:600px){.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-option{display:flex;flex-direction:column}.pattern-copy{display:flex;flex-direction:column;flex:1}.pattern-copy>p{flex:1}}
body[data-pattern="calm"]{background:#e9eee7;color:#39453b}
body[data-pattern="calm"] header{background:#63866a}
body[data-pattern="calm"] .brand{color:#507956}
body[data-pattern="calm"] header p{color:#e2eee0}
body[data-pattern="calm"] .app{background:#f4f6f1}
body[data-pattern="calm"] .notice{background:#e9f0e5;color:#4b694f}
body[data-pattern="calm"] h3.icon-heading{background:#e9f0e5;color:#456448;border-color:#759879}
body[data-pattern="calm"] .active,body[data-pattern="calm"] .pattern-copy>button{background:#507956}
body[data-pattern="calm"] .card,body[data-pattern="calm"] .section{border-color:#e1e8dc;border-radius:12px;box-shadow:0 2px 9px #324b2c0a}
body[data-pattern="calm"] .bottom-nav button.is-current{background:#e9f0e5;color:#507956}
body[data-pattern="calm"] .ui-icon,body[data-pattern="calm"] .link{color:#507956}
body[data-pattern="calm"] .summary-grid>.summary-link{background:#edf3e9}
body[data-pattern="dashboard"]{background:#eeeae4;color:#37352f}
body[data-pattern="dashboard"] header{background:#c78042;padding:18px 22px}
body[data-pattern="dashboard"] .brand{color:#9a5e2d}
body[data-pattern="dashboard"] header p{color:#fff0df}
body[data-pattern="dashboard"] .app{background:#f5f3ef}
body[data-pattern="dashboard"] .notice{background:#f8eee2;color:#87582f}
body[data-pattern="dashboard"] main{padding:14px}
body[data-pattern="dashboard"] .section{padding:14px;border-radius:10px;margin-bottom:10px}
body[data-pattern="dashboard"] .section h3{padding:7px 9px;margin-bottom:8px;border-radius:3px;background:#f5eadc;color:#78532f}
body[data-pattern="dashboard"] .card{padding:14px;border-radius:10px;margin-bottom:8px}
body[data-pattern="dashboard"] .active,body[data-pattern="dashboard"] .pattern-copy>button{background:#a86532}
body[data-pattern="dashboard"] .bottom-nav button.is-current{background:#f8eee2;color:#a86532}
body[data-pattern="dashboard"] .ui-icon,body[data-pattern="dashboard"] .link{color:#a86532}
body[data-pattern="dashboard"] .summary-grid{gap:6px}
body[data-pattern="dashboard"] .summary-grid>.summary-link{min-height:94px;padding:8px 5px;background:#f8eee2;border-radius:6px}
body[data-pattern="midnight"]{background:#111a26;color:#e2e9f1}
body[data-pattern="midnight"] .app{background:#172333;box-shadow:0 12px 50px #0005}
body[data-pattern="midnight"] header{background:#263a55}
body[data-pattern="midnight"] .brand{background:#364e6d;color:#e2e9f1}
body[data-pattern="midnight"] header p,body[data-pattern="midnight"] p,body[data-pattern="midnight"] .count,body[data-pattern="midnight"] dt{color:#aab8c9}
body[data-pattern="midnight"] .notice{background:#202e40;color:#c4d1e1}
body[data-pattern="midnight"] h3.icon-heading{background:#25374d;color:#d5e3f4;border-color:#788fb1}
body[data-pattern="midnight"] h3{color:#e0e8f2}
body[data-pattern="midnight"] .section,body[data-pattern="midnight"] .card,body[data-pattern="midnight"] footer{background:#1e2c3e;border-color:#34465c;color:#e2e9f1}
body[data-pattern="midnight"] .card:hover{border-color:#92afd4}
body[data-pattern="midnight"] .card h2,body[data-pattern="midnight"] dd,body[data-pattern="midnight"] .dashboard-row b{color:#e2e9f1}
body[data-pattern="midnight"] .dashboard-row{background:transparent;border-color:#34465c;color:#d5e0ec}
body[data-pattern="midnight"] input,body[data-pattern="midnight"] select{background:#172333;border-color:#455970;color:#e2e9f1}
body[data-pattern="midnight"] button{background:#293d55;color:#dbe8f5}
body[data-pattern="midnight"] .active,body[data-pattern="midnight"] .pattern-copy>button{background:#5578a5;color:white}
body[data-pattern="midnight"] .bottom-nav{background:#172333;border-color:#34465c}
body[data-pattern="midnight"] .bottom-nav button.is-current{background:#293d55;color:#c6daf2}
body[data-pattern="midnight"] .summary-grid>.summary-link{background:#25374d}
body[data-pattern="midnight"] .summary-grid span{color:#b5c4d6}
body[data-pattern="midnight"] .ui-icon,body[data-pattern="midnight"] .link{color:#adc8eb}
body[data-pattern="midnight"] .pattern-tools{color:#aab8c9}
.summary-grid>.summary-link{
  border:1px solid transparent;
  min-height:120px;
  cursor:pointer;
  line-height:1.5
}
.summary-grid>.summary-link:hover{
  border-color:#0879bd;
  box-shadow:0 3px 10px #0879bd18
}
.summary-grid>.summary-link:focus-visible{
  outline:3px solid #219ff5;
  outline-offset:2px
}
.front-pie{
  display:block;
  width:min(260px,100%);
  height:auto;
  margin:0 auto 20px
}
.front-legend{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:10px 0 15px;
  font-size:11px;
  color:#666
}
.front-legend span{
  display:inline-flex;
  align-items:center;
  gap:5px
}
.front-legend i{
  width:9px;
  height:9px;
  border-radius:50%;
  display:inline-block
}
.front-bars{
  display:flex;
  align-items:flex-start;
  min-height:200px;
  padding:20px 4px 0 15px;
  border-bottom:1px solid #ddd;
  gap:12px;
  overflow-x:auto;
  position:relative
}
.front-column{
  min-width:60px;
  flex:1;
  display:flex;
  align-items:center;
  flex-direction:column;
  text-align:center
}
.front-value{
  font-size:12px
}
.front-bar-track{
  height:140px;
  width:75%;
  display:flex;
  flex-direction:column-reverse;
  justify-content:flex-start
}
.front-label{
  font-size:10px;
  line-height:1.4;
  margin:8px 0;
  min-height:30px;
  overflow-wrap:anywhere
}
.front-unit{
  position:absolute;
  left:0;
  top:0;
  font-size:10px;
  color:#888
}
.section h4{
  font-size:14px;
  color:#666;
  margin:20px 0 8px
}
.front-progress{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0;
  font-size:12px
}
.front-progress>span{
  width:65px
}
.front-progress>div{
  flex:1;
  height:22px;
  background:#f4f4f4
}
.front-progress i{
  display:block;
  height:22px
}
.front-timeline-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:24px 0 10px;
  font-size:14px
}
.front-gantt{
  overflow-x:auto;
  border:1px solid #ddd
}
.front-gantt-row{
  display:flex;
  border-bottom:1px solid #eee;
  min-height:32px;
  font-size:11px
}
.front-gantt-row>span{
  width:130px;
  flex-shrink:0;
  padding:8px
}
.front-gantt-row>small{
  width:25px;
  flex-shrink:0;
  text-align:center;
  padding:8px 0;
  border-left:1px solid #eee
}
.front-gantt-row .is-today{
  border-left:2px solid #111;
  background:#eef8ff
}
.front-gantt-row .gantt-plan{
  background:#aaa;
  color:white
}
.front-gantt-row .gantt-done{
  background:#039be5;
  color:white
}
.work-group{
  border:1px solid #dbe8f2;
  border-radius:10px;
  padding:10px;
  margin:14px 0
}
.work-group legend{
  font-size:12px;
  color:#666
}
.work-group label{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  min-height:44px
}
.work-group input{
  width:18px;
  min-height:18px;
  accent-color:#0879bd
}
.quick-menu [data-mode="deadline"] .menu-icon{
  background:#fff3df;
  color:#a56816
}
.quick-menu [data-mode="schedule"] .menu-icon{
  background:#f1edff;
  color:#7155b6
}
.quick-menu [data-mode="workSchedule"] .menu-icon{
  background:#e5f5f2;
  color:#247c70
}