html,body { background:#fff; color:var(--b); font-family:"Segoe UI", system-ui, -apple-system, Arial, sans-serif; margin:0; }
body { font-size:16px; }
@media (max-width:420px){ body{ font-size:15.5px; } }
.container {
    max-width: 980px;
    margin: 0 auto;
    padding: 24px 16px 40px;
}
.wrap { max-width: 860px; margin: 0 auto; padding: clamp(16px, 3vw, 28px); }
.header {
border:1px solid var(--line); border-radius:12px; padding:16px; margin-bottom:12px;
display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; align-items:start;
}
@media (max-width: 760px){
.header { grid-template-columns: 1fr; }
}
@media (max-width:480px){

    .header{
        padding:14px;
    }

    .chip{
        font-size:13px;
    }

}
.h1{ font-size:clamp(20px,5vw,28px); margin:8px 0 8px; }
.p{ margin:8px 0; line-height:1.5; color:var(--muted); font-size:16px; }
a.btn{ display:inline-block; margin-top:12px; padding:12px 16px; text-decoration:none;
	   background:var(--primary); color:#fff; border-radius:10px; font-weight:600; }
a:hover,
.menu-link:hover,
summary:hover {
    background:var(--primary-dark);
}
@media (max-width:480px){

    .header{
        padding:14px;
    }

    .chip{
        font-size:13px;
    }

}
@media (max-width: 760px){
	.header { grid-template-columns: 1fr; }
}

.hdr-left h1 { font-size: clamp(18px, 2.6vw, 24px); margin:0 0 10px; font-weight:800; }
.badges { display:flex; flex-wrap:wrap; gap:8px; }
.chip {
	display:inline-flex; align-items:center; gap:8px;
	border:1px solid var(--line); border-radius:999px; padding:8px 12px; background:#fff;
	font-size:14px; line-height:1.2;
}
.chip strong { font-weight:800; opacity:.85; }

.what-you-can-do { margin: 10px 0 0; font-size:14px; color:var(--muted); }

.hdr-actions { display:flex; flex-direction:column; gap:10px; }
.secure {
	border:1px solid var(--line); border-radius:10px; padding:10px 12px;
	font-size:14px; line-height:1.4; background:#fff;
}
.secure strong { font-weight:800; }
.countdown { margin-top:4px; font-weight:700; }
.actions-row { display:flex; gap:10px; flex-wrap:wrap; }
.btn {
	display:inline-block; padding:12px 16px; border-radius:10px;
	border:1px solid rgba(0,0,0,.2); background:var(--primary); color:#fff;
	text-decoration:none; font-weight:700; text-align:center;
}
.btn:hover {
	
	border:1px solid rgba(0,0,0,.2); background:var(--primary-dark); color:#fff;
	
}
.btn.secondary {
    background:var(--primary);
	color:#fff;
    border:1px solid var(--primary);
}
 /* ===== Seletor de plano ===== */
.plan-switch {
margin-top:12px; border:1px solid var(--line); border-radius:10px; padding:12px; background:#fff;
}
.plan-switch p { margin:0 0 8px; font-size:14px; color:var(--muted); }

.select-wrap { position:relative; max-width:100%; }
.select-wrap select {
appearance:none; -webkit-appearance:none; -moz-appearance:none;
width:100%; max-width:520px; min-width:220px;
padding:12px 40px 12px 12px;
border:1px solid var(--line); border-radius:10px; background:#fff;
font-size:16px; line-height:1.2;
}
.select-wrap .caret {
position:absolute; right:12px; top:50%; transform:translateY(-50%);
pointer-events:none; font-size:18px; color:var(--muted);
}

/* >>> CTA Card: destaque medicamento */
.cta-card{
margin-top:12px;
border:1px solid var(--line);
border-radius:14px;
padding:14px;
background: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--highlight) 100%
);
}
.cta-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
.cta-left{
display:flex;
gap:12px;
align-items:flex-start;
min-width:0;
}
.cta-ico{
width:44px; height:44px;
border-radius:12px;
border:1px solid rgba(0,0,0,.12);
display:flex; align-items:center; justify-content:center;
font-size:22px;
background:#fff;
flex-shrink:0;
}
.cta-title{
margin:0;
font-size:16px;
font-weight:900;
}
.cta-text{
margin:6px 0 0;
font-size:14px;
color:var(--muted);
line-height:1.35rem;
}
.cta-actions{
display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;
}
.cta-actions .btn{ padding:10px 14px; }
.cta-foot{
margin-top:10px;
font-size:12px;
color:#555;
}

/* ===== Listagem de menus ===== */
.panel {
border:1px solid var(--line);
border-radius:12px; padding:8px 8px 12px;
}
.sec { border-top:1px solid var(--line); padding:10px 8px; }
.sec:first-child{ border-top:none; }

details { border-radius:8px; }
summary {
list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px;
padding:12px 12px; border-radius:8px; cursor:pointer; user-select:none; transition:background .15s ease;
}
summary:hover { background:var(--hover); }
summary:focus-visible {
    outline:2px solid var(--primary);
}
summary::-webkit-details-marker { display:none; }

.sum-left{ display:flex; align-items:center; gap:10px; min-width:0; }
summary .icon { width:28px; text-align:center; font-size:20px; flex-shrink:0; }
summary .label { font-size:1rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chev { font-size:16px; transform:rotate(0deg); transition:transform .15s linear; opacity:.7; }
details[open] > summary .chev { transform:rotate(90deg); }

.subs { margin:6px 0 0 36px; }
.sub { display:flex; gap:8px; padding:12px 0; border-top:1px solid var(--line); }
.sub:first-child { border-top:none; }
.sicon { width:24px; text-align:center; font-size:16px; flex-shrink:0; }
.sub a { text-decoration:none; color:inherit; }
.sub a:hover { text-decoration:underline; }
.sub h3 { font-size:0.95rem; font-weight:700; margin:0; }
.sub p { font-size:0.9rem; margin:4px 0 0; color:var(--muted); line-height:1.35rem; }

.menu-link {
display:flex; align-items:flex-start; gap:10px; padding:12px 10px; text-decoration:none; color:inherit; border-radius:8px;
}
.menu-link:hover { background:var(--hover); }
.menu-link .icon { width:28px; text-align:center; font-size:20px; }
.menu-link .label { font-size:1rem; font-weight:700; }
.menu-desc { font-size:0.9rem; color:var(--muted); margin:4px 0 0 36px; line-height:1.35rem; }
a:hover,
.menu-link:hover,
summary:hover {
    background:var(--hover);
}
label{
  display:block;
  font-size:13px;
  color:var(--muted);
  margin-bottom:6px;
}
input[type="text"],select,textarea,button{
  font-size:16px;
}
textarea{
  min-height:96px;
  resize:vertical;
  width: 100%;
}
.actions{
  display:flex;
  gap:10px;
  margin-top:6px;
  flex-wrap:wrap;
}
button:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.hint{
  font-size:12px;
  color:var(--muted);
  margin-top:6px;
}
.hint{
  font-size:12px;
  color:var(--muted);
  margin-top:6px;
}
.sep{
  border-top:1px solid var(--border);
  margin:14px 0;
}
.note{
  font-size:13px;
  color:#1f2937;
  background:#f3f4f6;
  border:1px dashed var(--border);
  padding:10px 12px;
  border-radius:8px;
}
.hidden{display:none!important}
.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (max-width:640px){
  .grid-2{grid-template-columns:1fr}
}
.copay{
  margin-top:6px;
  padding:10px 12px;
  border-radius:8px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  font-size:14px;
}
.enderecoBox{
  margin-top:8px;
  padding:10px 12px;
  border-radius:8px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#0f172a;
  font-size:14px;
}
#resumoBack{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:9999;
}
#resumoModal{
  max-width:640px;
  width:100%;
  background:#fff;
  border-radius:12px;
  padding:18px;
  border:1px solid var(--border);
}
#resumoModal h3{
  margin:0 0 8px;
}
#resumoModal p{
  margin:6px 0;
}
#confirmBtns{
  display:flex;
  gap:10px;
  margin-top:12px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.disclaimer{
  font-size:12.5px;
  color:#374151;
  background:#fff;
  border:1px dashed var(--border);
  border-left:4px solid #f59e0b;
  padding:10px 12px;
  border-radius:10px;
  line-height:1.45;
}
.headerbox{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:flex-start;
	justify-content:space-between;
	margin-bottom:14px;
}
.logo-row{
    width:100%;
    margin-bottom:14px;
}
.logo{
     width: 300px;
    height: 103px;
    object-fit: contain;
    display:block;
    margin:20px auto;
}
.code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  background:var(--primary);
  border:1px solid var(--border);
  padding:2px 6px;
  border-radius:6px;
}
.subtitle{
	margin:0 0 18px;
	color:var(--muted);
	font-size:14px;
}

.form{
	display:grid;
	gap:14px;
}
.group{
	display:grid;
	gap:6px;
}

.group label{
	font-weight:700;
	font-size:14px;
}
.summary-box{
	border:1px dashed var(--border);
	background:#fff;
	border-radius:12px;
	padding:14px;
	line-height:1.6;
}

.summary-box strong{
	display:block;
	margin-bottom:6px;
}

.estimation{
	background:var(--soft);
	border:1px dashed var(--border);
	border-radius:10px;
	padding:12px;
	font-weight:700;
	font-size:15px;
}
input[type="text"],
input[type="date"],
input[type="number"],
select,
input[type="file"]{
	width:100%;
	border:1px solid var(--border);
	border-radius:10px;
	background:#fff;
	padding:12px;
	font-size:15px;
	color:var(--text);
}
.badge{
	border:1px solid var(--border);
	border-radius:10px;
	padding:10px 12px;
	background:#fff;
}

.badge strong{
	display:block;
	font-size:12px;
	color:var(--muted);
	margin-bottom:2px;
}

.badge span{
	font-size:15px;
}
.actions-top{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.box{
	border:1px dashed var(--border);
	border-radius:12px;
	padding:14px;
	background:#fff;
	margin-top:12px;
}
 .box .intro{
	color:#111827;
	margin-bottom:10px;
	font-size:14px;
}
.box h3{
	margin:0 0 6px;
	font-size:16px;
}
.item{
	border:1px solid var(--border);
	border-radius:12px;
	padding:12px;
	background:#fff;
	margin:10px 0;
	display:grid;
	grid-template-columns:1fr auto;
	gap:12px;
	align-items:center;
}

.item .meta{
	font-size:14px;
	color:#374151;
}

.item .meta div{
	margin:2px 0;
}

.item .linkline{
	display:flex;
	gap:10px;
	align-items:center;
	flex-wrap:wrap;
	margin-top:8px;
}
.linkline{
	display:flex;
	gap:10px;
	align-items:center;
	flex-wrap:wrap;
	margin-top:8px;
}

.link{
	flex:1 1 320px;
	word-break:break-all;
	border:1px dashed var(--border);
	padding:8px 10px;
	border-radius:8px;
	background:#fff;
	font-size:14px;
}

.item .link{
	flex:1 1 320px;
	word-break:break-all;
	border:1px dashed var(--border);
	padding:8px 10px;
	border-radius:8px;
	background:#fafafa;
	font-size:14px;
}

.item .open{
	display:inline-block;
	padding:10px 14px;
	border-radius:10px;
	border:1px solid var(--border);
	background:var(--primary);
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

.item .open:focus{
	outline:2px solid var(--focus);
	outline-offset:2px;
}

.item .open.disabled{
	background:#9ca3af;
	cursor:not-allowed;
	pointer-events:none;
}

.empty{
	border:1px dashed var(--border);
	border-radius:12px;
	padding:16px;
	background:#fff;
	margin-top:12px;
	font-size:15px;
}

.empty strong{
	display:block;
	margin-bottom:6px;
}
 .value{
	flex:1;
}
.notice{
	margin-top:12px;
	font-size:13px;
	color:#fff;
	background:var(--primary);
	border:1px dashed var(--border);
	padding:10px 12px;
	border-radius:8px;
}
.block{
	margin-top:8px;
	font-size:14px;
}

.addr{
	border:1px dashed var(--border);
	background:#fafafa;
	padding:10px;
	border-radius:8px;
	margin-top:8px;
}
.section{
	border:1px solid var(--border);
	border-radius:12px;
	padding:14px;
	background:#fff;
	margin-top:12px;
}

.section h2{
	margin:0 0 10px;
	font-size:18px;
}

.section h3{
	margin:14px 0 6px;
	font-size:16px;
}

.section p{
	margin:6px 0 0;
	font-size:15px;
	line-height:1.55;
}

.section ul{
	margin:8px 0 0 18px;
	padding:0;
}

.section li{
	margin:6px 0;
	font-size:15px;
	line-height:1.55;
}

.example{
	border-left:3px solid var(--focus);
	padding:8px 10px;
	background:#f9fafb;
	border-radius:8px;
	margin-top:8px;
	font-size:14px;
	color:#111827;
	list-style:none;
}

.limit{
	font-weight:700;
	color:#111827;
}
.section-title{
	margin:0 0 6px;
	font-size:16px;
	font-weight:700;
}

.section-lead{
	margin:0;
	color:var(--muted);
	font-size:14px;
}
.meta{
	color:var(--muted);
	font-size:13px;
	margin-bottom:10px;
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
	gap:6px;
}
.modal{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.35);
	display:none;
	align-items:center;
	justify-content:center;
	padding:16px;
	z-index:9999;
}

.modal.show{
	display:flex;
}

.modal .box{
	max-width:520px;
	width:100%;
	background:#fff;
	border-radius:14px;
	border:1px solid var(--border);
	box-shadow:0 10px 30px rgba(0,0,0,.2);
	padding:18px;
}

.modal h2{
	margin:0 0 8px;
	font-size:18px;
}

.modal p{
	margin:0 0 12px;
	color:#374151;
	line-height:1.5;
}

.modal .warn-box{
	font-size:14px;
	color:#7c2d12;
	background:#fffbeb;
	border:1px solid #f59e0b;
	padding:8px 10px;
	border-radius:8px;
	margin-bottom:10px;
}

.modal .actions{
	display:flex;
	gap:10px;
	justify-content:flex-end;
	margin-top:12px;
}

.separator{
	border:none;
	border-top:1px dashed var(--border);
	margin:12px 0;
}
@media (max-width: 720px){
	.item{
		grid-template-columns:1fr;
	}
}

@media (max-width: 640px){
	.container{
		padding:16px 12px 32px;
	}

	.card{
		padding:14px;
	}
}
@media (max-width: 640px){
	.container{
		padding:16px 12px 32px;
	}

	.card{
		padding:14px;
	}

	.actions{
		flex-direction:column;
	}

	.actions .btn{
		width:100%;
		text-align:center;
	}

	.modal .actions{
		flex-direction:column;
	}
}
.pay{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin-top:8px;
}

.link{
	flex:1 1 320px;
	word-break:break-all;
	padding:8px 10px;
	border-radius:8px;
	border:1px dashed var(--border);
	background:#fafafa;
	font-size:14px;
}
.btn.warn{
	background:#b91c1c;
}

.btn.confirm{
	background:#065f46;
}

.btn.disabled{
	opacity:.6;
	pointer-events:none;
}
.btn.disabled,
.btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.answer{white-space:pre-wrap;border:1px dashed var(--border);border-radius:12px;padding:14px;background:#fff;color:#1f2937;font-size:15px}
.note{font-size:13px;color:#6b7280}
.status{
	margin-top:10px;
	font-size:14px;
	padding:10px 12px;
	border-radius:8px;
	display:none;
	border:1px solid var(--border);
	color:#374151;
	background:#fafafa;
}
.status.show{
	display:block;
}

.status.ok{
	border-color:rgba(5,150,105,.35);
	color:#065f46;
	background:#ecfdf5;
}

.status.err{
	border-color:rgba(220,38,38,.35);
	color:#7f1d1d;
	background:#fef2f2;
}
.scrollbox{
	max-height:320px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	border:1px solid var(--border);
	border-radius:10px;
	padding:12px;
	background:#fff;
}

.scrollbox,
.scrollbox p,
.scrollbox li,
.scrollbox ul,
.scrollbox ol{
	font-size:13px;
	line-height:1.7;
	color:#111827;
}

.scrollbox ol{
	padding-left:20px;
	margin:0;
}

.scrollbox ul{
	padding-left:18px;
	margin:6px 0 10px;
}

.scrollbox li{
	margin-bottom:6px;
}

.small{
	margin-top:6px;
	font-size:12px;
	color:var(--muted);
}
guia{
	border:1px solid var(--border);
	border-radius:12px;
	padding:14px;
	background:#fff;
	margin-top:12px;
}

.guia h3{
	margin:0 0 6px;
	font-size:16px;
}

.guia .meta{
	color:var(--text);
	font-size:14px;
	line-height:1.5;
	margin-bottom:10px;
}

.guia .linkline{
	display:flex;
	gap:10px;
	align-items:center;
	flex-wrap:wrap;
}

.guia .link{
	flex:1 1 320px;
	word-break:break-all;
	border:1px dashed var(--border);
	padding:8px 10px;
	border-radius:8px;
	background:#fafafa;
	font-size:14px;
}

.guia .open{
	display:inline-block;
	padding:10px 14px;
	border-radius:10px;
	border:1px solid var(--border);
	background:#111827;
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

.guia .open:focus{
	outline:2px solid var(--focus);
	outline-offset:2px;
}
.row{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}
.row2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.row3{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
}
.rules{
  font-size:14px;
  color:#374151;
  line-height:1.6;
  margin:0;
  padding-left:18px;
}
.rules li{
  margin-bottom:4px;
}
.table-wrap{
  margin-top:8px;
  overflow-x:auto;
}
table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  min-width:860px;
}
th,td{
  padding:8px 6px;
  border-bottom:1px solid var(--border);
  text-align:left;
  white-space:nowrap;
}
th{
  font-size:11px;
  font-weight:700;
  color:var(--muted);
  background:#f9fafb;
}
tr:nth-child(even) td{
  background:#fafafa;
}
.status-badge{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  border:1px solid transparent;
  font-weight:700;
}
.status-ativo{
  background:#ecfdf5;
  color:#166534;
  border-color:#bbf7d0;
}
.status-inativo{
  background:#fef2f2;
  color:#991b1b;
  border-color:#fecaca;
}
.info-text{
  font-size:11px;
  color:var(--muted);
  margin-top:4px;
  display:block;
  white-space:normal;
  max-width:170px;
}
.form-grid{
  display:grid;
  gap:10px;
  margin-top:8px;
  font-size:13px;
}
@media (max-width:780px){
  .row2,.row3{grid-template-columns:1fr}
}
.info{
  border:1px dashed var(--border);
  border-radius:12px;
  padding:12px;
  background:#fff;
  margin-top:6px;
  color:#1f2937;
  font-size:14px;
}
.state{
  margin-top:6px;
  font-size:14px;
  min-height:20px;
}
.state.ok{color:var(--ok)}
.state.err{color:var(--err)}
.list{
  display:grid;
  gap:12px;
  margin-top:8px;
}
.kv{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.kv .k{
  color:var(--muted);
  min-width:150px;
  font-weight:600;
}
.kv .v{
  color:var(--ink);
}
.status-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  font-size:12px;
  font-weight:700;
  background:#fff;
}
.status-s{color:#92400e;background:#fffbeb;border-color:#fcd34d}
.status-e{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}
.status-a{color:#065f46;background:#ecfdf5;border-color:#86efac}
.status-r{color:#991b1b;background:#fef2f2;border-color:#fca5a5}
.error{
  color:var(--err);
  font-size:14px;
  margin-top:6px;
}
@media (max-width:700px){
  .kv .k{
    min-width:100%;
  }
}
.req{
  color:#dc2626;
  margin-left:4px;
  font-weight:700;
  font-size:11px;
}
input[type="text"],
input[type="email"],
select{
  border:1px solid var(--border);
  border-radius:9px;
  padding:10px;
  font-size:13px;
  width:100%;
  background:#fff;
  color:var(--text);
}
input:focus,
select:focus{
  outline:2px solid var(--focus);
  outline-offset:1px;
  border-color:var(--focus);
}
.state-msg{
  margin-top:6px;
  font-size:12px;
  min-height:18px;
  color:var(--muted);
}
.state-msg.ok{color:var(--ok);}
.state-msg.err{color:var(--err);}
.info-box{
  border:1px dashed var(--border);
  border-radius:12px;
  padding:12px;
  background:#fff;
  color:#1f2937;
  font-size:14px;
}
.confirm-backdrop{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.35);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:50;
}
.confirm-box{
  background:#ffffff;
  border-radius:14px;
  border:1px solid var(--border);
  padding:14px;
  max-width:360px;
  width:92%;
  box-shadow:0 10px 35px rgba(15,23,42,.18);
  font-size:13px;
}
.confirm-title{
  font-weight:700;
  margin-bottom:4px;
}
.confirm-text{
  font-size:12px;
  color:#374151;
  margin-bottom:10px;
}
.confirm-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.confirm-btn{
  padding:7px 12px;
  border-radius:9px;
  border:1px solid var(--border);
  font-size:12px;
  cursor:pointer;
  background:#fff;
  color:#111827;
}
.confirm-btn.primary{
  background:#111827;
  color:#fff;
}
@media (max-width:860px){
  .row2,.row3{grid-template-columns:1fr;}
  table{font-size:11px;}
}
.result{display:none;margin-top:16px;}
.result.show{display:block;}
.result .title{font-weight:600;margin:0 0 4px;}
.result .desc{color:var(--muted);margin:0 0 12px;font-size:14px;}
.result .linkbox{border:1px dashed var(--border);background:#fff;border-radius:10px;padding:12px;word-break:break-all;font-size:15px;}
.result .open{margin-top:12px;display:inline-block;text-decoration:none;font-weight:600;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;}
.form-note{font-size:13px;color:#1f2937;background:#f3f4f6;border:1px dashed var(--border);padding:10px 12px;border-radius:8px;margin-top:8px}
p.lead{margin:0;color:var(--muted);font-size:14px}
.form {
  width: 100%;
}

.form-control {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  min-height: 80px;
  padding: 10px;

  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;

  resize: vertical;
  display: block;
}